:root {
    --primary: #16202c;
    --secondary: #23313d;
    --tertiary: #f4df00;
    --quaternary: #60991a;
}

[uib-tooltip-popup].tooltip.top-left>.tooltip-arrow,
[uib-tooltip-popup].tooltip.top-right>.tooltip-arrow,
[uib-tooltip-popup].tooltip.bottom-left>.tooltip-arrow,
[uib-tooltip-popup].tooltip.bottom-right>.tooltip-arrow,
[uib-tooltip-popup].tooltip.left-top>.tooltip-arrow,
[uib-tooltip-popup].tooltip.left-bottom>.tooltip-arrow,
[uib-tooltip-popup].tooltip.right-top>.tooltip-arrow,
[uib-tooltip-popup].tooltip.right-bottom>.tooltip-arrow,
[uib-tooltip-html-popup].tooltip.top-left>.tooltip-arrow,
[uib-tooltip-html-popup].tooltip.top-right>.tooltip-arrow,
[uib-tooltip-html-popup].tooltip.bottom-left>.tooltip-arrow,
[uib-tooltip-html-popup].tooltip.bottom-right>.tooltip-arrow,
[uib-tooltip-html-popup].tooltip.left-top>.tooltip-arrow,
[uib-tooltip-html-popup].tooltip.left-bottom>.tooltip-arrow,
[uib-tooltip-html-popup].tooltip.right-top>.tooltip-arrow,
[uib-tooltip-html-popup].tooltip.right-bottom>.tooltip-arrow,
[uib-tooltip-template-popup].tooltip.top-left>.tooltip-arrow,
[uib-tooltip-template-popup].tooltip.top-right>.tooltip-arrow,
[uib-tooltip-template-popup].tooltip.bottom-left>.tooltip-arrow,
[uib-tooltip-template-popup].tooltip.bottom-right>.tooltip-arrow,
[uib-tooltip-template-popup].tooltip.left-top>.tooltip-arrow,
[uib-tooltip-template-popup].tooltip.left-bottom>.tooltip-arrow,
[uib-tooltip-template-popup].tooltip.right-top>.tooltip-arrow,
[uib-tooltip-template-popup].tooltip.right-bottom>.tooltip-arrow,
[uib-popover-popup].popover.top-left>.arrow,
[uib-popover-popup].popover.top-right>.arrow,
[uib-popover-popup].popover.bottom-left>.arrow,
[uib-popover-popup].popover.bottom-right>.arrow,
[uib-popover-popup].popover.left-top>.arrow,
[uib-popover-popup].popover.left-bottom>.arrow,
[uib-popover-popup].popover.right-top>.arrow,
[uib-popover-popup].popover.right-bottom>.arrow,
[uib-popover-html-popup].popover.top-left>.arrow,
[uib-popover-html-popup].popover.top-right>.arrow,
[uib-popover-html-popup].popover.bottom-left>.arrow,
[uib-popover-html-popup].popover.bottom-right>.arrow,
[uib-popover-html-popup].popover.left-top>.arrow,
[uib-popover-html-popup].popover.left-bottom>.arrow,
[uib-popover-html-popup].popover.right-top>.arrow,
[uib-popover-html-popup].popover.right-bottom>.arrow,
[uib-popover-template-popup].popover.top-left>.arrow,
[uib-popover-template-popup].popover.top-right>.arrow,
[uib-popover-template-popup].popover.bottom-left>.arrow,
[uib-popover-template-popup].popover.bottom-right>.arrow,
[uib-popover-template-popup].popover.left-top>.arrow,
[uib-popover-template-popup].popover.left-bottom>.arrow,
[uib-popover-template-popup].popover.right-top>.arrow,
[uib-popover-template-popup].popover.right-bottom>.arrow {
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    margin: 0;
}

[uib-popover-popup].popover,
[uib-popover-html-popup].popover,
[uib-popover-template-popup].popover {
    display: block !important;
}

.uib-position-measure {
    display: block !important;
    visibility: hidden !important;
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
}

.uib-position-scrollbar-measure {
    position: absolute !important;
    top: -9999px !important;
    width: 50px !important;
    height: 50px !important;
    overflow: scroll !important;
}

.uib-position-body-scrollbar-measure {
    overflow: scroll !important;
}

[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak,
.ng-hide:not(.ng-hide-animate) {
    display: none !important;
}

ng\:form {
    display: block;
}

.ng-animate-shim {
    visibility: hidden;
}

.ng-anchor {
    position: absolute;
}

.tippy-touch {
    cursor: pointer!important
}

.tippy-notransition {
    -webkit-transition: none!important;
    transition: none!important
}

.tippy-popper {
    max-width: 350px;
    -webkit-perspective: 700px;
    perspective: 700px;
    z-index: 9999;
    outline: 0;
    -webkit-transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    pointer-events: none;
    line-height: 1.4
}

.tippy-popper[data-html] {
    max-width: 96%;
    max-width: calc(100% - 20px)
}

.tippy-popper[x-placement^=top] .tippy-backdrop {
    border-radius: 40% 40% 0 0
}

.tippy-popper[x-placement^=top] .tippy-roundarrow {
    bottom: -8px;
    margin: 0 6px;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.tippy-popper[x-placement^=top] .tippy-roundarrow svg {
    position: absolute;
    left: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.tippy-popper[x-placement^=top] .tippy-arrow {
    border-top: 7px solid #333;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    bottom: -7px;
    margin: 0 7px;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.tippy-popper[x-placement^=top] .tippy-backdrop {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.tippy-popper[x-placement^=top] .tippy-backdrop[data-state=visible] {
    -webkit-transform: scale(5.5) translate(-50%, 25%);
    transform: scale(5.5) translate(-50%, 25%);
    opacity: 1
}

.tippy-popper[x-placement^=top] .tippy-backdrop[data-state=hidden] {
    -webkit-transform: scale(1) translate(-50%, 25%);
    transform: scale(1) translate(-50%, 25%);
    opacity: 0
}

.tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px)
}

.tippy-popper[x-placement^=top] [data-animation=perspective] {
    -webkit-transform-origin: bottom;
    transform-origin: bottom
}

.tippy-popper[x-placement^=top] [data-animation=perspective][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(-10px) rotateX(0);
    transform: translateY(-10px) rotateX(0)
}

.tippy-popper[x-placement^=top] [data-animation=perspective][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(0) rotateX(90deg);
    transform: translateY(0) rotateX(90deg)
}

.tippy-popper[x-placement^=top] [data-animation=fade][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.tippy-popper[x-placement^=top] [data-animation=fade][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.tippy-popper[x-placement^=top] [data-animation=scale][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(-10px) scale(1);
    transform: translateY(-10px) scale(1)
}

.tippy-popper[x-placement^=top] [data-animation=scale][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(0) scale(0);
    transform: translateY(0) scale(0)
}

.tippy-popper[x-placement^=bottom] .tippy-backdrop {
    border-radius: 0 0 30% 30%
}

.tippy-popper[x-placement^=bottom] .tippy-roundarrow {
    top: -8px;
    margin: 0 6px;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.tippy-popper[x-placement^=bottom] .tippy-roundarrow svg {
    position: absolute;
    left: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.tippy-popper[x-placement^=bottom] .tippy-arrow {
    border-bottom: 7px solid #333;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    top: -7px;
    margin: 0 7px;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.tippy-popper[x-placement^=bottom] .tippy-backdrop {
    -webkit-transform-origin: 0 -100%;
    transform-origin: 0 -100%
}

.tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=visible] {
    -webkit-transform: scale(5.5) translate(-50%, -125%);
    transform: scale(5.5) translate(-50%, -125%);
    opacity: 1
}

.tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=hidden] {
    -webkit-transform: scale(1) translate(-50%, -125%);
    transform: scale(1) translate(-50%, -125%);
    opacity: 0
}

.tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
}

.tippy-popper[x-placement^=bottom] [data-animation=perspective] {
    -webkit-transform-origin: top;
    transform-origin: top
}

.tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(10px) rotateX(0);
    transform: translateY(10px) rotateX(0)
}

.tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(0) rotateX(-90deg);
    transform: translateY(0) rotateX(-90deg)
}

.tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(10px) scale(1);
    transform: translateY(10px) scale(1)
}

.tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(0) scale(0);
    transform: translateY(0) scale(0)
}

.tippy-popper[x-placement^=left] .tippy-backdrop {
    border-radius: 30% 0 0 30%
}

.tippy-popper[x-placement^=left] .tippy-roundarrow {
    right: -16px;
    margin: 4px 0;
    -webkit-transform-origin: 33.33333333% 50%;
    transform-origin: 33.33333333% 50%
}

.tippy-popper[x-placement^=left] .tippy-roundarrow svg {
    position: absolute;
    left: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.tippy-popper[x-placement^=left] .tippy-arrow {
    border-left: 7px solid #333;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    right: -7px;
    margin: 4px 0;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.tippy-popper[x-placement^=left] .tippy-backdrop {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.tippy-popper[x-placement^=left] .tippy-backdrop[data-state=visible] {
    -webkit-transform: scale(5.5) translate(33%, -50%);
    transform: scale(5.5) translate(33%, -50%);
    opacity: 1
}

.tippy-popper[x-placement^=left] .tippy-backdrop[data-state=hidden] {
    -webkit-transform: scale(1.5) translate(33%, -50%);
    transform: scale(1.5) translate(33%, -50%);
    opacity: 0
}

.tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px)
}

.tippy-popper[x-placement^=left] [data-animation=perspective] {
    -webkit-transform-origin: right;
    transform-origin: right
}

.tippy-popper[x-placement^=left] [data-animation=perspective][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(-10px) rotateY(0);
    transform: translateX(-10px) rotateY(0)
}

.tippy-popper[x-placement^=left] [data-animation=perspective][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(0) rotateY(-90deg);
    transform: translateX(0) rotateY(-90deg)
}

.tippy-popper[x-placement^=left] [data-animation=fade][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.tippy-popper[x-placement^=left] [data-animation=fade][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.tippy-popper[x-placement^=left] [data-animation=scale][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(-10px) scale(1);
    transform: translateX(-10px) scale(1)
}

.tippy-popper[x-placement^=left] [data-animation=scale][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(0) scale(0);
    transform: translateX(0) scale(0)
}

.tippy-popper[x-placement^=right] .tippy-backdrop {
    border-radius: 0 30% 30% 0
}

.tippy-popper[x-placement^=right] .tippy-roundarrow {
    left: -16px;
    margin: 4px 0;
    -webkit-transform-origin: 66.66666666% 50%;
    transform-origin: 66.66666666% 50%
}

.tippy-popper[x-placement^=right] .tippy-roundarrow svg {
    position: absolute;
    left: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.tippy-popper[x-placement^=right] .tippy-arrow {
    border-right: 7px solid #333;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    left: -7px;
    margin: 4px 0;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.tippy-popper[x-placement^=right] .tippy-backdrop {
    -webkit-transform-origin: -100% 0;
    transform-origin: -100% 0
}

.tippy-popper[x-placement^=right] .tippy-backdrop[data-state=visible] {
    -webkit-transform: scale(5.5) translate(-133%, -50%);
    transform: scale(5.5) translate(-133%, -50%);
    opacity: 1
}

.tippy-popper[x-placement^=right] .tippy-backdrop[data-state=hidden] {
    -webkit-transform: scale(1.5) translate(-133%, -50%);
    transform: scale(1.5) translate(-133%, -50%);
    opacity: 0
}

.tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px)
}

.tippy-popper[x-placement^=right] [data-animation=perspective] {
    -webkit-transform-origin: left;
    transform-origin: left
}

.tippy-popper[x-placement^=right] [data-animation=perspective][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(10px) rotateY(0);
    transform: translateX(10px) rotateY(0)
}

.tippy-popper[x-placement^=right] [data-animation=perspective][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(0) rotateY(90deg);
    transform: translateX(0) rotateY(90deg)
}

.tippy-popper[x-placement^=right] [data-animation=fade][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.tippy-popper[x-placement^=right] [data-animation=fade][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.tippy-popper[x-placement^=right] [data-animation=scale][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(10px) scale(1);
    transform: translateX(10px) scale(1)
}

.tippy-popper[x-placement^=right] [data-animation=scale][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(0) scale(0);
    transform: translateX(0) scale(0)
}

.tippy-tooltip {
    position: relative;
    color: #fff;
    border-radius: 4px;
    font-size: .9rem;
    padding: .3rem .6rem;
    text-align: center;
    will-change: transform;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #333
}

.tippy-tooltip[data-size=small] {
    padding: .2rem .4rem;
    font-size: .75rem
}

.tippy-tooltip[data-size=large] {
    padding: .4rem .8rem;
    font-size: 1rem
}

.tippy-tooltip[data-animatefill] {
    overflow: hidden;
    background-color: transparent
}

.tippy-tooltip[data-animatefill] .tippy-content {
    -webkit-transition: -webkit-clip-path cubic-bezier(.46, .1, .52, .98);
    transition: -webkit-clip-path cubic-bezier(.46, .1, .52, .98);
    transition: clip-path cubic-bezier(.46, .1, .52, .98);
    transition: clip-path cubic-bezier(.46, .1, .52, .98), -webkit-clip-path cubic-bezier(.46, .1, .52, .98)
}

.tippy-tooltip[data-interactive] {
    pointer-events: auto
}

.tippy-tooltip[data-inertia][data-state=visible] {
    -webkit-transition-timing-function: cubic-bezier(.53, 2, .36, .85);
    transition-timing-function: cubic-bezier(.53, 2, .36, .85)
}

.tippy-tooltip[data-inertia][data-state=hidden] {
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.tippy-arrow,
.tippy-roundarrow {
    position: absolute;
    width: 0;
    height: 0
}

.tippy-roundarrow {
    width: 24px;
    height: 8px;
    fill: #333;
    pointer-events: none
}

.tippy-roundarrow path {
    pointer-events: auto
}

.tippy-backdrop {
    position: absolute;
    will-change: transform;
    background-color: #333;
    border-radius: 50%;
    width: 26%;
    left: 50%;
    top: 50%;
    z-index: -1;
    -webkit-transition: all cubic-bezier(.46, .1, .52, .98);
    transition: all cubic-bezier(.46, .1, .52, .98);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.tippy-backdrop:after {
    content: "";
    float: left;
    padding-top: 100%
}

body:not(.tippy-touch) .tippy-tooltip[data-animatefill][data-state=visible] .tippy-content {
    -webkit-clip-path: ellipse(100% 100% at 50% 50%);
    clip-path: ellipse(100% 100% at 50% 50%)
}

body:not(.tippy-touch) .tippy-tooltip[data-animatefill][data-state=hidden] .tippy-content {
    -webkit-clip-path: ellipse(5% 50% at 50% 50%);
    clip-path: ellipse(5% 50% at 50% 50%)
}

body:not(.tippy-touch) .tippy-popper[x-placement=right] .tippy-tooltip[data-animatefill][data-state=visible] .tippy-content {
    -webkit-clip-path: ellipse(135% 100% at 0 50%);
    clip-path: ellipse(135% 100% at 0 50%)
}

body:not(.tippy-touch) .tippy-popper[x-placement=right] .tippy-tooltip[data-animatefill][data-state=hidden] .tippy-content {
    -webkit-clip-path: ellipse(25% 100% at 0 50%);
    clip-path: ellipse(25% 100% at 0 50%)
}

body:not(.tippy-touch) .tippy-popper[x-placement=left] .tippy-tooltip[data-animatefill][data-state=visible] .tippy-content {
    -webkit-clip-path: ellipse(135% 100% at 100% 50%);
    clip-path: ellipse(135% 100% at 100% 50%)
}

body:not(.tippy-touch) .tippy-popper[x-placement=left] .tippy-tooltip[data-animatefill][data-state=hidden] .tippy-content {
    -webkit-clip-path: ellipse(25% 100% at 100% 50%);
    clip-path: ellipse(25% 100% at 100% 50%)
}

@media (max-width:360px) {
    .tippy-popper {
        max-width: 96%;
        max-width: calc(100% - 20px)
    }
}

.webpush-window-body {
    height: 100%;
    min-height: 100%;
    padding: 0;
    margin: 0;
}

#webpush-window {
    position: absolute;
    text-align: center;
    width: 100%;
    left: 0;
    top: 50%;
    opacity: 0;
}

#webpush-window-image {
    height: 128px;
    margin-bottom: 10px;
}

#webpush-window-title {
    font-size: 22px;
    padding: 0 5px;
}

#webpush-window-text {
    color: #333333;
    margin-top: 15px;
    padding: 0 5px;
    line-height: 22px;
}

#webpush-custom-prompt {
    position: fixed;
    z-index: 9999999;
    width: 320px;
    max-width: 100%;
    padding: 10px;
    top: 0;
    left: 50%;
    margin-left: -160px;
    background-color: rgb(231, 232, 233);
    box-shadow: 0px 0px 6px #888888;
    color: #000000;
    font-family: 'Trebuchet MS', Helvetica, sans-serif;
}

#webpush-custom-prompt-image {
    width: 64px;
    position: absolute;
    top: 15px;
    left: 15px;
}

#webpush-custom-prompt-title {
    margin-left: 90px;
    margin-top: 4px;
    font-size: 13px;
    font-weight: bold;
    line-height: 18px;
}

#webpush-custom-prompt-text {
    font-size: 10px;
    margin-left: 90px;
    margin-top: 5px;
    line-height: 15px;
}

#webpush-custom-prompt-buttons {
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    float: right;
}

#webpush-custom-prompt-button1 {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
    background: -moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0);
    background-color: #ffffff;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    color: #666666;
    font-size: 12px;
    padding: 4px 24px;
    margin-right: 6px;
    cursor: default;
}

#webpush-custom-prompt-button2 {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2));
    background: -moz-linear-gradient(top, #33bdef 5%, #019ad2 100%);
    background: -webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%);
    background: -o-linear-gradient(top, #33bdef 5%, #019ad2 100%);
    background: -ms-linear-gradient(top, #33bdef 5%, #019ad2 100%);
    background: linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2', GradientType=0);
    background-color: #33bdef;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #057fd0;
    display: inline-block;
    color: #ffffff;
    font-size: 12px;
    padding: 4px 24px;
    cursor: default;
}

#webpush-notification-center-open.webpush-notification-center-position-left {
    left: 20px;
}

#webpush-notification-center-open.webpush-notification-center-position-right {
    right: 20px;
}

#webpush-notification-center {
    position: fixed;
    z-index: 9999999;
    font-family: 'Trebuchet MS', Helvetica, sans-serif;
    display: none;
    overflow-y: auto;
}

#webpush-notification-center.webpush-notification-center-layout-panel {
    top: 0;
    bottom: 0;
    width: 300px;
    max-width: 90%;
}

#webpush-notification-center.webpush-notification-center-layout-popup {
    top: 20px;
    height: 400px;
    width: 300px;
    max-width: 90%;
    margin-right: 20px;
    margin-left: 20px;
}

#webpush-notification-center.webpush-notification-center-position-left {
    left: 0;
}

#webpush-notification-center.webpush-notification-center-position-right {
    right: 0;
}

#webpush-notification-center.webpush-notification-center-color-light {
    background: #ffffff;
    box-shadow: 0px 0px 6px #888888;
    color: #666666;
}

#webpush-notification-center.webpush-notification-center-color-dark {
    background: #555555;
    box-shadow: 0px 0px 6px #888888;
    color: #ffffff;
}

#webpush-notification-center-header {
    height: 40px;
    border-bottom: 1px solid #d9d9d9;
    position: relative;
}

#webpush-notification-center-subscription {
    padding: 0 50px 0 8px;
}

#webpush-notification-center-subscription-switch-container {
    float: left;
    padding-top: 15px;
}

#webpush-notification-center-subscription-status {
    float: left;
    font-size: 12px;
    line-height: 40px;
    letter-spacing: 0.1em;
}

#webpush-notification-center-subscription .webpush-onoffswitch {
    display: inline-block;
    margin-right: 16px;
    margin-left: 8px;
}

#webpush-notification-center-icon {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px 20px;
}

#webpush-notification-center-title {
    font-size: 13px;
    line-height: 40px;
    letter-spacing: 0.1em;
    text-align: center;
}

#webpush-notification-center-close {
    position: absolute;
    top: 14px;
    right: 8px;
    height: 12px;
    width: 12px;
    font-size: 12px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 12px 12px;
    cursor: pointer;
}

#webpush-notification-center-list {
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 41px;
    left: 0;
    right: 0;
    bottom: 0;
}

.webpush-notification-center-item {
    padding: 8px 8px;
    position: relative;
    font-size: 12px;
    min-height: 48px;
    cursor: pointer;
}

.webpush-notification-center-color-light .webpush-notification-center-item {
    border-bottom: 1px solid #f3f3f3;
}

.webpush-notification-center-color-dark .webpush-notification-center-item {
    border-bottom: 1px solid #808080;
}

.webpush-notification-center-color-light .webpush-notification-center-item:hover {
    background-color: #f3f3f3;
}

.webpush-notification-center-color-dark .webpush-notification-center-item:hover {
    background-color: #808080;
}

.webpush-notification-center-item-image {
    width: 48px;
    height: 48px;
    float: left;
}

.webpush-notification-center-item-title {
    padding-left: 58px;
    font-weight: bold;
}

.webpush-notification-center-item-title p {
    margin: 0px;
}

.webpush-notification-center-item-text {
    padding-left: 58px;
    margin-top: 4px;
}

.webpush-notification-center-item-text p {
    margin: 0px;
}

.webpush-notification-center-item-date {
    padding-left: 58px;
    margin-top: 3px;
    font-size: 11px;
    color: #b7b7b7;
}

.webpush-notification-center-item-webinbox-card {
    padding: 0;
}

.webpush-notification-center-item-webinbox-card .webpush-notification-center-item-image {
    width: 100%;
    height: auto;
    float: none;
    margin: 0px;
    padding: 0px;
}

.webpush-notification-center-item-webinbox-card .webpush-notification-center-item-title {
    padding: 5px 7px;
    font-weight: bold;
}

.webpush-notification-center-item-webinbox-card .webpush-notification-center-item-text-container {
    padding: 0px 7px 5px 7px;
    margin: 0px;
}

.webpush-notification-center-item-webinbox-card .webpush-notification-center-item-text {
    padding: 5px 0px 0px 0px;
    margin-top: 0px;
}

.webpush-notification-center-item-webinbox-card .webpush-notification-center-item-date {
    display: none;
}

#webpush-notification-center-loader {
    text-align: center;
    padding: 8px;
    height: 15px;
}

#webpush-notification-center-placeholder {
    font-size: 12px;
    line-height: 30px;
    padding: 5px 16px;
}

#webpush-notification-center-load-more {
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
}

.webpush-notification-center-color-light #webpush-notification-center-load-more {
    border-bottom: 1px solid #f3f3f3;
}

.webpush-notification-center-color-dark #webpush-notification-center-load-more {
    border-bottom: 1px solid #808080;
}

.webpush-notification-center-color-light #webpush-notification-center-load-more:hover {
    background-color: #f3f3f3;
}

.webpush-notification-center-color-dark #webpush-notification-center-load-more:hover {
    background-color: #808080;
}

#webpush-notification-center-open {
    position: fixed;
    z-index: 9999999;
    top: 20px;
    height: 32px;
    width: 32px;
    border-radius: 16px;
    cursor: pointer;
    text-align: center;
    line-height: 32px;
    background-size: 16px 16px;
    box-shadow: 0px 0px 6px #888888;
}

#webpush-notification-center-open.webpush-notification-center-color-light {
    background-color: #ffffff;
}

#webpush-notification-center-open.webpush-notification-center-color-dark {
    background-color: #555555;
}

#webpush-notification-center-open.webpush-notification-center-color-custom {
    background-color: #ffffff;
}

#webpush-local-notification-stack {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 9999999;
    margin-left: 20px;
}

.webpush-local-notification {
    background: #ffffff;
    max-width: 370px;
    width: 100%;
    min-width: 250px;
    box-shadow: 0px 0px 6px #888888;
    position: relative;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    font-family: 'Trebuchet MS', Helvetica, sans-serif;
    color: #666666;
    margin-bottom: 10px;
    min-height: 80px;
    cursor: default;
}

.webpush-local-notification-close {
    position: absolute;
    top: 8px;
    right: 8px;
    cursor: pointer;
}

.webpush-local-notification-image {
    width: 80px;
    height: 80px;
    float: left;
}

.webpush-local-notification-title {
    padding-left: 95px;
    padding-top: 10px;
    padding-right: 35px;
    font-size: 14px;
    line-height: 20px;
    color: #444444;
}

.webpush-local-notification-text {
    padding-left: 95px;
    padding-top: 8px;
    padding-right: 10px;
    padding-bottom: 10px;
    font-size: 13px;
    line-height: 18px;
}

.webpush-onoffswitch-container {
    line-height: 10px;
}

.webpush-onoffswitch {
    position: relative;
    width: 30px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.webpush-onoffswitch-checkbox {
    display: none;
}

.webpush-onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    height: 10px;
    padding: 0;
    line-height: 10px;
    border-radius: 16px;
    background-color: rgba(158, 158, 158, 0.5);
}

.webpush-onoffswitch-label:before {
    content: '';
    display: block;
    width: 16px;
    margin: -3px;
    background-color: rgb(158, 158, 158);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 18px;
    border-radius: 16px;
}

.webpush-onoffswitch-checkbox:checked+.webpush-onoffswitch-label {
    background-color: rgba(47, 169, 214, 0.5);
}

.webpush-onoffswitch-checkbox:checked+.webpush-onoffswitch-label .webpush-onoffswitch-inner {
    margin-left: 0;
}

.webpush-onoffswitch-checkbox:checked+.webpush-onoffswitch-label:before {
    right: 0;
    background-color: rgb(47, 169, 214);
    box-shadow: none;
}

.webpush-reset {
    animation: none;
    animation-delay: 0s;
    animation-direction: normal;
    animation-duration: 0s;
    animation-fill-mode: none;
    animation-iteration-count: 1;
    animation-name: none;
    animation-play-state: running;
    animation-timing-function: ease;
    backface-visibility: visible;
    background: 0;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-position-x: 0;
    background-position-y: 0;
    background-repeat: repeat;
    background-size: auto auto;
    border: 0;
    border-style: none;
    border-width: medium;
    border-color: inherit;
    border-bottom: 0;
    border-bottom-color: inherit;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-collapse: separate;
    border-image: none;
    border-left: 0;
    border-left-color: inherit;
    border-left-style: none;
    border-left-width: medium;
    border-radius: 0;
    border-right: 0;
    border-right-color: inherit;
    border-right-style: none;
    border-right-width: medium;
    border-spacing: 0;
    border-top: 0;
    border-top-color: inherit;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top-style: none;
    border-top-width: medium;
    bottom: auto;
    box-shadow: none;
    box-sizing: content-box;
    caption-side: top;
    clear: none;
    clip: auto;
    color: inherit;
    columns: auto;
    column-count: auto;
    column-fill: balance;
    column-gap: normal;
    column-rule: medium none currentColor;
    column-rule-color: currentColor;
    column-rule-style: none;
    column-rule-width: 0;
    column-span: 1;
    column-width: auto;
    content: normal;
    counter-increment: none;
    counter-reset: none;
    cursor: auto;
    direction: ltr;
    display: inline;
    empty-cells: show;
    float: none;
    /*font: normal;*/
    font-family: inherit;
    font-size: medium;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    height: auto;
    hyphens: none;
    left: auto;
    letter-spacing: normal;
    line-height: normal;
    list-style: none;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: disc;
    margin: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    max-height: none;
    max-width: none;
    min-height: 0;
    min-width: 0;
    opacity: 1;
    orphans: 0;
    outline: 0;
    outline-color: invert;
    outline-style: none;
    outline-width: medium;
    overflow: visible;
    overflow-x: visible;
    overflow-y: visible;
    padding: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    page-break-after: auto;
    page-break-before: auto;
    page-break-inside: auto;
    perspective: none;
    perspective-origin: 50% 50%;
    position: static;
    right: auto;
    tab-size: 8;
    table-layout: auto;
    text-align: inherit;
    text-align-last: auto;
    text-decoration: none;
    text-decoration-line: none;
    text-decoration-style: solid;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    top: auto;
    transform: none;
    transform-style: flat;
    transition: none;
    transition-delay: 0s;
    transition-duration: 0s;
    transition-property: none;
    transition-timing-function: ease;
    unicode-bidi: normal;
    vertical-align: baseline;
    visibility: visible;
    white-space: normal;
    widows: 0;
    width: auto;
    word-spacing: normal;
    z-index: auto;
}

.webpush-loader {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 48px;
    height: 16px;
}

.webpush-loader div {
    position: absolute;
    top: 3px;
    left: 21px;
    width: 4px;
    height: 4px;
    background-color: #666666;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-clip: padding-box;
    -webkit-animation: growDot 1s linear .15s infinite;
    -moz-animation: growDot 1s linear .15s infinite;
    -ms-animation: growDot 1s linear .15s infinite;
    -o-animation: growDot 1s linear .15s infinite;
    animation: growDot 1s linear .15s infinite;
}

.webpush-loader div:before {
    content: '';
    position: absolute;
    top: 0;
    left: -15px;
    width: 4px;
    height: 4px;
    background-color: #666666;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-clip: padding-box;
    -webkit-animation: growDot 1s linear 0s infinite;
    -moz-animation: growDot 1s linear 0s infinite;
    -ms-animation: growDot 1s linear 0s infinite;
    -o-animation: growDot 1s linear 0s infinite;
    animation: growDot 1s linear 0s infinite;
}

.webpush-loader div:after {
    content: '';
    position: absolute;
    top: 0;
    left: 15px;
    width: 4px;
    height: 4px;
    background-color: #666666;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-clip: padding-box;
    -webkit-animation: growDot 1s linear .3s infinite;
    -moz-animation: growDot 1s linear .3s infinite;
    -ms-animation: growDot 1s linear .3s infinite;
    -o-animation: growDot 1s linear .3s infinite;
    animation: growDot 1s linear .3s infinite;
}

@-webkit-keyframes growDot {
    0% {
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';
        filter: alpha(opacity=70);
        opacity: 0.7;
        -webkit-box-shadow: 0px 0px 0px 0px #666666;
        box-shadow: 0px 0px 0px 0px #666666;
    }
    25% {
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
        filter: alpha(opacity=100);
        opacity: 1;
        -webkit-box-shadow: 0px 0px 0px 2px #666666;
        box-shadow: 0px 0px 0px 2px #666666;
    }
    50% {
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';
        filter: alpha(opacity=70);
        opacity: 0.7;
        -webkit-box-shadow: 0px 0px 0px 0px #666666;
        box-shadow: 0px 0px 0px 0px #666666;
    }
    100% {
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
        filter: alpha(opacity=60);
        opacity: 0.6;
        -webkit-box-shadow: 0px 0px 0px 0px #666666;
        box-shadow: 0px 0px 0px 0px #666666;
    }
}

@keyframes growDot {
    0% {
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';
        filter: alpha(opacity=70);
        opacity: 0.7;
        -webkit-box-shadow: 0px 0px 0px 0px #666666;
        box-shadow: 0px 0px 0px 0px #666666;
    }
    25% {
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
        filter: alpha(opacity=100);
        opacity: 1;
        -webkit-box-shadow: 0px 0px 0px 2px #666666;
        box-shadow: 0px 0px 0px 2px #666666;
    }
    50% {
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';
        filter: alpha(opacity=70);
        opacity: 0.7;
        -webkit-box-shadow: 0px 0px 0px 0px #666666;
        box-shadow: 0px 0px 0px 0px #666666;
    }
    100% {
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
        filter: alpha(opacity=60);
        opacity: 0.6;
        -webkit-box-shadow: 0px 0px 0px 0px #666666;
        box-shadow: 0px 0px 0px 0px #666666;
    }
}

.webpush-balloon {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

.webpush-balloon-light,
.webpush-balloon-custom {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgdmVyc2lvbj0iMS4xIiAgIHZpZXdCb3g9IjAgMCAxNTAgMTQ5Ljk5OTk5IiAgIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgICBpZD0ic3ZnMiIgICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkxIHIxMzcyNSIgICBzb2RpcG9kaTpkb2NuYW1lPSJOb3RpZmljYXRpb24gQ2VudGVyIEljb24gU3BlZWNoLnN2ZyIgICB3aWR0aD0iMTUwIiAgIGhlaWdodD0iMTUwIiAgIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOm5vbmU7c3Ryb2tlLWxpbmVjYXA6c3F1YXJlO3N0cm9rZS1taXRlcmxpbWl0OjEwIj4gIDxtZXRhZGF0YSAgICAgaWQ9Im1ldGFkYXRhMTM0Ij4gICAgPHJkZjpSREY+ICAgICAgPGNjOldvcmsgICAgICAgICByZGY6YWJvdXQ9IiI+ICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4gICAgICAgIDxkYzp0eXBlICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPiAgICAgICAgPGRjOnRpdGxlPjwvZGM6dGl0bGU+ICAgICAgPC9jYzpXb3JrPiAgICA8L3JkZjpSREY+ICA8L21ldGFkYXRhPiAgPGRlZnMgICAgIGlkPSJkZWZzMTMyIj4gICAgPGNsaXBQYXRoICAgICAgIGlkPSJwLjMiPiAgICAgIDxwYXRoICAgICAgICAgZD0ibSAwLDAgMTQwMCwwIDAsNTAwIC0xNDAwLDAgeiIgICAgICAgICBpZD0icGF0aDM0IiAgICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiICAgICAgICAgc3R5bGU9ImNsaXAtcnVsZTpub256ZXJvIiAvPiAgICA8L2NsaXBQYXRoPiAgICA8Y2xpcFBhdGggICAgICAgaWQ9InAuMiI+ICAgICAgPHBhdGggICAgICAgICBkPSJtIDAsMCA3MDAsMCAwLDI1MCAtNzAwLDAgeiIgICAgICAgICBpZD0icGF0aDI1IiAgICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiICAgICAgICAgc3R5bGU9ImNsaXAtcnVsZTpub256ZXJvIiAvPiAgICA8L2NsaXBQYXRoPiAgICA8Y2xpcFBhdGggICAgICAgaWQ9InAuMSI+ICAgICAgPHBhdGggICAgICAgICBkPSJtIDAsMCA3MDAsMCAwLDI1MCAtNzAwLDAgeiIgICAgICAgICBpZD0icGF0aDE2IiAgICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiICAgICAgICAgc3R5bGU9ImNsaXAtcnVsZTpub256ZXJvIiAvPiAgICA8L2NsaXBQYXRoPiAgPC9kZWZzPiAgPHNvZGlwb2RpOm5hbWVkdmlldyAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiICAgICBib3JkZXJvcGFjaXR5PSIxIiAgICAgb2JqZWN0dG9sZXJhbmNlPSIxMCIgICAgIGdyaWR0b2xlcmFuY2U9IjEwIiAgICAgZ3VpZGV0b2xlcmFuY2U9IjEwIiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAiICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxOTIwIiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iMTAxMyIgICAgIGlkPSJuYW1lZHZpZXcxMzAiICAgICBzaG93Z3JpZD0iZmFsc2UiICAgICBpbmtzY2FwZTpzbmFwLWJib3g9InRydWUiICAgICBpbmtzY2FwZTpiYm94LXBhdGhzPSJ0cnVlIiAgICAgaW5rc2NhcGU6c25hcC1iYm94LWVkZ2UtbWlkcG9pbnRzPSJ0cnVlIiAgICAgaW5rc2NhcGU6c25hcC1iYm94LW1pZHBvaW50cz0idHJ1ZSIgICAgIGlua3NjYXBlOmJib3gtbm9kZXM9InRydWUiICAgICBpbmtzY2FwZTpzbmFwLW1pZHBvaW50cz0iZmFsc2UiICAgICBpbmtzY2FwZTpzbmFwLXNtb290aC1ub2Rlcz0iZmFsc2UiICAgICBpbmtzY2FwZTpvYmplY3Qtbm9kZXM9ImZhbHNlIiAgICAgaW5rc2NhcGU6c25hcC1pbnRlcnNlY3Rpb24tcGF0aHM9InRydWUiICAgICBpbmtzY2FwZTpvYmplY3QtcGF0aHM9ImZhbHNlIiAgICAgaW5rc2NhcGU6c25hcC1ub2Rlcz0idHJ1ZSIgICAgIGlua3NjYXBlOnpvb209IjEuNDE0MjEzNiIgICAgIGlua3NjYXBlOmN4PSItMTE2Ljc1Mjk0IiAgICAgaW5rc2NhcGU6Y3k9IjE2Mi4wNDkzNSIgICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIgICAgIGlua3NjYXBlOndpbmRvdy15PSItOCIgICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmcyIiAgICAgZml0LW1hcmdpbi10b3A9IjAiICAgICBmaXQtbWFyZ2luLWxlZnQ9IjAiICAgICBmaXQtbWFyZ2luLXJpZ2h0PSIwIiAgICAgZml0LW1hcmdpbi1ib3R0b209IjAiICAgICBpbmtzY2FwZTpzbmFwLXBhZ2U9InRydWUiICAgICBpbmtzY2FwZTpzbmFwLWdyaWRzPSJ0cnVlIj4gICAgPGlua3NjYXBlOmdyaWQgICAgICAgdHlwZT0ieHlncmlkIiAgICAgICBpZD0iZ3JpZDQzNDgiICAgICAgIG9yaWdpbng9IjAiICAgICAgIG9yaWdpbnk9Ii01NS41NDEyNyIgLz4gIDwvc29kaXBvZGk6bmFtZWR2aWV3PiAgPGNsaXBQYXRoICAgICBpZD0icC4wIj4gICAgPHBhdGggICAgICAgZD0ibSAwLDAgMTkyMCwwIDAsMTA4MCBMIDAsMTA4MCAwLDAgWiIgICAgICAgaWQ9InBhdGg1IiAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiAgICAgICBzdHlsZT0iY2xpcC1ydWxlOm5vbnplcm8iIC8+ICA8L2NsaXBQYXRoPiAgPHBhdGggICAgIHN0eWxlPSJmaWxsOiMwMDAwMDA7ZmlsbC1vcGFjaXR5OjA7ZmlsbC1ydWxlOm5vbnplcm8iICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiAgICAgaWQ9InBhdGgxMSIgICAgIGQ9Im0gNzM5LjQxMjA1LC01MDYuMTU5NTEgOTMzLjMzMzM1LDAgMCwzMzMuMzMzMzQgLTkzMy4zMzMzNSwwIHoiIC8+ICA8cGF0aCAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MDtmaWxsLXJ1bGU6bm9uemVybyIgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiICAgICBpZD0icGF0aDIwIiAgICAgZD0ibSA3MzkuNDEyMDUsLTg3NC40NTg3MyA5MzMuMzMzMzUsMCAwLDMzMy4zMzMzNCAtOTMzLjMzMzM1LDAgeiIgLz4gIDxwYXRoICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowO2ZpbGwtcnVsZTpub256ZXJvIiAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIgICAgIGlkPSJwYXRoMjkiICAgICBkPSJtIDczOS40MTM0LC0xMzcuODYwNDMgOTMzLjMzMTEsMCAwLDMzMy4zMzMzIC05MzMuMzMxMSwwIHoiIC8+ICA8ZyAgICAgaWQ9Imc0MzUwIiAgICAgdHJhbnNmb3JtPSJtYXRyaXgoMC45OTY1NDcyNiwwLDAsMC45OTY1NDcyNiwtODEwLjY5NzQ3LC0zNTcuMTMzOTMpIiAvPiAgPHBhdGggICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiICAgICBzdHlsZT0iZmlsbDojODA4MDgwO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lO3N0cm9rZS1saW5lY2FwOnNxdWFyZTtzdHJva2UtbWl0ZXJsaW1pdDoxMCIgICAgIGQ9Im0gMjIuOTY5Mzc0LDE0LjUwNjA5MyBjIC0xMC4xMTQxNCwwIC0xOC4zMTUwMTk5LDguMTk4MTcyIC0xOC4zMTUwMTk5LDE4LjMxMjMxMyBsIDAsNDUuNzgzNTAyIDAsMjcuNDcxMjEyIGMgMCwxMC4xMTQwOSA4LjIwMDg3OTksMTguMzEyMjkgMTguMzE1MDE5OSwxOC4zMTIyOSBsIDUuMTM1MzIxLDAgMy40MzUyNSwyNS42MTQ1OCAzMS43MzQ4OCwtMjUuNjE0NTggNjMuNzU1ODE1LDAgYyAxMC4xMTQxMywwIDE4LjMxNTAxLC04LjE5ODIgMTguMzE1MDEsLTE4LjMxMjI5IGwgMCwtMjcuNDcxMjEyIDAsLTQ1Ljc4MzUwMiBjIDAsLTQuODU3MDAxIC0xLjkzMDI5LC05LjUxNTg5OCAtNS4zNjQ3LC0xMi45NTAzMDYgLTMuNDM0NCwtMy40MzQzOTMgLTguMDkzMzYsLTUuMzYyMDA3IC0xMi45NTAzMSwtNS4zNjIwMDcgbCAtNjMuNzU1ODE1LDAgLTM1LjE3MDEzLDAgLTUuMTM1MzIxLDAgeiIgICAgIGlkPSJwYXRoNDE3NCIgLz48L3N2Zz4=);
}

.webpush-balloon-dark {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgdmVyc2lvbj0iMS4xIiAgIHZpZXdCb3g9IjAgMCAxNTAgMTQ5Ljk5OTk5IiAgIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgICBpZD0ic3ZnMiIgICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkxIHIxMzcyNSIgICBzb2RpcG9kaTpkb2NuYW1lPSJOb3RpZmljYXRpb24gQ2VudGVyIEljb24gU3BlZWNoLnN2ZyIgICB3aWR0aD0iMTUwIiAgIGhlaWdodD0iMTUwIiAgIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOm5vbmU7c3Ryb2tlLWxpbmVjYXA6c3F1YXJlO3N0cm9rZS1taXRlcmxpbWl0OjEwIj4gIDxtZXRhZGF0YSAgICAgaWQ9Im1ldGFkYXRhMTM0Ij4gICAgPHJkZjpSREY+ICAgICAgPGNjOldvcmsgICAgICAgICByZGY6YWJvdXQ9IiI+ICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4gICAgICAgIDxkYzp0eXBlICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPiAgICAgICAgPGRjOnRpdGxlIC8+ICAgICAgPC9jYzpXb3JrPiAgICA8L3JkZjpSREY+ICA8L21ldGFkYXRhPiAgPGRlZnMgICAgIGlkPSJkZWZzMTMyIj4gICAgPGNsaXBQYXRoICAgICAgIGlkPSJwLjMiPiAgICAgIDxwYXRoICAgICAgICAgZD0ibSAwLDAgMTQwMCwwIDAsNTAwIC0xNDAwLDAgeiIgICAgICAgICBpZD0icGF0aDM0IiAgICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiICAgICAgICAgc3R5bGU9ImNsaXAtcnVsZTpub256ZXJvIiAvPiAgICA8L2NsaXBQYXRoPiAgICA8Y2xpcFBhdGggICAgICAgaWQ9InAuMiI+ICAgICAgPHBhdGggICAgICAgICBkPSJtIDAsMCA3MDAsMCAwLDI1MCAtNzAwLDAgeiIgICAgICAgICBpZD0icGF0aDI1IiAgICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiICAgICAgICAgc3R5bGU9ImNsaXAtcnVsZTpub256ZXJvIiAvPiAgICA8L2NsaXBQYXRoPiAgICA8Y2xpcFBhdGggICAgICAgaWQ9InAuMSI+ICAgICAgPHBhdGggICAgICAgICBkPSJtIDAsMCA3MDAsMCAwLDI1MCAtNzAwLDAgeiIgICAgICAgICBpZD0icGF0aDE2IiAgICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiICAgICAgICAgc3R5bGU9ImNsaXAtcnVsZTpub256ZXJvIiAvPiAgICA8L2NsaXBQYXRoPiAgPC9kZWZzPiAgPHNvZGlwb2RpOm5hbWVkdmlldyAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiICAgICBib3JkZXJvcGFjaXR5PSIxIiAgICAgb2JqZWN0dG9sZXJhbmNlPSIxMCIgICAgIGdyaWR0b2xlcmFuY2U9IjEwIiAgICAgZ3VpZGV0b2xlcmFuY2U9IjEwIiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAiICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxOTIwIiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iMTAxMyIgICAgIGlkPSJuYW1lZHZpZXcxMzAiICAgICBzaG93Z3JpZD0iZmFsc2UiICAgICBpbmtzY2FwZTpzbmFwLWJib3g9InRydWUiICAgICBpbmtzY2FwZTpiYm94LXBhdGhzPSJ0cnVlIiAgICAgaW5rc2NhcGU6c25hcC1iYm94LWVkZ2UtbWlkcG9pbnRzPSJ0cnVlIiAgICAgaW5rc2NhcGU6c25hcC1iYm94LW1pZHBvaW50cz0idHJ1ZSIgICAgIGlua3NjYXBlOmJib3gtbm9kZXM9InRydWUiICAgICBpbmtzY2FwZTpzbmFwLW1pZHBvaW50cz0iZmFsc2UiICAgICBpbmtzY2FwZTpzbmFwLXNtb290aC1ub2Rlcz0iZmFsc2UiICAgICBpbmtzY2FwZTpvYmplY3Qtbm9kZXM9ImZhbHNlIiAgICAgaW5rc2NhcGU6c25hcC1pbnRlcnNlY3Rpb24tcGF0aHM9InRydWUiICAgICBpbmtzY2FwZTpvYmplY3QtcGF0aHM9ImZhbHNlIiAgICAgaW5rc2NhcGU6c25hcC1ub2Rlcz0idHJ1ZSIgICAgIGlua3NjYXBlOnpvb209IjEuNDE0MjEzNiIgICAgIGlua3NjYXBlOmN4PSItMjMwLjk1MDY4IiAgICAgaW5rc2NhcGU6Y3k9IjE2Mi4wNDkzNSIgICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIgICAgIGlua3NjYXBlOndpbmRvdy15PSItOCIgICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmcyIiAgICAgZml0LW1hcmdpbi10b3A9IjAiICAgICBmaXQtbWFyZ2luLWxlZnQ9IjAiICAgICBmaXQtbWFyZ2luLXJpZ2h0PSIwIiAgICAgZml0LW1hcmdpbi1ib3R0b209IjAiICAgICBpbmtzY2FwZTpzbmFwLXBhZ2U9InRydWUiICAgICBpbmtzY2FwZTpzbmFwLWdyaWRzPSJ0cnVlIj4gICAgPGlua3NjYXBlOmdyaWQgICAgICAgdHlwZT0ieHlncmlkIiAgICAgICBpZD0iZ3JpZDQzNDgiICAgICAgIG9yaWdpbng9IjAiICAgICAgIG9yaWdpbnk9Ii01NS41NDEyNyIgLz4gIDwvc29kaXBvZGk6bmFtZWR2aWV3PiAgPGNsaXBQYXRoICAgICBpZD0icC4wIj4gICAgPHBhdGggICAgICAgZD0ibSAwLDAgMTkyMCwwIDAsMTA4MCBMIDAsMTA4MCAwLDAgWiIgICAgICAgaWQ9InBhdGg1IiAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiAgICAgICBzdHlsZT0iY2xpcC1ydWxlOm5vbnplcm8iIC8+ICA8L2NsaXBQYXRoPiAgPHBhdGggICAgIHN0eWxlPSJmaWxsOiMwMDAwMDA7ZmlsbC1vcGFjaXR5OjA7ZmlsbC1ydWxlOm5vbnplcm8iICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiAgICAgaWQ9InBhdGgxMSIgICAgIGQ9Im0gNzM5LjQxMjA1LC01MDYuMTU5NTEgOTMzLjMzMzM1LDAgMCwzMzMuMzMzMzQgLTkzMy4zMzMzNSwwIHoiIC8+ICA8cGF0aCAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MDtmaWxsLXJ1bGU6bm9uemVybyIgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiICAgICBpZD0icGF0aDIwIiAgICAgZD0ibSA3MzkuNDEyMDUsLTg3NC40NTg3MyA5MzMuMzMzMzUsMCAwLDMzMy4zMzMzNCAtOTMzLjMzMzM1LDAgeiIgLz4gIDxwYXRoICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowO2ZpbGwtcnVsZTpub256ZXJvIiAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIgICAgIGlkPSJwYXRoMjkiICAgICBkPSJtIDczOS40MTM0LC0xMzcuODYwNDMgOTMzLjMzMTEsMCAwLDMzMy4zMzMzIC05MzMuMzMxMSwwIHoiIC8+ICA8ZyAgICAgaWQ9Imc0MzUwIiAgICAgdHJhbnNmb3JtPSJtYXRyaXgoMC45OTY1NDcyNiwwLDAsMC45OTY1NDcyNiwtODEwLjY5NzQ3LC0zNTcuMTMzOTMpIiAvPiAgPHBhdGggICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lO3N0cm9rZS1saW5lY2FwOnNxdWFyZTtzdHJva2UtbWl0ZXJsaW1pdDoxMCIgICAgIGQ9Im0gMjIuOTY5Mzc0LDE0LjUwNjA5MyBjIC0xMC4xMTQxNCwwIC0xOC4zMTUwMTk5LDguMTk4MTcyIC0xOC4zMTUwMTk5LDE4LjMxMjMxMyBsIDAsNDUuNzgzNTAyIDAsMjcuNDcxMjEyIGMgMCwxMC4xMTQwOSA4LjIwMDg3OTksMTguMzEyMjkgMTguMzE1MDE5OSwxOC4zMTIyOSBsIDUuMTM1MzIxLDAgMy40MzUyNSwyNS42MTQ1OCAzMS43MzQ4OCwtMjUuNjE0NTggNjMuNzU1ODE1LDAgYyAxMC4xMTQxMywwIDE4LjMxNTAxLC04LjE5ODIgMTguMzE1MDEsLTE4LjMxMjI5IGwgMCwtMjcuNDcxMjEyIDAsLTQ1Ljc4MzUwMiBjIDAsLTQuODU3MDAxIC0xLjkzMDI5LC05LjUxNTg5OCAtNS4zNjQ3LC0xMi45NTAzMDYgLTMuNDM0NCwtMy40MzQzOTMgLTguMDkzMzYsLTUuMzYyMDA3IC0xMi45NTAzMSwtNS4zNjIwMDcgbCAtNjMuNzU1ODE1LDAgLTM1LjE3MDEzLDAgLTUuMTM1MzIxLDAgeiIgICAgIGlkPSJwYXRoNDE3NCIgLz48L3N2Zz4=);
}

.webpush-clearfix {
    clear: both;
}

@-webkit-keyframes webpush-swal2-show {
    0% {
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }
    45% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
    80% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes webpush-swal2-show {
    0% {
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }
    45% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
    80% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes webpush-swal2-hide {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 0
    }
}

@keyframes webpush-swal2-hide {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 0
    }
}

@-webkit-keyframes webpush-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: .875em;
        width: 1.5625em
    }
}

@keyframes webpush-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: .875em;
        width: 1.5625em
    }
}

@-webkit-keyframes webpush-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 webpush-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 webpush-swal2-rotate-success-circular-line {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    5% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    12% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }
    100% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }
}

@keyframes webpush-swal2-rotate-success-circular-line {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    5% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    12% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }
    100% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }
}

@-webkit-keyframes webpush-swal2-animate-error-x-mark {
    0% {
        margin-top: 1.625em;
        -webkit-transform: scale(.4);
        transform: scale(.4);
        opacity: 0
    }
    50% {
        margin-top: 1.625em;
        -webkit-transform: scale(.4);
        transform: scale(.4);
        opacity: 0
    }
    80% {
        margin-top: -.375em;
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }
    100% {
        margin-top: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes webpush-swal2-animate-error-x-mark {
    0% {
        margin-top: 1.625em;
        -webkit-transform: scale(.4);
        transform: scale(.4);
        opacity: 0
    }
    50% {
        margin-top: 1.625em;
        -webkit-transform: scale(.4);
        transform: scale(.4);
        opacity: 0
    }
    80% {
        margin-top: -.375em;
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }
    100% {
        margin-top: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes webpush-swal2-animate-error-icon {
    0% {
        -webkit-transform: rotateX(100deg);
        transform: rotateX(100deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1
    }
}

@keyframes webpush-swal2-animate-error-icon {
    0% {
        -webkit-transform: rotateX(100deg);
        transform: rotateX(100deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1
    }
}

body.webpush-swal2-toast-shown.webpush-swal2-has-input>.webpush-swal2-container>.webpush-swal2-toast {
    flex-direction: column;
    align-items: stretch
}

body.webpush-swal2-toast-shown.webpush-swal2-has-input>.webpush-swal2-container>.webpush-swal2-toast .webpush-swal2-actions {
    flex: 1;
    align-self: stretch;
    justify-content: flex-end;
    height: 2.2em
}

body.webpush-swal2-toast-shown.webpush-swal2-has-input>.webpush-swal2-container>.webpush-swal2-toast .webpush-swal2-loading {
    justify-content: center
}

body.webpush-swal2-toast-shown.webpush-swal2-has-input>.webpush-swal2-container>.webpush-swal2-toast .webpush-swal2-input {
    height: 2em;
    margin: .3125em auto;
    font-size: 1em
}

body.webpush-swal2-toast-shown.webpush-swal2-has-input>.webpush-swal2-container>.webpush-swal2-toast .webpush-swal2-validationerror {
    font-size: 1em
}

body.webpush-swal2-toast-shown>.webpush-swal2-container {
    position: fixed;
    background-color: transparent
}

body.webpush-swal2-toast-shown>.webpush-swal2-container.webpush-swal2-shown {
    background-color: transparent
}

body.webpush-swal2-toast-shown>.webpush-swal2-container.webpush-swal2-top {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

body.webpush-swal2-toast-shown>.webpush-swal2-container.webpush-swal2-top-end,
body.webpush-swal2-toast-shown>.webpush-swal2-container.webpush-swal2-top-right {
    top: 0;
    right: 0;
    bottom: auto;
    left: auto
}

body.webpush-swal2-toast-shown>.webpush-swal2-container.webpush-swal2-top-left,
body.webpush-swal2-toast-shown>.webpush-swal2-container.webpush-swal2-top-start {
    top: 0;
    right: auto;
    bottom: auto;
    left: 0
}

body.webpush-swal2-toast-shown>.webpush-swal2-container.webpush-swal2-center-left,
body.webpush-swal2-toast-shown>.webpush-swal2-container.webpush-swal2-center-start {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

body.webpush-swal2-toast-shown>.webpush-swal2-container.webpush-swal2-center {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

body.webpush-swal2-toast-shown>.webpush-swal2-container.webpush-swal2-center-end,
body.webpush-swal2-toast-shown>.webpush-swal2-container.webpush-swal2-center-right {
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

body.webpush-swal2-toast-shown>.webpush-swal2-container.webpush-swal2-bottom-left,
body.webpush-swal2-toast-shown>.webpush-swal2-container.webpush-swal2-bottom-start {
    top: auto;
    right: auto;
    bottom: 0;
    left: 0
}

body.webpush-swal2-toast-shown>.webpush-swal2-container.webpush-swal2-bottom {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

body.webpush-swal2-toast-shown>.webpush-swal2-container.webpush-swal2-bottom-end,
body.webpush-swal2-toast-shown>.webpush-swal2-container.webpush-swal2-bottom-right {
    top: auto;
    right: 0;
    bottom: 0;
    left: auto
}

.webpush-swal2-popup.webpush-swal2-toast {
    flex-direction: row;
    align-items: center;
    width: auto;
    padding: .625em;
    box-shadow: 0 0 .625em #d9d9d9;
    overflow-y: hidden
}

.webpush-swal2-popup.webpush-swal2-toast .webpush-swal2-header {
    flex-direction: row
}

.webpush-swal2-popup.webpush-swal2-toast .webpush-swal2-title {
    justify-content: flex-start;
    margin: 0 .6em;
    font-size: 1em
}

.webpush-swal2-popup.webpush-swal2-toast .webpush-swal2-close {
    position: initial
}

.webpush-swal2-popup.webpush-swal2-toast .webpush-swal2-content {
    justify-content: flex-start;
    font-size: 1em
}

.webpush-swal2-popup.webpush-swal2-toast .webpush-swal2-icon {
    width: 2em;
    min-width: 2em;
    height: 2em;
    margin: 0
}

.webpush-swal2-popup.webpush-swal2-toast .webpush-swal2-icon-text {
    font-size: 2em;
    font-weight: 700;
    line-height: 1em
}

.webpush-swal2-popup.webpush-swal2-toast .webpush-swal2-icon.webpush-swal2-success .webpush-swal2-success-ring {
    width: 2em;
    height: 2em
}

.webpush-swal2-popup.webpush-swal2-toast .webpush-swal2-icon.webpush-swal2-error [class^=webpush-swal2-x-mark-line] {
    top: .875em;
    width: 1.375em
}

.webpush-swal2-popup.webpush-swal2-toast .webpush-swal2-icon.webpush-swal2-error [class^=webpush-swal2-x-mark-line][class$=left] {
    left: .3125em
}

.webpush-swal2-popup.webpush-swal2-toast .webpush-swal2-icon.webpush-swal2-error [class^=webpush-swal2-x-mark-line][class$=right] {
    right: .3125em
}

.webpush-swal2-popup.webpush-swal2-toast .webpush-swal2-actions {
    height: auto;
    margin: 0 .3125em
}

.webpush-swal2-popup.webpush-swal2-toast .webpush-swal2-styled {
    margin: 0 .3125em;
    padding: .3125em .625em;
    font-size: 1em
}

.webpush-swal2-popup.webpush-swal2-toast .webpush-swal2-styled:focus {
    box-shadow: 0 0 0 .0625em #fff, 0 0 0 .125em rgba(50, 100, 150, .4)
}

.webpush-swal2-popup.webpush-swal2-toast .webpush-swal2-success {
    border-color: #a5dc86
}

.webpush-swal2-popup.webpush-swal2-toast .webpush-swal2-success [class^=webpush-swal2-success-circular-line] {
    position: absolute;
    width: 2em;
    height: 2.8125em;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 50%
}

.webpush-swal2-popup.webpush-swal2-toast .webpush-swal2-success [class^=webpush-swal2-success-circular-line][class$=left] {
    top: -.25em;
    left: -.9375em;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 2em 2em;
    transform-origin: 2em 2em;
    border-radius: 4em 0 0 4em
}

.webpush-swal2-popup.webpush-swal2-toast .webpush-swal2-success [class^=webpush-swal2-success-circular-line][class$=right] {
    top: -.25em;
    left: .9375em;
    -webkit-transform-origin: 0 2em;
    transform-origin: 0 2em;
    border-radius: 0 4em 4em 0
}

.webpush-swal2-popup.webpush-swal2-toast .webpush-swal2-success .webpush-swal2-success-ring {
    width: 2em;
    height: 2em
}

.webpush-swal2-popup.webpush-swal2-toast .webpush-swal2-success .webpush-swal2-success-fix {
    top: 0;
    left: .4375em;
    width: .4375em;
    height: 2.6875em
}

.webpush-swal2-popup.webpush-swal2-toast .webpush-swal2-success [class^=webpush-swal2-success-line] {
    height: .3125em
}

.webpush-swal2-popup.webpush-swal2-toast .webpush-swal2-success [class^=webpush-swal2-success-line][class$=tip] {
    top: 1.125em;
    left: .1875em;
    width: .75em
}

.webpush-swal2-popup.webpush-swal2-toast .webpush-swal2-success [class^=webpush-swal2-success-line][class$=long] {
    top: .9375em;
    right: .1875em;
    width: 1.375em
}

.webpush-swal2-popup.webpush-swal2-toast.webpush-swal2-show {
    -webkit-animation: showSweetToast .5s;
    animation: showSweetToast .5s
}

.webpush-swal2-popup.webpush-swal2-toast.webpush-swal2-hide {
    -webkit-animation: hideSweetToast .2s forwards;
    animation: hideSweetToast .2s forwards
}

.webpush-swal2-popup.webpush-swal2-toast .webpush-swal2-animate-success-icon .webpush-swal2-success-line-tip {
    -webkit-animation: animate-toast-success-tip .75s;
    animation: animate-toast-success-tip .75s
}

.webpush-swal2-popup.webpush-swal2-toast .webpush-swal2-animate-success-icon .webpush-swal2-success-line-long {
    -webkit-animation: animate-toast-success-long .75s;
    animation: animate-toast-success-long .75s
}

@-webkit-keyframes showSweetToast {
    0% {
        -webkit-transform: translateY(-.625em) rotateZ(2deg);
        transform: translateY(-.625em) rotateZ(2deg);
        opacity: 0
    }
    33% {
        -webkit-transform: translateY(0) rotateZ(-2deg);
        transform: translateY(0) rotateZ(-2deg);
        opacity: .5
    }
    66% {
        -webkit-transform: translateY(.3125em) rotateZ(2deg);
        transform: translateY(.3125em) rotateZ(2deg);
        opacity: .7
    }
    100% {
        -webkit-transform: translateY(0) rotateZ(0);
        transform: translateY(0) rotateZ(0);
        opacity: 1
    }
}

@keyframes showSweetToast {
    0% {
        -webkit-transform: translateY(-.625em) rotateZ(2deg);
        transform: translateY(-.625em) rotateZ(2deg);
        opacity: 0
    }
    33% {
        -webkit-transform: translateY(0) rotateZ(-2deg);
        transform: translateY(0) rotateZ(-2deg);
        opacity: .5
    }
    66% {
        -webkit-transform: translateY(.3125em) rotateZ(2deg);
        transform: translateY(.3125em) rotateZ(2deg);
        opacity: .7
    }
    100% {
        -webkit-transform: translateY(0) rotateZ(0);
        transform: translateY(0) rotateZ(0);
        opacity: 1
    }
}

@-webkit-keyframes hideSweetToast {
    0% {
        opacity: 1
    }
    33% {
        opacity: .5
    }
    100% {
        -webkit-transform: rotateZ(1deg);
        transform: rotateZ(1deg);
        opacity: 0
    }
}

@keyframes hideSweetToast {
    0% {
        opacity: 1
    }
    33% {
        opacity: .5
    }
    100% {
        -webkit-transform: rotateZ(1deg);
        transform: rotateZ(1deg);
        opacity: 0
    }
}

@-webkit-keyframes animate-toast-success-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 animate-toast-success-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 animate-toast-success-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 animate-toast-success-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
    }
}

body.webpush-swal2-shown:not(.webpush-swal2-no-backdrop):not(.webpush-swal2-toast-shown),
html.webpush-swal2-shown:not(.webpush-swal2-no-backdrop):not(.webpush-swal2-toast-shown) {
    height: auto;
    overflow-y: hidden
}

body.webpush-swal2-no-backdrop .webpush-swal2-shown {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    background-color: transparent
}

body.webpush-swal2-no-backdrop .webpush-swal2-shown>.webpush-swal2-modal {
    box-shadow: 0 0 10px rgba(0, 0, 0, .4)
}

body.webpush-swal2-no-backdrop .webpush-swal2-shown.webpush-swal2-top {
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

body.webpush-swal2-no-backdrop .webpush-swal2-shown.webpush-swal2-top-left,
body.webpush-swal2-no-backdrop .webpush-swal2-shown.webpush-swal2-top-start {
    top: 0;
    left: 0
}

body.webpush-swal2-no-backdrop .webpush-swal2-shown.webpush-swal2-top-end,
body.webpush-swal2-no-backdrop .webpush-swal2-shown.webpush-swal2-top-right {
    top: 0;
    right: 0
}

body.webpush-swal2-no-backdrop .webpush-swal2-shown.webpush-swal2-center {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

body.webpush-swal2-no-backdrop .webpush-swal2-shown.webpush-swal2-center-left,
body.webpush-swal2-no-backdrop .webpush-swal2-shown.webpush-swal2-center-start {
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

body.webpush-swal2-no-backdrop .webpush-swal2-shown.webpush-swal2-center-end,
body.webpush-swal2-no-backdrop .webpush-swal2-shown.webpush-swal2-center-right {
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

body.webpush-swal2-no-backdrop .webpush-swal2-shown.webpush-swal2-bottom {
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

body.webpush-swal2-no-backdrop .webpush-swal2-shown.webpush-swal2-bottom-left,
body.webpush-swal2-no-backdrop .webpush-swal2-shown.webpush-swal2-bottom-start {
    bottom: 0;
    left: 0
}

body.webpush-swal2-no-backdrop .webpush-swal2-shown.webpush-swal2-bottom-end,
body.webpush-swal2-no-backdrop .webpush-swal2-shown.webpush-swal2-bottom-right {
    right: 0;
    bottom: 0
}

.webpush-swal2-container {
    display: flex;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 10px;
    background-color: transparent;
    z-index: 1060;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

.webpush-swal2-container.webpush-swal2-top {
    align-items: flex-start
}

.webpush-swal2-container.webpush-swal2-top-left,
.webpush-swal2-container.webpush-swal2-top-start {
    align-items: flex-start;
    justify-content: flex-start
}

.webpush-swal2-container.webpush-swal2-top-end,
.webpush-swal2-container.webpush-swal2-top-right {
    align-items: flex-start;
    justify-content: flex-end
}

.webpush-swal2-container.webpush-swal2-center {
    align-items: center
}

.webpush-swal2-container.webpush-swal2-center-left,
.webpush-swal2-container.webpush-swal2-center-start {
    align-items: center;
    justify-content: flex-start
}

.webpush-swal2-container.webpush-swal2-center-end,
.webpush-swal2-container.webpush-swal2-center-right {
    align-items: center;
    justify-content: flex-end
}

.webpush-swal2-container.webpush-swal2-bottom {
    align-items: flex-end
}

.webpush-swal2-container.webpush-swal2-bottom-left,
.webpush-swal2-container.webpush-swal2-bottom-start {
    align-items: flex-end;
    justify-content: flex-start
}

.webpush-swal2-container.webpush-swal2-bottom-end,
.webpush-swal2-container.webpush-swal2-bottom-right {
    align-items: flex-end;
    justify-content: flex-end
}

.webpush-swal2-container.webpush-swal2-grow-fullscreen>.webpush-swal2-modal {
    display: flex!important;
    flex: 1;
    align-self: stretch;
    justify-content: center
}

.webpush-swal2-container.webpush-swal2-grow-row>.webpush-swal2-modal {
    display: flex!important;
    flex: 1;
    align-content: center;
    justify-content: center
}

.webpush-swal2-container.webpush-swal2-grow-column {
    flex: 1;
    flex-direction: column
}

.webpush-swal2-container.webpush-swal2-grow-column.webpush-swal2-bottom,
.webpush-swal2-container.webpush-swal2-grow-column.webpush-swal2-center,
.webpush-swal2-container.webpush-swal2-grow-column.webpush-swal2-top {
    align-items: center
}

.webpush-swal2-container.webpush-swal2-grow-column.webpush-swal2-bottom-left,
.webpush-swal2-container.webpush-swal2-grow-column.webpush-swal2-bottom-start,
.webpush-swal2-container.webpush-swal2-grow-column.webpush-swal2-center-left,
.webpush-swal2-container.webpush-swal2-grow-column.webpush-swal2-center-start,
.webpush-swal2-container.webpush-swal2-grow-column.webpush-swal2-top-left,
.webpush-swal2-container.webpush-swal2-grow-column.webpush-swal2-top-start {
    align-items: flex-start
}

.webpush-swal2-container.webpush-swal2-grow-column.webpush-swal2-bottom-end,
.webpush-swal2-container.webpush-swal2-grow-column.webpush-swal2-bottom-right,
.webpush-swal2-container.webpush-swal2-grow-column.webpush-swal2-center-end,
.webpush-swal2-container.webpush-swal2-grow-column.webpush-swal2-center-right,
.webpush-swal2-container.webpush-swal2-grow-column.webpush-swal2-top-end,
.webpush-swal2-container.webpush-swal2-grow-column.webpush-swal2-top-right {
    align-items: flex-end
}

.webpush-swal2-container.webpush-swal2-grow-column>.webpush-swal2-modal {
    display: flex!important;
    flex: 1;
    align-content: center;
    justify-content: center
}

.webpush-swal2-container:not(.webpush-swal2-top):not(.webpush-swal2-top-start):not(.webpush-swal2-top-end):not(.webpush-swal2-top-left):not(.webpush-swal2-top-right):not(.webpush-swal2-center-start):not(.webpush-swal2-center-end):not(.webpush-swal2-center-left):not(.webpush-swal2-center-right):not(.webpush-swal2-bottom):not(.webpush-swal2-bottom-start):not(.webpush-swal2-bottom-end):not(.webpush-swal2-bottom-left):not(.webpush-swal2-bottom-right)>.webpush-swal2-modal {
    margin: auto
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .webpush-swal2-container .webpush-swal2-modal {
        margin: 0!important
    }
}

.webpush-swal2-container.webpush-swal2-fade {
    transition: background-color .1s
}

.webpush-swal2-container.webpush-swal2-shown {
    background-color: rgba(0, 0, 0, .4)
}

.webpush-swal2-popup {
    display: none;
    position: relative;
    flex-direction: column;
    justify-content: center;
    width: 32em;
    max-width: 100%;
    padding: 1.25em;
    border-radius: .3125em;
    background: #fff;
    font-family: inherit;
    font-size: 1rem;
    box-sizing: border-box
}

.webpush-swal2-popup:focus {
    outline: 0
}

.webpush-swal2-popup.webpush-swal2-loading {
    overflow-y: hidden
}

.webpush-swal2-popup .webpush-swal2-header {
    display: flex;
    flex-direction: column;
    align-items: center
}

.webpush-swal2-popup .webpush-swal2-title {
    display: block;
    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
}

.webpush-swal2-popup .webpush-swal2-actions {
    align-items: center;
    justify-content: center;
    margin: 1.25em auto 0
}

.webpush-swal2-popup .webpush-swal2-actions:not(.webpush-swal2-loading) .webpush-swal2-styled[disabled] {
    opacity: .4
}

.webpush-swal2-popup .webpush-swal2-actions:not(.webpush-swal2-loading) .webpush-swal2-styled:hover {
    background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1))
}

.webpush-swal2-popup .webpush-swal2-actions:not(.webpush-swal2-loading) .webpush-swal2-styled:active {
    background-image: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2))
}

.webpush-swal2-popup .webpush-swal2-actions.webpush-swal2-loading .webpush-swal2-styled.webpush-swal2-confirm {
    width: 2.5em;
    height: 2.5em;
    margin: .46875em;
    padding: 0;
    border: .25em solid transparent;
    border-radius: 100%;
    border-color: transparent;
    background-color: transparent!important;
    color: transparent;
    cursor: default;
    box-sizing: border-box;
    -webkit-animation: webpush-swal2-rotate-loading 1.5s linear 0s infinite normal;
    animation: webpush-swal2-rotate-loading 1.5s linear 0s infinite normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.webpush-swal2-popup .webpush-swal2-actions.webpush-swal2-loading .webpush-swal2-styled.webpush-swal2-cancel {
    margin-right: 30px;
    margin-left: 30px
}

.webpush-swal2-popup .webpush-swal2-actions.webpush-swal2-loading :not(.webpush-swal2-styled).webpush-swal2-confirm::after {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 5px;
    border: 3px solid #999;
    border-radius: 50%;
    border-right-color: transparent;
    box-shadow: 1px 1px 1px #fff;
    content: '';
    -webkit-animation: webpush-swal2-rotate-loading 1.5s linear 0s infinite normal;
    animation: webpush-swal2-rotate-loading 1.5s linear 0s infinite normal
}

.webpush-swal2-popup .webpush-swal2-styled {
    min-width: auto;
    height: auto;
    margin: 0 .3125em;
    padding: .625em 2em;
    font-weight: 500;
    box-shadow: none
}

.webpush-swal2-popup .webpush-swal2-styled:not([disabled]) {
    cursor: pointer
}

.webpush-swal2-popup .webpush-swal2-styled.webpush-swal2-confirm {
    border: 0;
    border-radius: .25em;
    background: initial;
    background-color: #3085d6;
    color: #fff;
    font-size: 1.0625em
}

.webpush-swal2-popup .webpush-swal2-styled.webpush-swal2-cancel {
    border: 0;
    border-radius: .25em;
    background: initial;
    background-color: #aaa;
    color: #fff;
    font-size: 1.0625em
}

.webpush-swal2-popup .webpush-swal2-styled:focus {
    outline: 0;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(50, 100, 150, .4)
}

.webpush-swal2-popup .webpush-swal2-styled::-moz-focus-inner {
    border: 0
}

.webpush-swal2-popup .webpush-swal2-footer {
    justify-content: center;
    margin: 1.25em 0 0;
    padding-top: 1em;
    border-top: 1px solid #eee;
    color: #545454;
    font-size: 1em
}

.webpush-swal2-popup .webpush-swal2-image {
    max-width: 100%;
    margin: 1.25em auto
}

.webpush-swal2-popup .webpush-swal2-close {
    min-width: auto;
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
    justify-content: center;
    width: 1.2em;
    height: 1.2em;
    padding: 0;
    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;
    overflow: hidden
}

.webpush-swal2-popup .webpush-swal2-close:hover {
    -webkit-transform: none;
    transform: none;
    color: #f27474
}

.webpush-swal2-popup>.webpush-swal2-checkbox,
.webpush-swal2-popup>.webpush-swal2-file,
.webpush-swal2-popup>.webpush-swal2-input,
.webpush-swal2-popup>.webpush-swal2-radio,
.webpush-swal2-popup>.webpush-swal2-select,
.webpush-swal2-popup>.webpush-swal2-textarea {
    display: none
}

.webpush-swal2-popup .webpush-swal2-content {
    justify-content: center;
    margin: 0;
    padding: 0;
    color: #545454;
    font-size: 1.125em;
    font-weight: 300;
    line-height: normal;
    word-wrap: break-word
}

.webpush-swal2-popup #webpush-swal2-content {
    text-align: center
}

.webpush-swal2-popup .webpush-swal2-checkbox,
.webpush-swal2-popup .webpush-swal2-file,
.webpush-swal2-popup .webpush-swal2-input,
.webpush-swal2-popup .webpush-swal2-radio,
.webpush-swal2-popup .webpush-swal2-select,
.webpush-swal2-popup .webpush-swal2-textarea {
    margin: 1em auto
}

.webpush-swal2-popup .webpush-swal2-file,
.webpush-swal2-popup .webpush-swal2-input,
.webpush-swal2-popup .webpush-swal2-textarea {
    width: 100%;
    transition: border-color .3s, box-shadow .3s;
    border: 1px solid #d9d9d9;
    border-radius: .1875em;
    font-size: 1.125em;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06);
    box-sizing: border-box
}

.webpush-swal2-popup .webpush-swal2-file.webpush-swal2-inputerror,
.webpush-swal2-popup .webpush-swal2-input.webpush-swal2-inputerror,
.webpush-swal2-popup .webpush-swal2-textarea.webpush-swal2-inputerror {
    border-color: #f27474!important;
    box-shadow: 0 0 2px #f27474!important
}

.webpush-swal2-popup .webpush-swal2-file:focus,
.webpush-swal2-popup .webpush-swal2-input:focus,
.webpush-swal2-popup .webpush-swal2-textarea:focus {
    border: 1px solid #b4dbed;
    outline: 0;
    box-shadow: 0 0 3px #c4e6f5
}

.webpush-swal2-popup .webpush-swal2-file::-webkit-input-placeholder,
.webpush-swal2-popup .webpush-swal2-input::-webkit-input-placeholder,
.webpush-swal2-popup .webpush-swal2-textarea::-webkit-input-placeholder {
    color: #ccc
}

.webpush-swal2-popup .webpush-swal2-file:-ms-input-placeholder,
.webpush-swal2-popup .webpush-swal2-input:-ms-input-placeholder,
.webpush-swal2-popup .webpush-swal2-textarea:-ms-input-placeholder {
    color: #ccc
}

.webpush-swal2-popup .webpush-swal2-file::-ms-input-placeholder,
.webpush-swal2-popup .webpush-swal2-input::-ms-input-placeholder,
.webpush-swal2-popup .webpush-swal2-textarea::-ms-input-placeholder {
    color: #ccc
}

.webpush-swal2-popup .webpush-swal2-file::placeholder,
.webpush-swal2-popup .webpush-swal2-input::placeholder,
.webpush-swal2-popup .webpush-swal2-textarea::placeholder {
    color: #ccc
}

.webpush-swal2-popup .webpush-swal2-range input {
    width: 80%
}

.webpush-swal2-popup .webpush-swal2-range output {
    width: 20%;
    font-weight: 600;
    text-align: center
}

.webpush-swal2-popup .webpush-swal2-range input,
.webpush-swal2-popup .webpush-swal2-range output {
    height: 2.625em;
    margin: 1em auto;
    padding: 0;
    font-size: 1.125em;
    line-height: 2.625em
}

.webpush-swal2-popup .webpush-swal2-input {
    height: 2.625em;
    padding: .75em
}

.webpush-swal2-popup .webpush-swal2-input[type=number] {
    max-width: 10em
}

.webpush-swal2-popup .webpush-swal2-file {
    font-size: 1.125em
}

.webpush-swal2-popup .webpush-swal2-textarea {
    height: 6.75em;
    padding: .75em
}

.webpush-swal2-popup .webpush-swal2-select {
    min-width: 50%;
    max-width: 100%;
    padding: .375em .625em;
    color: #545454;
    font-size: 1.125em
}

.webpush-swal2-popup .webpush-swal2-checkbox,
.webpush-swal2-popup .webpush-swal2-radio {
    align-items: center;
    justify-content: center
}

.webpush-swal2-popup .webpush-swal2-checkbox label,
.webpush-swal2-popup .webpush-swal2-radio label {
    margin: 0 .6em;
    font-size: 1.125em
}

.webpush-swal2-popup .webpush-swal2-checkbox input,
.webpush-swal2-popup .webpush-swal2-radio input {
    margin: 0 .4em
}

.webpush-swal2-popup .webpush-swal2-validationerror {
    display: none;
    align-items: center;
    justify-content: center;
    padding: .625em;
    background: #f0f0f0;
    color: #666;
    font-size: 1em;
    font-weight: 300;
    overflow: hidden
}

.webpush-swal2-popup .webpush-swal2-validationerror::before {
    display: inline-block;
    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;
    content: '!';
    zoom: normal
}

@supports (-ms-accelerator:true) {
    .webpush-swal2-range input {
        width: 100%!important
    }
    .webpush-swal2-range output {
        display: none
    }
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .webpush-swal2-range input {
        width: 100%!important
    }
    .webpush-swal2-range output {
        display: none
    }
}

@-moz-document url-prefix() {
    .webpush-swal2-close:focus {
        outline: 2px solid rgba(50, 100, 150, .4)
    }
}

.webpush-swal2-icon {
    position: relative;
    justify-content: center;
    width: 5em;
    height: 5em;
    margin: 1.25em auto 1.875em;
    border: .25em solid transparent;
    border-radius: 50%;
    line-height: 5em;
    cursor: default;
    box-sizing: content-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    zoom: normal
}

.webpush-swal2-icon-text {
    font-size: 3.75em
}

.webpush-swal2-icon.webpush-swal2-error {
    border-color: #f27474
}

.webpush-swal2-icon.webpush-swal2-error .webpush-swal2-x-mark {
    position: relative;
    flex-grow: 1
}

.webpush-swal2-icon.webpush-swal2-error [class^=webpush-swal2-x-mark-line] {
    display: block;
    position: absolute;
    top: 2.3125em;
    width: 2.9375em;
    height: .3125em;
    border-radius: .125em;
    background-color: #f27474
}

.webpush-swal2-icon.webpush-swal2-error [class^=webpush-swal2-x-mark-line][class$=left] {
    left: 1.0625em;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.webpush-swal2-icon.webpush-swal2-error [class^=webpush-swal2-x-mark-line][class$=right] {
    right: 1em;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.webpush-swal2-icon.webpush-swal2-warning {
    border-color: #facea8;
    color: #f8bb86
}

.webpush-swal2-icon.webpush-swal2-info {
    border-color: #9de0f6;
    color: #3fc3ee
}

.webpush-swal2-icon.webpush-swal2-question {
    border-color: #c9dae1;
    color: #87adbd
}

.webpush-swal2-icon.webpush-swal2-success {
    border-color: #a5dc86
}

.webpush-swal2-icon.webpush-swal2-success [class^=webpush-swal2-success-circular-line] {
    position: absolute;
    width: 3.75em;
    height: 7.5em;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 50%
}

.webpush-swal2-icon.webpush-swal2-success [class^=webpush-swal2-success-circular-line][class$=left] {
    top: -.4375em;
    left: -2.0635em;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 3.75em 3.75em;
    transform-origin: 3.75em 3.75em;
    border-radius: 7.5em 0 0 7.5em
}

.webpush-swal2-icon.webpush-swal2-success [class^=webpush-swal2-success-circular-line][class$=right] {
    top: -.6875em;
    left: 1.875em;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 3.75em;
    transform-origin: 0 3.75em;
    border-radius: 0 7.5em 7.5em 0
}

.webpush-swal2-icon.webpush-swal2-success .webpush-swal2-success-ring {
    position: absolute;
    top: -.25em;
    left: -.25em;
    width: 100%;
    height: 100%;
    border: .25em solid rgba(165, 220, 134, .3);
    border-radius: 50%;
    z-index: 2;
    box-sizing: content-box
}

.webpush-swal2-icon.webpush-swal2-success .webpush-swal2-success-fix {
    position: absolute;
    top: .5em;
    left: 1.625em;
    width: .4375em;
    height: 5.625em;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: 1
}

.webpush-swal2-icon.webpush-swal2-success [class^=webpush-swal2-success-line] {
    display: block;
    position: absolute;
    height: .3125em;
    border-radius: .125em;
    background-color: #a5dc86;
    z-index: 2
}

.webpush-swal2-icon.webpush-swal2-success [class^=webpush-swal2-success-line][class$=tip] {
    top: 2.875em;
    left: .875em;
    width: 1.5625em;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.webpush-swal2-icon.webpush-swal2-success [class^=webpush-swal2-success-line][class$=long] {
    top: 2.375em;
    right: .5em;
    width: 2.9375em;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.webpush-swal2-progresssteps {
    align-items: center;
    margin: 0 0 1.25em;
    padding: 0;
    font-weight: 600
}

.webpush-swal2-progresssteps li {
    display: inline-block;
    position: relative
}

.webpush-swal2-progresssteps .webpush-swal2-progresscircle {
    width: 2em;
    height: 2em;
    border-radius: 2em;
    background: #3085d6;
    color: #fff;
    line-height: 2em;
    text-align: center;
    z-index: 20
}

.webpush-swal2-progresssteps .webpush-swal2-progresscircle:first-child {
    margin-left: 0
}

.webpush-swal2-progresssteps .webpush-swal2-progresscircle:last-child {
    margin-right: 0
}

.webpush-swal2-progresssteps .webpush-swal2-progresscircle.webpush-swal2-activeprogressstep {
    background: #3085d6
}

.webpush-swal2-progresssteps .webpush-swal2-progresscircle.webpush-swal2-activeprogressstep~.webpush-swal2-progresscircle {
    background: #add8e6
}

.webpush-swal2-progresssteps .webpush-swal2-progresscircle.webpush-swal2-activeprogressstep~.webpush-swal2-progressline {
    background: #add8e6
}

.webpush-swal2-progresssteps .webpush-swal2-progressline {
    width: 2.5em;
    height: .4em;
    margin: 0 -1px;
    background: #3085d6;
    z-index: 10
}

[class^=webpush-swal2] {
    -webkit-tap-highlight-color: transparent
}

.webpush-swal2-show {
    -webkit-animation: webpush-swal2-show .3s;
    animation: webpush-swal2-show .3s
}

.webpush-swal2-show.webpush-swal2-noanimation {
    -webkit-animation: none;
    animation: none
}

.webpush-swal2-hide {
    -webkit-animation: webpush-swal2-hide .15s forwards;
    animation: webpush-swal2-hide .15s forwards
}

.webpush-swal2-hide.webpush-swal2-noanimation {
    -webkit-animation: none;
    animation: none
}

[dir=rtl] .webpush-swal2-close {
    right: auto;
    left: 0
}

.webpush-swal2-animate-success-icon .webpush-swal2-success-line-tip {
    -webkit-animation: webpush-swal2-animate-success-line-tip .75s;
    animation: webpush-swal2-animate-success-line-tip .75s
}

.webpush-swal2-animate-success-icon .webpush-swal2-success-line-long {
    -webkit-animation: webpush-swal2-animate-success-line-long .75s;
    animation: webpush-swal2-animate-success-line-long .75s
}

.webpush-swal2-animate-success-icon .webpush-swal2-success-circular-line-right {
    -webkit-animation: webpush-swal2-rotate-success-circular-line 4.25s ease-in;
    animation: webpush-swal2-rotate-success-circular-line 4.25s ease-in
}

.webpush-swal2-animate-error-icon {
    -webkit-animation: webpush-swal2-animate-error-icon .5s;
    animation: webpush-swal2-animate-error-icon .5s
}

.webpush-swal2-animate-error-icon .webpush-swal2-x-mark {
    -webkit-animation: webpush-swal2-animate-error-x-mark .5s;
    animation: webpush-swal2-animate-error-x-mark .5s
}

@-webkit-keyframes webpush-swal2-rotate-loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes webpush-swal2-rotate-loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.webpush-scroll-content.webpush-swal2-modal {
    max-height: 100% !important;
    min-height: initial !important;
}

.webpush-scroll-content .webpush-swal2-content {
    max-height: 25vh !important;
    overflow: auto !important;
}


/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */

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

body {
    margin: 0
}

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

audio,
canvas,
progress,
video {
    display: inline-block
}

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

progress {
    vertical-align: baseline
}

template,
[hidden] {
    display: none
}

a {
    background-color: transparent
}

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

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: inherit
}

b,
strong {
    font-weight: bolder
}

dfn {
    font-style: italic
}

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

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

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

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    border-style: none
}

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

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

figure {
    margin: 1em 40px
}

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

button,
input,
select,
textarea {
    font: inherit
}

optgroup {
    font-weight: bold
}

button,
input,
select {
    overflow: visible
}

button,
input,
select,
textarea {
    margin: 0
}

button,
select {
    text-transform: none
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    cursor: pointer
}

[disabled] {
    cursor: default
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button
}

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

button:-moz-focusring,
input:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

textarea {
    overflow: auto
}

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

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

[type="search"] {
    -webkit-appearance: textfield
}

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


/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */


/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=7e0755e8ab29f0e652d8)
 * Config saved to config.json and https://gist.github.com/7e0755e8ab29f0e652d8
 */


/*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */


/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

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

body {
    margin: 0
}

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

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

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

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

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

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

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

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

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

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

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

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

pre {
    overflow: auto
}

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

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

input {
    line-height: normal
}

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

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

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

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

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

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

td,
th {
    padding: 0
}


/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */

@media print {
    *:not(.flag-icon),
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    tr,
    img {
        page-break-inside: avoid
    }
    img {
        max-width: 100% !important
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    .navbar {
        display: none
    }
    .btn>.caret,
    .dropup>.btn>.caret {
        border-top-color: #000 !important
    }
    .label {
        border: 1px solid #000
    }
    .table {
        border-collapse: collapse !important
    }
    .table td,
    .table th {
        background-color: #fff !important
    }
    .table-bordered th,
    .table-bordered td {
        border: 1px solid #ddd !important
    }
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff
}

input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #FFF; /* 337ab7;*/
    text-decoration: none
}

    a:hover,
    a:focus {
        color: #fff;
        text-decoration: underline
    }

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.img-responsive,
.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

[role="button"] {
    cursor: pointer
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #777
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
    font-size: 65%
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
    font-size: 75%
}

h1,
.h1 {
    font-size: 36px
}

h2,
.h2 {
    font-size: 30px
}

h3,
.h3 {
    font-size: 24px
}

h4,
.h4 {
    font-size: 18px
}

h5,
.h5 {
    font-size: 14px
}

h6,
.h6 {
    font-size: 12px
}

p {
    margin: 0 0 10px
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4
}

@media (min-width: 768px) {
    .lead {
        font-size: 21px
    }
}

small,
.small {
    font-size: 85%
}

mark,
.mark {
    background-color: #fcf8e3;
    padding: 0.2em
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #777
}

.text-primary {
    color: #337ab7
}

a.text-primary:hover,
a.text-primary:focus {
    color: #286090
}

.text-success {
    color: #3c763d
}

a.text-success:hover,
a.text-success:focus {
    color: #2b542c
}

.text-info {
    color: #31708f
}

a.text-info:hover,
a.text-info:focus {
    color: #245269
}

.text-warning {
    color: #8a6d3b
}

a.text-warning:hover,
a.text-warning:focus {
    color: #66512c
}

.text-danger {
    color: #a94442
}

a.text-danger:hover,
a.text-danger:focus {
    color: #843534
}

.bg-primary {
    color: #fff;
    background-color: #337ab7
}

a.bg-primary:hover,
a.bg-primary:focus {
    background-color: #286090
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:hover,
a.bg-success:focus {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:hover,
a.bg-info:focus {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:hover,
a.bg-warning:focus {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #f2dede
}

a.bg-danger:hover,
a.bg-danger:focus {
    background-color: #e4b9b9
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee
}

ul,
ol {
    margin-top: 0;
    margin-bottom: 10px
}

ul ul,
ol ul,
ul ol,
ol ol {
    margin-bottom: 0
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px
}

.list-inline>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

dl {
    margin-top: 0;
    margin-bottom: 20px
}

dt,
dd {
    line-height: 1.42857143
}

dt {
    font-weight: bold
}

dd {
    margin-left: 0
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    .dl-horizontal dd {
        margin-left: 180px
    }
}

abbr[title],
abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #777
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee
}

blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
    margin-bottom: 0
}

blockquote footer,
blockquote small,
blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    color: #777
}

blockquote footer:before,
blockquote small:before,
blockquote .small:before {
    content: '\2014 \00A0'
}

.blockquote-reverse,
blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #eee;
    border-left: 0;
    text-align: right
}

.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
    content: ''
}

.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
    content: '\00A0 \2014'
}

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143
}

code,
kbd,
pre,
samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25)
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: bold;
    -webkit-box-shadow: none;
    box-shadow: none
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    word-break: break-all;
    word-wrap: break-word;
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 768px) {
    .container {
        width: 750px
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 5px;
    padding-right: 5px
}

.row {
    margin-left: -15px;
    margin-right: -15px
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0%
}

@media (min-width: 768px) {
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left
    }
    .col-sm-12 {
        width: 100%
    }
    .col-sm-11 {
        width: 91.66666667%
    }
    .col-sm-10 {
        width: 83.33333333%
    }
    .col-sm-9 {
        width: 75%
    }
    .col-sm-8 {
        width: 66.66666667%
    }
    .col-sm-7 {
        width: 58.33333333%
    }
    .col-sm-6 {
        width: 50%
    }
    .col-sm-5 {
        width: 41.66666667%
    }
    .col-sm-4 {
        width: 33.33333333%
    }
    .col-sm-3 {
        width: 25%
    }
    .col-sm-2 {
        width: 16.66666667%
    }
    .col-sm-1 {
        width: 8.33333333%
    }
    .col-sm-pull-12 {
        right: 100%
    }
    .col-sm-pull-11 {
        right: 91.66666667%
    }
    .col-sm-pull-10 {
        right: 83.33333333%
    }
    .col-sm-pull-9 {
        right: 75%
    }
    .col-sm-pull-8 {
        right: 66.66666667%
    }
    .col-sm-pull-7 {
        right: 58.33333333%
    }
    .col-sm-pull-6 {
        right: 50%
    }
    .col-sm-pull-5 {
        right: 41.66666667%
    }
    .col-sm-pull-4 {
        right: 33.33333333%
    }
    .col-sm-pull-3 {
        right: 25%
    }
    .col-sm-pull-2 {
        right: 16.66666667%
    }
    .col-sm-pull-1 {
        right: 8.33333333%
    }
    .col-sm-pull-0 {
        right: auto
    }
    .col-sm-push-12 {
        left: 100%
    }
    .col-sm-push-11 {
        left: 91.66666667%
    }
    .col-sm-push-10 {
        left: 83.33333333%
    }
    .col-sm-push-9 {
        left: 75%
    }
    .col-sm-push-8 {
        left: 66.66666667%
    }
    .col-sm-push-7 {
        left: 58.33333333%
    }
    .col-sm-push-6 {
        left: 50%
    }
    .col-sm-push-5 {
        left: 41.66666667%
    }
    .col-sm-push-4 {
        left: 33.33333333%
    }
    .col-sm-push-3 {
        left: 25%
    }
    .col-sm-push-2 {
        left: 16.66666667%
    }
    .col-sm-push-1 {
        left: 8.33333333%
    }
    .col-sm-push-0 {
        left: auto
    }
    .col-sm-offset-12 {
        margin-left: 100%
    }
    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }
    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }
    .col-sm-offset-9 {
        margin-left: 75%
    }
    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }
    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }
    .col-sm-offset-6 {
        margin-left: 50%
    }
    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }
    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }
    .col-sm-offset-3 {
        margin-left: 25%
    }
    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }
    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }
    .col-sm-offset-0 {
        margin-left: 0%
    }
}

@media (min-width: 992px) {
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left
    }
    .col-md-12 {
        width: 100%
    }
    .col-md-11 {
        width: 91.66666667%
    }
    .col-md-10 {
        width: 83.33333333%
    }
    .col-md-9 {
        width: 75%
    }
    .col-md-8 {
        width: 66.66666667%
    }
    .col-md-7 {
        width: 58.33333333%
    }
    .col-md-6 {
        width: 50%
    }
    .col-md-5 {
        width: 41.66666667%
    }
    .col-md-4 {
        width: 33.33333333%
    }
    .col-md-3 {
        width: 25%
    }
    .col-md-2 {
        width: 16.66666667%
    }
    .col-md-1 {
        width: 8.33333333%
    }
    .col-md-pull-12 {
        right: 100%
    }
    .col-md-pull-11 {
        right: 91.66666667%
    }
    .col-md-pull-10 {
        right: 83.33333333%
    }
    .col-md-pull-9 {
        right: 75%
    }
    .col-md-pull-8 {
        right: 66.66666667%
    }
    .col-md-pull-7 {
        right: 58.33333333%
    }
    .col-md-pull-6 {
        right: 50%
    }
    .col-md-pull-5 {
        right: 41.66666667%
    }
    .col-md-pull-4 {
        right: 33.33333333%
    }
    .col-md-pull-3 {
        right: 25%
    }
    .col-md-pull-2 {
        right: 16.66666667%
    }
    .col-md-pull-1 {
        right: 8.33333333%
    }
    .col-md-pull-0 {
        right: auto
    }
    .col-md-push-12 {
        left: 100%
    }
    .col-md-push-11 {
        left: 91.66666667%
    }
    .col-md-push-10 {
        left: 83.33333333%
    }
    .col-md-push-9 {
        left: 75%
    }
    .col-md-push-8 {
        left: 66.66666667%
    }
    .col-md-push-7 {
        left: 58.33333333%
    }
    .col-md-push-6 {
        left: 50%
    }
    .col-md-push-5 {
        left: 41.66666667%
    }
    .col-md-push-4 {
        left: 33.33333333%
    }
    .col-md-push-3 {
        left: 25%
    }
    .col-md-push-2 {
        left: 16.66666667%
    }
    .col-md-push-1 {
        left: 8.33333333%
    }
    .col-md-push-0 {
        left: auto
    }
    .col-md-offset-12 {
        margin-left: 100%
    }
    .col-md-offset-11 {
        margin-left: 91.66666667%
    }
    .col-md-offset-10 {
        margin-left: 83.33333333%
    }
    .col-md-offset-9 {
        margin-left: 75%
    }
    .col-md-offset-8 {
        margin-left: 66.66666667%
    }
    .col-md-offset-7 {
        margin-left: 58.33333333%
    }
    .col-md-offset-6 {
        margin-left: 50%
    }
    .col-md-offset-5 {
        margin-left: 41.66666667%
    }
    .col-md-offset-4 {
        margin-left: 33.33333333%
    }
    .col-md-offset-3 {
        margin-left: 25%
    }
    .col-md-offset-2 {
        margin-left: 16.66666667%
    }
    .col-md-offset-1 {
        margin-left: 8.33333333%
    }
    .col-md-offset-0 {
        margin-left: 0%
    }
}

@media (min-width: 1200px) {
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: left
    }
    .col-lg-12 {
        width: 100%
    }
    .col-lg-11 {
        width: 91.66666667%
    }
    .col-lg-10 {
        width: 83.33333333%
    }
    .col-lg-9 {
        width: 75%
    }
    .col-lg-8 {
        width: 66.66666667%
    }
    .col-lg-7 {
        width: 58.33333333%
    }
    .col-lg-6 {
        width: 50%
    }
    .col-lg-5 {
        width: 41.66666667%
    }
    .col-lg-4 {
        width: 33.33333333%
    }
    .col-lg-3 {
        width: 25%
    }
    .col-lg-2 {
        width: 16.66666667%
    }
    .col-lg-1 {
        width: 8.33333333%
    }
    .col-lg-pull-12 {
        right: 100%
    }
    .col-lg-pull-11 {
        right: 91.66666667%
    }
    .col-lg-pull-10 {
        right: 83.33333333%
    }
    .col-lg-pull-9 {
        right: 75%
    }
    .col-lg-pull-8 {
        right: 66.66666667%
    }
    .col-lg-pull-7 {
        right: 58.33333333%
    }
    .col-lg-pull-6 {
        right: 50%
    }
    .col-lg-pull-5 {
        right: 41.66666667%
    }
    .col-lg-pull-4 {
        right: 33.33333333%
    }
    .col-lg-pull-3 {
        right: 25%
    }
    .col-lg-pull-2 {
        right: 16.66666667%
    }
    .col-lg-pull-1 {
        right: 8.33333333%
    }
    .col-lg-pull-0 {
        right: auto
    }
    .col-lg-push-12 {
        left: 100%
    }
    .col-lg-push-11 {
        left: 91.66666667%
    }
    .col-lg-push-10 {
        left: 83.33333333%
    }
    .col-lg-push-9 {
        left: 75%
    }
    .col-lg-push-8 {
        left: 66.66666667%
    }
    .col-lg-push-7 {
        left: 58.33333333%
    }
    .col-lg-push-6 {
        left: 50%
    }
    .col-lg-push-5 {
        left: 41.66666667%
    }
    .col-lg-push-4 {
        left: 33.33333333%
    }
    .col-lg-push-3 {
        left: 25%
    }
    .col-lg-push-2 {
        left: 16.66666667%
    }
    .col-lg-push-1 {
        left: 8.33333333%
    }
    .col-lg-push-0 {
        left: auto
    }
    .col-lg-offset-12 {
        margin-left: 100%
    }
    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }
    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }
    .col-lg-offset-9 {
        margin-left: 75%
    }
    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }
    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }
    .col-lg-offset-6 {
        margin-left: 50%
    }
    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }
    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }
    .col-lg-offset-3 {
        margin-left: 25%
    }
    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }
    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }
    .col-lg-offset-0 {
        margin-left: 0%
    }
}

table {
    background-color: transparent
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left
}

th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>th,
.table>caption+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>td,
.table>thead:first-child>tr:first-child>td {
    border-top: 0
}

.table>tbody+tbody {
    border-top: 2px solid #ddd
}

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

.table-condensed>thead>tr>th,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>td {
    padding: 5px
}

.table-bordered {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
    border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.table-hover>tbody>tr:hover {
    background-color: #f5f5f5
}

table col[class*="col-"] {
    position: static;
    float: none;
    display: table-column
}

table td[class*="col-"],
table th[class*="col-"] {
    position: static;
    float: none;
    display: table-cell
}

.table>thead>tr>td.active,
.table>tbody>tr>td.active,
.table>tfoot>tr>td.active,
.table>thead>tr>th.active,
.table>tbody>tr>th.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>tbody>tr.active>td,
.table>tfoot>tr.active>td,
.table>thead>tr.active>th,
.table>tbody>tr.active>th,
.table>tfoot>tr.active>th {
    background-color: #f5f5f5
}

.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover,
.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr:hover>.active,
.table-hover>tbody>tr.active:hover>th {
    background-color: #e8e8e8
}

.table>thead>tr>td.success,
.table>tbody>tr>td.success,
.table>tfoot>tr>td.success,
.table>thead>tr>th.success,
.table>tbody>tr>th.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>tbody>tr.success>td,
.table>tfoot>tr.success>td,
.table>thead>tr.success>th,
.table>tbody>tr.success>th,
.table>tfoot>tr.success>th {
    background-color: #dff0d8
}

.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover,
.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr.success:hover>th {
    background-color: #d0e9c6
}

.table>thead>tr>td.info,
.table>tbody>tr>td.info,
.table>tfoot>tr>td.info,
.table>thead>tr>th.info,
.table>tbody>tr>th.info,
.table>tfoot>tr>th.info,
.table>thead>tr.info>td,
.table>tbody>tr.info>td,
.table>tfoot>tr.info>td,
.table>thead>tr.info>th,
.table>tbody>tr.info>th,
.table>tfoot>tr.info>th {
    background-color: #d9edf7
}

.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover,
.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr.info:hover>th {
    background-color: #c4e3f3
}

.table>thead>tr>td.warning,
.table>tbody>tr>td.warning,
.table>tfoot>tr>td.warning,
.table>thead>tr>th.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>tbody>tr.warning>td,
.table>tfoot>tr.warning>td,
.table>thead>tr.warning>th,
.table>tbody>tr.warning>th,
.table>tfoot>tr.warning>th {
    background-color: #fcf8e3
}

.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover,
.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr.warning:hover>th {
    background-color: #faf2cc
}

.table>thead>tr>td.danger,
.table>tbody>tr>td.danger,
.table>tfoot>tr>td.danger,
.table>thead>tr>th.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>tbody>tr.danger>td,
.table>tfoot>tr.danger>td,
.table>thead>tr.danger>th,
.table>tbody>tr.danger>th,
.table>tfoot>tr.danger>th {
    background-color: #f2dede
}

.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover,
.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr.danger:hover>th {
    background-color: #ebcccc
}

.table-responsive {
    overflow-x: auto;
    min-height: 0.01%
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }
    .table-responsive>.table {
        margin-bottom: 0
    }
    .table-responsive>.table>thead>tr>th,
    .table-responsive>.table>tbody>tr>th,
    .table-responsive>.table>tfoot>tr>th,
    .table-responsive>.table>thead>tr>td,
    .table-responsive>.table>tbody>tr>td,
    .table-responsive>.table>tfoot>tr>td {
        white-space: nowrap
    }
    .table-responsive>.table-bordered {
        border: 0
    }
    .table-responsive>.table-bordered>thead>tr>th:first-child,
    .table-responsive>.table-bordered>tbody>tr>th:first-child,
    .table-responsive>.table-bordered>tfoot>tr>th:first-child,
    .table-responsive>.table-bordered>thead>tr>td:first-child,
    .table-responsive>.table-bordered>tbody>tr>td:first-child,
    .table-responsive>.table-bordered>tfoot>tr>td:first-child {
        border-left: 0
    }
    .table-responsive>.table-bordered>thead>tr>th:last-child,
    .table-responsive>.table-bordered>tbody>tr>th:last-child,
    .table-responsive>.table-bordered>tfoot>tr>th:last-child,
    .table-responsive>.table-bordered>thead>tr>td:last-child,
    .table-responsive>.table-bordered>tbody>tr>td:last-child,
    .table-responsive>.table-bordered>tfoot>tr>td:last-child {
        border-right: 0
    }
    .table-responsive>.table-bordered>tbody>tr:last-child>th,
    .table-responsive>.table-bordered>tfoot>tr:last-child>th,
    .table-responsive>.table-bordered>tbody>tr:last-child>td,
    .table-responsive>.table-bordered>tfoot>tr:last-child>td {
        border-bottom: 0
    }
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold
}

input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input[type="radio"],
input[type="checkbox"] {
    margin: 10px 0 0;
    margin-top: 1px \9;
    line-height: normal
}

input[type="file"] {
    display: block
}

input[type="range"] {
    display: block;
    width: 100%
}

select[multiple],
select[size] {
    height: auto
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6)*/
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.form-control::-ms-expand {
    border: 0;
    background-color: transparent
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1
}

.form-control[disabled],
fieldset[disabled] .form-control {
    cursor: not-allowed
}

textarea.form-control {
    height: auto
}

input[type="search"] {
    -webkit-appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type="date"].form-control,
    input[type="time"].form-control,
    input[type="datetime-local"].form-control,
    input[type="month"].form-control {
        line-height: 34px
    }
    input[type="date"].input-sm,
    input[type="time"].input-sm,
    input[type="datetime-local"].input-sm,
    input[type="month"].input-sm,
    .input-group-sm input[type="date"],
    .input-group-sm input[type="time"],
    .input-group-sm input[type="datetime-local"],
    .input-group-sm input[type="month"] {
        line-height: 30px
    }
    input[type="date"].input-lg,
    input[type="time"].input-lg,
    input[type="datetime-local"].input-lg,
    input[type="month"].input-lg,
    .input-group-lg input[type="date"],
    .input-group-lg input[type="time"],
    .input-group-lg input[type="datetime-local"],
    .input-group-lg input[type="month"] {
        line-height: 46px
    }
}

.form-group {
    margin-bottom: 15px
}

.radio,
.checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.radio label,
.checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px \9
}

.radio+.radio,
.checkbox+.checkbox {
    margin-top: -5px
}

.radio-inline,
.checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer
}

.radio-inline+.radio-inline,
.checkbox-inline+.checkbox-inline {
    margin-top: 0;
    margin-left: 10px
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed
}

.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
    cursor: not-allowed
}

.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
    cursor: not-allowed
}

.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
    min-height: 34px
}

.form-control-static.input-lg,
.form-control-static.input-sm {
    padding-left: 0;
    padding-right: 0
}

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-sm {
    height: 30px;
    line-height: 30px
}

textarea.input-sm,
select[multiple].input-sm {
    height: auto
}

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.form-group-sm select.form-control {
    height: 30px;
    line-height: 30px
}

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
    height: auto
}

.form-group-sm .form-control-static {
    height: 30px;
    min-height: 32px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.5
}

.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

select.input-lg {
    height: 46px;
    line-height: 46px
}

textarea.input-lg,
select[multiple].input-lg {
    height: auto
}

.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

.form-group-lg select.form-control {
    height: 46px;
    line-height: 46px
}

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
    height: auto
}

.form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 11px 16px;
    font-size: 18px;
    line-height: 1.3333333
}

.has-feedback {
    position: relative
}

.has-feedback .form-control {
    padding-right: 42.5px
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none
}

.input-lg+.form-control-feedback,
.input-group-lg+.form-control-feedback,
.form-group-lg .form-control+.form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px
}

.input-sm+.form-control-feedback,
.input-group-sm+.form-control-feedback,
.form-group-sm .form-control+.form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
    color: #3c763d
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168
}

.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8
}

.has-success .form-control-feedback {
    color: #3c763d
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
    color: #8a6d3b
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b
}

.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3
}

.has-warning .form-control-feedback {
    color: #8a6d3b
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
    color: #a94442
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483
}

.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede
}

.has-error .form-control-feedback {
    color: #a94442
}

.has-feedback label~.form-control-feedback {
    top: 25px
}

.has-feedback label.sr-only~.form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373
}

@media (min-width: 768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }
    .form-inline .form-control-static {
        display: inline-block
    }
    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control {
        width: auto
    }
    .form-inline .input-group>.form-control {
        width: 100%
    }
    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }
    .form-inline .radio,
    .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }
    .form-inline .radio label,
    .form-inline .checkbox label {
        padding-left: 0
    }
    .form-inline .radio input[type="radio"],
    .form-inline .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0
    }
    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px
}

.form-horizontal .radio,
.form-horizontal .checkbox {
    min-height: 27px
}

.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 7px
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px
}

@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 11px;
        font-size: 18px
    }
}

@media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
        font-size: 12px
    }
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn:hover,
.btn:focus,
.btn.focus {
    color: #333;
    text-decoration: none
}

.btn:active,
.btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none
}

a.btn.disabled,
fieldset[disabled] a.btn {
    pointer-events: none
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.btn-default:focus,
.btn-default.focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c
}

.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-default:active:hover,
.btn-default.active:hover,
.open>.dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open>.dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open>.dropdown-toggle.btn-default.focus {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c
}

.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
    background-image: none
}

.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
    background-color: #fff;
    border-color: #ccc
}

.btn-default .badge {
    color: #fff;
    background-color: #333
}

.btn-primary {
    color: #fff;
    background-color: var(--quaternary);
    border-color: var(--quaternary)
}

.btn-primary:focus,
.btn-primary.focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40
}

    .btn-primary:hover {
        color: #fff;
        background-color: var(--quaternary);
        border-color: var(--quaternary);
    }

.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
    /*color: #fff;
    background-color: #286090;
    border-color: #204d74*/
    opacity:0.5;
}

.btn-primary:active:hover,
.btn-primary.active:hover,
.open>.dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open>.dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open>.dropdown-toggle.btn-primary.focus {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40
}

.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
    background-image: none
}

.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-primary .badge {
    color: #337ab7;
    background-color: #fff
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success:focus,
.btn-success.focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625
}

.btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439
}

.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44;
    border-color: #398439
}

.btn-success:active:hover,
.btn-success.active:hover,
.open>.dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open>.dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open>.dropdown-toggle.btn-success.focus {
    color: #fff;
    background-color: #398439;
    border-color: #255625
}

.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success {
    background-image: none
}

.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success .badge {
    color: #5cb85c;
    background-color: #fff
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info:focus,
.btn-info.focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85
}

.btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc
}

.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc
}

.btn-info:active:hover,
.btn-info.active:hover,
.open>.dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open>.dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open>.dropdown-toggle.btn-info.focus {
    color: #fff;
    background-color: #269abc;
    border-color: #1b6d85
}

.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info {
    background-image: none
}

.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info .badge {
    color: #5bc0de;
    background-color: #fff
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning:focus,
.btn-warning.focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d
}

.btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512
}

.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512
}

.btn-warning:active:hover,
.btn-warning.active:hover,
.open>.dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open>.dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open>.dropdown-toggle.btn-warning.focus {
    color: #fff;
    background-color: #d58512;
    border-color: #985f0d
}

.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning {
    background-image: none
}

.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger:focus,
.btn-danger.focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19
}

.btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}

.btn-danger:active,
.btn-danger.active,
.open>.dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}

.btn-danger:active:hover,
.btn-danger.active:hover,
.open>.dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open>.dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open>.dropdown-toggle.btn-danger.focus {
    color: #fff;
    background-color: #ac2925;
    border-color: #761c19
}

.btn-danger:active,
.btn-danger.active,
.open>.dropdown-toggle.btn-danger {
    background-image: none
}

.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger .badge {
    color: #d9534f;
    background-color: #fff
}

.btn-link {
    color: #337ab7;
    font-weight: normal;
    border-radius: 0
}

.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
    border-color: transparent
}

.btn-link:hover,
.btn-link:focus {
    color: #23527c;
    text-decoration: underline;
    background-color: transparent
}

.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
    color: #777;
    text-decoration: none
}

.btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: 5px
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%
}

.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropup,
.dropdown {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #337ab7
}

.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
    color: #777
}

.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    cursor: not-allowed
}

.open>.dropdown-menu {
    display: block
}

.open>a {
    outline: 0
}

.dropdown-menu-right {
    left: auto;
    right: 0
}

.dropdown-menu-left {
    left: 0;
    right: auto
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid \9;
    content: ""
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        left: auto;
        right: 0
    }
    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto
    }
}

.modal-open {
    overflow: hidden
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}

.modal-backdrop.in {
    opacity: 0.5;
    filter: alpha(opacity=50)
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.42857143
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5)
    }
    .modal-sm {
        width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 12px;
    opacity: 0;
    filter: alpha(opacity=0)
}

.tooltip.in {
    opacity: 0.9;
    filter: alpha(opacity=90)
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    right: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 14px;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2)
}

.popover.top {
    margin-top: -10px
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.popover-content {
    padding: 9px 14px
}

.popover>.arrow,
.popover>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover>.arrow {
    border-width: 11px
}

.popover>.arrow:after {
    border-width: 10px;
    content: ""
}

.popover.top>.arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, 0.25);
    bottom: -11px
}

.popover.top>.arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff
}

.popover.right>.arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, 0.25)
}

.popover.right>.arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff
}

.popover.bottom>.arrow {
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    top: -11px
}

.popover.bottom>.arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.popover.left>.arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, 0.25)
}

.popover.left>.arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px
}

.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%
}

.carousel-inner>.item {
    display: none;
    position: relative;
    -webkit-transition: 0.6s ease-in-out left;
    -o-transition: 0.6s ease-in-out left;
    transition: 0.6s ease-in-out left
}

.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    line-height: 1
}

@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-inner>.item {
        -webkit-transition: -webkit-transform 0.6s ease-in-out;
        -o-transition: -o-transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px
    }
    .carousel-inner>.item.next,
    .carousel-inner>.item.active.right {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        left: 0
    }
    .carousel-inner>.item.prev,
    .carousel-inner>.item.active.left {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        left: 0
    }
    .carousel-inner>.item.next.left,
    .carousel-inner>.item.prev.right,
    .carousel-inner>.item.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0
    }
}

.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
    display: block
}

.carousel-inner>.active {
    left: 0
}

.carousel-inner>.next,
.carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner>.next {
    left: 100%
}

.carousel-inner>.prev {
    left: -100%
}

.carousel-inner>.next.left,
.carousel-inner>.prev.right {
    left: 0
}

.carousel-inner>.active.left {
    left: -100%
}

.carousel-inner>.active.right {
    left: 100%
}

.carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    opacity: 0.5;
    filter: alpha(opacity=50);
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    background-color: rgba(0, 0, 0, 0)
}

.carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
}

.carousel-control.right {
    left: auto;
    right: 0;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
}

.carousel-control:hover,
.carousel-control:focus {
    outline: 0;
    color: #fff;
    text-decoration: none;
    opacity: 0.9;
    filter: alpha(opacity=90)
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    z-index: 5;
    display: inline-block
}

.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
    left: 50%;
    margin-left: -10px
}

.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
    right: 50%;
    margin-right: -10px
}

.carousel-control .icon-prev,
.carousel-control .icon-next {
    width: 20px;
    height: 20px;
    line-height: 1;
    font-family: serif
}

.carousel-control .icon-prev:before {
    content: '\2039'
}

.carousel-control .icon-next:before {
    content: '\203a'
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0)
}

.carousel-indicators .active {
    margin: 0;
    width: 12px;
    height: 12px;
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}

.carousel-caption .btn {
    text-shadow: none
}

@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -10px;
        font-size: 30px
    }
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        margin-left: -10px
    }
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        margin-right: -10px
    }
    .carousel-caption {
        left: 20%;
        right: 20%;
        padding-bottom: 30px
    }
    .carousel-indicators {
        bottom: 20px
    }
}

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
    content: " ";
    display: table
}

.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.modal-header:after,
.modal-footer:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
    display: none !important
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
    display: none !important
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important
    }
    table.visible-xs {
        display: table !important
    }
    tr.visible-xs {
        display: table-row !important
    }
    th.visible-xs,
    td.visible-xs {
        display: table-cell !important
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important
    }
    table.visible-sm {
        display: table !important
    }
    tr.visible-sm {
        display: table-row !important
    }
    th.visible-sm,
    td.visible-sm {
        display: table-cell !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important
    }
    table.visible-md {
        display: table !important
    }
    tr.visible-md {
        display: table-row !important
    }
    th.visible-md,
    td.visible-md {
        display: table-cell !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important
    }
    table.visible-lg {
        display: table !important
    }
    tr.visible-lg {
        display: table-row !important
    }
    th.visible-lg,
    td.visible-lg {
        display: table-cell !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }
    table.visible-print {
        display: table !important
    }
    tr.visible-print {
        display: table-row !important
    }
    th.visible-print,
    td.visible-print {
        display: table-cell !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}

.unslider {
    overflow: auto;
    margin: 0;
    padding: 0
}

.unslider-wrap {
    position: relative
}

.unslider-wrap.unslider-carousel>li {
    float: left
}

.unslider-vertical>ul {
    height: 100%
}

.unslider-vertical li {
    float: none;
    width: 100%
}

.unslider-fade {
    position: relative
}

.unslider-fade .unslider-wrap li {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 8
}

.unslider-fade .unslider-wrap li.unslider-active {
    z-index: 10
}

.unslider li,
.unslider ol,
.unslider ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: none
}

.unslider-arrow {
    position: absolute;
    left: 20px;
    z-index: 2;
    cursor: pointer
}

.unslider-arrow.next {
    left: auto;
    right: 20px
}

.unslider-nav ol {
    list-style: none;
    text-align: center
}

.unslider-nav ol li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 10px;
    background: transparent;
    border-radius: 5px;
    overflow: hidden;
    text-indent: -999em;
    border: 2px solid #fff;
    cursor: pointer
}

.unslider-nav ol li.unslider-active {
    background: #fff;
    cursor: default
}

.flag-icon-background {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.flag-icon {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 1.33333333em;
    line-height: 1em
}

.flag-icon:before {
    content: "\00a0"
}

.flag-icon.flag-icon-squared {
    width: 1em
}

.flag-icon-and {
    background-image: url('../images/flags/ad.gif') !important
}

.flag-icon-and.flag-icon-squared {
    background-image: url('../images/flags/ad.gif') !important
}

.flag-icon-are {
    background-image: url('../images/flags/ae.gif') !important
}

.flag-icon-are.flag-icon-squared {
    background-image: url('../images/flags/ae.gif') !important
}

.flag-icon-uae {
    background-image: url('../images/flags/ae.gif') !important
}

.flag-icon-afg {
    background-image: url('../images/flags/af.gif') !important
}

.flag-icon-afg.flag-icon-squared {
    background-image: url('../images/flags/af.gif') !important
}

.flag-icon-atg {
    background-image: url('../images/flags/ag.gif') !important
}

.flag-icon-atg.flag-icon-squared {
    background-image: url('../images/flags/ag.gif') !important
}

.flag-icon-aia {
    background-image: url('../images/flags/ai.gif') !important
}

.flag-icon-aia.flag-icon-squared {
    background-image: url('../images/flags/ai.gif') !important
}

.flag-icon-alb {
    background-image: url('../images/flags/al.gif') !important
}

.flag-icon-alb.flag-icon-squared {
    background-image: url('../images/flags/al.gif') !important
}

.flag-icon-arm {
    background-image: url('../images/flags/am.gif') !important
}

.flag-icon-arm.flag-icon-squared {
    background-image: url('../images/flags/am.gif') !important
}

.flag-icon-ago {
    background-image: url('../images/flags/ao.gif') !important
}

.flag-icon-ago.flag-icon-squared {
    background-image: url('../images/flags/ao.gif') !important
}

.flag-icon-ata {
    background-image: url('../images/flags/aq.gif') !important
}

.flag-icon-ata.flag-icon-squared {
    background-image: url('../images/flags/aq.gif') !important
}

.flag-icon-arg {
    background-image: url('../images/flags/ar.gif') !important
}

.flag-icon-arg.flag-icon-squared {
    background-image: url('../images/flags/ar.gif') !important
}

.flag-icon-asm {
    background-image: url('../images/flags/as.gif') !important
}

.flag-icon-asm.flag-icon-squared {
    background-image: url('../images/flags/as.gif') !important
}

.flag-icon-aut {
    background-image: url('../images/flags/at.gif') !important
}

.flag-icon-aut.flag-icon-squared {
    background-image: url('../images/flags/at.gif') !important
}

.flag-icon-aus {
    background-image: url('../images/flags/au.gif') !important
}

.flag-icon-aus.flag-icon-squared {
    background-image: url('../images/flags/au.gif') !important
}

.flag-icon-abw {
    background-image: url('../images/flags/aw.gif') !important
}

.flag-icon-abw.flag-icon-squared {
    background-image: url('../images/flags/aw.gif') !important
}

.flag-icon-ala {
    background-image: url('../images/flags/ax.gif') !important
}

.flag-icon-ala.flag-icon-squared {
    background-image: url('../images/flags/ax.gif') !important
}

.flag-icon-aze {
    background-image: url('../images/flags/az.gif') !important
}

.flag-icon-aze.flag-icon-squared {
    background-image: url('../images/flags/az.gif') !important
}

.flag-icon-bih {
    background-image: url('../images/flags/ba.gif') !important
}

.flag-icon-bih.flag-icon-squared {
    background-image: url('../images/flags/ba.gif') !important
}

.flag-icon-brb {
    background-image: url('../images/flags/bb.gif') !important
}

.flag-icon-brb.flag-icon-squared {
    background-image: url('../images/flags/bb.gif') !important
}

.flag-icon-bgd {
    background-image: url('../images/flags/bd.gif') !important
}

.flag-icon-bgd.flag-icon-squared {
    background-image: url('../images/flags/bd.gif') !important
}

.flag-icon-bel {
    background-image: url('../images/flags/be.gif') !important
}

.flag-icon-bel.flag-icon-squared {
    background-image: url('../images/flags/be.gif') !important
}

.flag-icon-bfa {
    background-image: url('../images/flags/bf.gif') !important
}

.flag-icon-bfa.flag-icon-squared {
    background-image: url('../images/flags/bf.gif') !important
}

.flag-icon-bgr {
    background-image: url('../images/flags/bg.gif') !important
}

.flag-icon-bgr.flag-icon-squared {
    background-image: url('../images/flags/bg.gif') !important
}

.flag-icon-bhr {
    background-image: url('../images/flags/bh.gif') !important
}

.flag-icon-bhr.flag-icon-squared {
    background-image: url('../images/flags/bh.gif') !important
}

.flag-icon-bdi {
    background-image: url('../images/flags/bi.gif') !important
}

.flag-icon-bdi.flag-icon-squared {
    background-image: url('../images/flags/bi.gif') !important
}

.flag-icon-ben {
    background-image: url('../images/flags/bj.gif') !important
}

.flag-icon-ben.flag-icon-squared {
    background-image: url('../images/flags/bj.gif') !important
}

.flag-icon-blm {
    background-image: url('../images/flags/bl.gif') !important
}

.flag-icon-blm.flag-icon-squared {
    background-image: url('../images/flags/bl.gif') !important
}

.flag-icon-bmu {
    background-image: url('../images/flags/bm.gif') !important
}

.flag-icon-bmu.flag-icon-squared {
    background-image: url('../images/flags/bm.gif') !important
}

.flag-icon-brn {
    background-image: url('../images/flags/bn.gif') !important
}

.flag-icon-brn.flag-icon-squared {
    background-image: url('../images/flags/bn.gif') !important
}

.flag-icon-bol {
    background-image: url('../images/flags/bo.gif') !important
}

.flag-icon-bol.flag-icon-squared {
    background-image: url('../images/flags/bo.gif') !important
}

.flag-icon-bes {
    background-image: url('../images/flags/bq.gif') !important
}

.flag-icon-bes.flag-icon-squared {
    background-image: url('../images/flags/bq.gif') !important
}

.flag-icon-bra {
    background-image: url('../images/flags/br.gif') !important
}

.flag-icon-bra.flag-icon-squared {
    background-image: url('../images/flags/br.gif') !important
}

.flag-icon-bhs {
    background-image: url('../images/flags/bs.gif') !important
}

.flag-icon-bhs.flag-icon-squared {
    background-image: url('../images/flags/bs.gif') !important
}

.flag-icon-btn {
    background-image: url('../images/flags/bt.gif') !important
}

.flag-icon-btn.flag-icon-squared {
    background-image: url('../images/flags/bt.gif') !important
}

.flag-icon-bvt {
    background-image: url('../images/flags/bv.gif') !important
}

.flag-icon-bvt.flag-icon-squared {
    background-image: url('../images/flags/bv.gif') !important
}

.flag-icon-bwa {
    background-image: url('../images/flags/bw.gif') !important
}

.flag-icon-bwa.flag-icon-squared {
    background-image: url('../images/flags/bw.gif') !important
}

.flag-icon-blr {
    background-image: url('../images/flags/by.gif') !important
}

.flag-icon-blr.flag-icon-squared {
    background-image: url('../images/flags/by.gif') !important
}

.flag-icon-blz {
    background-image: url('../images/flags/bz.gif') !important
}

.flag-icon-blz.flag-icon-squared {
    background-image: url('../images/flags/bz.gif') !important
}

.flag-icon-can {
    background-image: url('../images/flags/ca.gif') !important
}

.flag-icon-can.flag-icon-squared {
    background-image: url('../images/flags/ca.gif') !important
}

.flag-icon-cck {
    background-image: url('../images/flags/cc.gif') !important
}

.flag-icon-cck.flag-icon-squared {
    background-image: url('../images/flags/cc.gif') !important
}

.flag-icon-cod {
    background-image: url('../images/flags/cd.gif') !important
}

.flag-icon-cod.flag-icon-squared {
    background-image: url('../images/flags/cd.gif') !important
}

.flag-icon-caf {
    background-image: url('../images/flags/cf.gif') !important
}

.flag-icon-caf.flag-icon-squared {
    background-image: url('../images/flags/cf.gif') !important
}

.flag-icon-cog {
    background-image: url('../images/flags/cg.gif') !important
}

.flag-icon-cog.flag-icon-squared {
    background-image: url('../images/flags/cg.gif') !important
}

.flag-icon-che {
    background-image: url('../images/flags/ch.gif') !important
}

.flag-icon-che.flag-icon-squared {
    background-image: url('../images/flags/ch.gif') !important
}

.flag-icon-civ {
    background-image: url('../images/flags/ci.gif') !important
}

.flag-icon-civ.flag-icon-squared {
    background-image: url('../images/flags/ci.gif') !important
}

.flag-icon-cok {
    background-image: url('../images/flags/ck.gif') !important
}

.flag-icon-cok.flag-icon-squared {
    background-image: url('../images/flags/ck.gif') !important
}

.flag-icon-chl {
    background-image: url('../images/flags/cl.gif') !important
}

.flag-icon-chl.flag-icon-squared {
    background-image: url('../images/flags/cl.gif') !important
}

.flag-icon-cmr {
    background-image: url('../images/flags/cm.gif') !important
}

.flag-icon-cmr.flag-icon-squared {
    background-image: url('../images/flags/cm.gif') !important
}

.flag-icon-chn {
    background-image: url('../images/flags/cn.gif') !important
}

.flag-icon-chn.flag-icon-squared {
    background-image: url('../images/flags/cn.gif') !important
}

.flag-icon-col {
    background-image: url('../images/flags/co.gif') !important
}

.flag-icon-col.flag-icon-squared {
    background-image: url('../images/flags/co.gif') !important
}

.flag-icon-cri {
    background-image: url('../images/flags/cr.gif') !important
}

.flag-icon-cri.flag-icon-squared {
    background-image: url('../images/flags/cr.gif') !important
}

.flag-icon-cub {
    background-image: url('../images/flags/cu.gif') !important
}

.flag-icon-cub.flag-icon-squared {
    background-image: url('../images/flags/cu.gif') !important
}

.flag-icon-cpv {
    background-image: url('../images/flags/cv.gif') !important
}

.flag-icon-cpv.flag-icon-squared {
    background-image: url('../images/flags/cv.gif') !important
}

.flag-icon-cuw {
    background-image: url('../images/flags/cw.gif') !important
}

.flag-icon-cuw.flag-icon-squared {
    background-image: url('../images/flags/cw.gif') !important
}

.flag-icon-cxr {
    background-image: url('../images/flags/cx.gif') !important
}

.flag-icon-cxr.flag-icon-squared {
    background-image: url('../images/flags/cx.gif') !important
}

.flag-icon-cyp {
    background-image: url('../images/flags/cy.gif') !important
}

.flag-icon-cyp.flag-icon-squared {
    background-image: url('../images/flags/cy.gif') !important
}

.flag-icon-cze {
    background-image: url('../images/flags/cz.gif') !important
}

.flag-icon-cze.flag-icon-squared {
    background-image: url('../images/flags/cz.gif') !important
}

.flag-icon-ger {
    background-image: url('../images/flags/de.gif') !important
}

.flag-icon-deu {
    background-image: url('../images/flags/de.gif') !important
}

.flag-icon-ger.flag-icon-squared {
    background-image: url('../images/flags/de.gif') !important
}

.flag-icon-deu.flag-icon-squared {
    background-image: url('../images/flags/de.gif') !important
}

.flag-icon-int {
    background-image: url('../images/flags/df.gif') !important
}

.flag-icon-intl {
    background-image: url('../images/flags/df.gif') !important
}

.flag-icon-int.flag-icon-squared {
    background-image: url('../images/flags/de.gif') !important
}

.flag-icon-dji {
    background-image: url('../images/flags/dj.gif') !important
}

.flag-icon-dji.flag-icon-squared {
    background-image: url('../images/flags/dj.gif') !important
}

.flag-icon-dnk {
    background-image: url('../images/flags/dk.gif') !important
}

.flag-icon-dnk.flag-icon-squared {
    background-image: url('../images/flags/dk.gif') !important
}

.flag-icon-dma {
    background-image: url('../images/flags/dm.gif') !important
}

.flag-icon-dma.flag-icon-squared {
    background-image: url('../images/flags/dm.gif') !important
}

.flag-icon-dom {
    background-image: url('../images/flags/do.gif') !important
}

.flag-icon-dom.flag-icon-squared {
    background-image: url('../images/flags/do.gif') !important
}

.flag-icon-dza {
    background-image: url('../images/flags/dz.gif') !important
}

.flag-icon-dza.flag-icon-squared {
    background-image: url('../images/flags/dz.gif') !important
}

.flag-icon-ecu {
    background-image: url('../images/flags/ec.gif') !important
}

.flag-icon-ecu.flag-icon-squared {
    background-image: url('../images/flags/ec.gif') !important
}

.flag-icon-est {
    background-image: url('../images/flags/ee.gif') !important
}

.flag-icon-est.flag-icon-squared {
    background-image: url('../images/flags/ee.gif') !important
}

.flag-icon-egy {
    background-image: url('../images/flags/eg.gif') !important
}

.flag-icon-egy.flag-icon-squared {
    background-image: url('../images/flags/eg.gif') !important
}

.flag-icon-esh {
    background-image: url('../images/flags/eh.gif') !important
}

.flag-icon-esh.flag-icon-squared {
    background-image: url('../images/flags/eh.gif') !important
}

.flag-icon-eri {
    background-image: url('../images/flags/er.gif') !important
}

.flag-icon-eri.flag-icon-squared {
    background-image: url('../images/flags/er.gif') !important
}

.flag-icon-eas {
    background-image: url('../images/flags/ea.gif') !important
}

.flag-icon-esp {
    background-image: url('../images/flags/es.gif') !important
}

.flag-icon-spa {
    background-image: url('../images/flags/es.gif') !important
}

.flag-icon-esp.flag-icon-squared {
    background-image: url('../images/flags/es.gif') !important
}

.flag-icon-eth {
    background-image: url('../images/flags/et.gif') !important
}

.flag-icon-eth.flag-icon-squared {
    background-image: url('../images/flags/et.gif') !important
}

.flag-icon-fin {
    background-image: url('../images/flags/fi.gif') !important
}

.flag-icon-fin.flag-icon-squared {
    background-image: url('../images/flags/fi.gif') !important
}

.flag-icon-fji {
    background-image: url('../images/flags/fj.gif') !important
}

.flag-icon-fji.flag-icon-squared {
    background-image: url('../images/flags/fj.gif') !important
}

.flag-icon-flk {
    background-image: url('../images/flags/fk.gif') !important
}

.flag-icon-flk.flag-icon-squared {
    background-image: url('../images/flags/fk.gif') !important
}

.flag-icon-fsm {
    background-image: url('../images/flags/fm.gif') !important
}

.flag-icon-fsm.flag-icon-squared {
    background-image: url('../images/flags/fm.gif') !important
}

.flag-icon-fro {
    background-image: url('../images/flags/fo.gif') !important
}

.flag-icon-fro.flag-icon-squared {
    background-image: url('../images/flags/fo.gif') !important
}

.flag-icon-fra {
    background-image: url('../images/flags/fr.gif') !important
}

.flag-icon-fra.flag-icon-squared {
    background-image: url('../images/flags/fr.gif') !important
}

.flag-icon-gab {
    background-image: url('../images/flags/ga.gif') !important
}

.flag-icon-gab.flag-icon-squared {
    background-image: url('../images/flags/ga.gif') !important
}

.flag-icon-gbr {
    background-image: url('../images/flags/gb.gif') !important
}

.flag-icon-gbr.flag-icon-squared {
    background-image: url('../images/flags/gb.gif') !important
}

.flag-icon-grd {
    background-image: url('../images/flags/gd.gif') !important
}

.flag-icon-grd.flag-icon-squared {
    background-image: url('../images/flags/gd.gif') !important
}

.flag-icon-geo {
    background-image: url('../images/flags/ge.gif') !important
}

.flag-icon-geo.flag-icon-squared {
    background-image: url('../images/flags/ge.gif') !important
}

.flag-icon-guf {
    background-image: url('../images/flags/gf.gif') !important
}

.flag-icon-guf.flag-icon-squared {
    background-image: url('../images/flags/gf.gif') !important
}

.flag-icon-ggy {
    background-image: url('../images/flags/gg.gif') !important
}

.flag-icon-ggy.flag-icon-squared {
    background-image: url('../images/flags/gg.gif') !important
}

.flag-icon-gha {
    background-image: url('../images/flags/gh.gif') !important
}

.flag-icon-gha.flag-icon-squared {
    background-image: url('../images/flags/gh.gif') !important
}

.flag-icon-gib {
    background-image: url('../images/flags/gi.gif') !important
}

.flag-icon-gib.flag-icon-squared {
    background-image: url('../images/flags/gi.gif') !important
}

.flag-icon-grl {
    background-image: url('../images/flags/gl.gif') !important
}

.flag-icon-grl.flag-icon-squared {
    background-image: url('../images/flags/gl.gif') !important
}

.flag-icon-gmb {
    background-image: url('../images/flags/gm.gif') !important
}

.flag-icon-gmb.flag-icon-squared {
    background-image: url('../images/flags/gm.gif') !important
}

.flag-icon-gin {
    background-image: url('../images/flags/gn.gif') !important
}

.flag-icon-gin.flag-icon-squared {
    background-image: url('../images/flags/gn.gif') !important
}

.flag-icon-glp {
    background-image: url('../images/flags/gp.gif') !important
}

.flag-icon-glp.flag-icon-squared {
    background-image: url('../images/flags/gp.gif') !important
}

.flag-icon-gnq {
    background-image: url('../images/flags/gq.gif') !important
}

.flag-icon-gnq.flag-icon-squared {
    background-image: url('../images/flags/gq.gif') !important
}

.flag-icon-grc {
    background-image: url('../images/flags/gr.gif') !important
}

.flag-icon-gre {
    background-image: url('../images/flags/gr.gif') !important
}

.flag-icon-grc.flag-icon-squared {
    background-image: url('../images/flags/gr.gif') !important
}

.flag-icon-sgs {
    background-image: url('../images/flags/gs.gif') !important
}

.flag-icon-sgs.flag-icon-squared {
    background-image: url('../images/flags/gs.gif') !important
}

.flag-icon-gtm {
    background-image: url('../images/flags/gt.gif') !important
}

.flag-icon-gtm.flag-icon-squared {
    background-image: url('../images/flags/gt.gif') !important
}

.flag-icon-gum {
    background-image: url('../images/flags/gu.gif') !important
}

.flag-icon-gum.flag-icon-squared {
    background-image: url('../images/flags/gu.gif') !important
}

.flag-icon-gnb {
    background-image: url('../images/flags/gw.gif') !important
}

.flag-icon-gnb.flag-icon-squared {
    background-image: url('../images/flags/gw.gif') !important
}

.flag-icon-guy {
    background-image: url('../images/flags/gy.gif') !important
}

.flag-icon-guy.flag-icon-squared {
    background-image: url('../images/flags/gy.gif') !important
}

.flag-icon-hkg {
    background-image: url('../images/flags/hk.gif') !important
}

.flag-icon-hkg.flag-icon-squared {
    background-image: url('../images/flags/hk.gif') !important
}

.flag-icon-hmd {
    background-image: url('../images/flags/hm.gif') !important
}

.flag-icon-hmd.flag-icon-squared {
    background-image: url('../images/flags/hm.gif') !important
}

.flag-icon-hnd {
    background-image: url('../images/flags/hn.gif') !important
}

.flag-icon-hnd.flag-icon-squared {
    background-image: url('../images/flags/hn.gif') !important
}

.flag-icon-hrv {
    background-image: url('../images/flags/hr.gif') !important
}

.flag-icon-hrv.flag-icon-squared {
    background-image: url('../images/flags/hr.gif') !important
}

.flag-icon-hti {
    background-image: url('../images/flags/ht.gif') !important
}

.flag-icon-hti.flag-icon-squared {
    background-image: url('../images/flags/ht.gif') !important
}

.flag-icon-hun {
    background-image: url('../images/flags/hu.gif') !important
}

.flag-icon-hun.flag-icon-squared {
    background-image: url('../images/flags/hu.gif') !important
}

.flag-icon-idn {
    background-image: url('../images/flags/id.gif') !important
}

.flag-icon-idn.flag-icon-squared {
    background-image: url('../images/flags/id.gif') !important
}

.flag-icon-irl {
    background-image: url('../images/flags/ie.gif') !important
}

.flag-icon-irl.flag-icon-squared {
    background-image: url('../images/flags/ie.gif') !important
}

.flag-icon-isr {
    background-image: url('../images/flags/il.gif') !important
}

.flag-icon-isr.flag-icon-squared {
    background-image: url('../images/flags/il.gif') !important
}

.flag-icon-imn {
    background-image: url('../images/flags/im.gif') !important
}

.flag-icon-imn.flag-icon-squared {
    background-image: url('../images/flags/im.gif') !important
}

.flag-icon-ind {
    background-image: url('../images/flags/in.gif') !important
}

.flag-icon-ind.flag-icon-squared {
    background-image: url('../images/flags/in.gif') !important
}

.flag-icon-iot {
    background-image: url('../images/flags/io.gif') !important
}

.flag-icon-iot.flag-icon-squared {
    background-image: url('../images/flags/io.gif') !important
}

.flag-icon-irq {
    background-image: url('../images/flags/iq.gif') !important
}

.flag-icon-irq.flag-icon-squared {
    background-image: url('../images/flags/iq.gif') !important
}

.flag-icon-irn {
    background-image: url('../images/flags/ir.gif') !important
}

.flag-icon-irn.flag-icon-squared {
    background-image: url('../images/flags/ir.gif') !important
}

.flag-icon-isl {
    background-image: url('../images/flags/is.gif') !important
}

.flag-icon-isl.flag-icon-squared {
    background-image: url('../images/flags/is.gif') !important
}

.flag-icon-ita {
    background-image: url('../images/flags/it.gif') !important
}

.flag-icon-ita.flag-icon-squared {
    background-image: url('../images/flags/it.gif') !important
}

.flag-icon-jey {
    background-image: url('../images/flags/je.gif') !important
}

.flag-icon-jey.flag-icon-squared {
    background-image: url('../images/flags/je.gif') !important
}

.flag-icon-jam {
    background-image: url('../images/flags/jm.gif') !important
}

.flag-icon-jam.flag-icon-squared {
    background-image: url('../images/flags/jm.gif') !important
}

.flag-icon-jor {
    background-image: url('../images/flags/jo.gif') !important
}

.flag-icon-jor.flag-icon-squared {
    background-image: url('../images/flags/jo.gif') !important
}

.flag-icon-jpn {
    background-image: url('../images/flags/jp.gif') !important
}

.flag-icon-jpn.flag-icon-squared {
    background-image: url('../images/flags/jp.gif') !important
}

.flag-icon-ken {
    background-image: url('../images/flags/ke.gif') !important
}

.flag-icon-ken.flag-icon-squared {
    background-image: url('../images/flags/ke.gif') !important
}

.flag-icon-kgz {
    background-image: url('../images/flags/kg.gif') !important
}

.flag-icon-kgz.flag-icon-squared {
    background-image: url('../images/flags/kg.gif') !important
}

.flag-icon-khm {
    background-image: url('../images/flags/kh.gif') !important
}

.flag-icon-khm.flag-icon-squared {
    background-image: url('../images/flags/kh.gif') !important
}

.flag-icon-kir {
    background-image: url('../images/flags/ki.gif') !important
}

.flag-icon-kir.flag-icon-squared {
    background-image: url('../images/flags/ki.gif') !important
}

.flag-icon-com {
    background-image: url('../images/flags/km.gif') !important
}

.flag-icon-com.flag-icon-squared {
    background-image: url('../images/flags/km.gif') !important
}

.flag-icon-kna {
    background-image: url('../images/flags/kn.gif') !important
}

.flag-icon-kna.flag-icon-squared {
    background-image: url('../images/flags/kn.gif') !important
}

.flag-icon-prk {
    background-image: url('../images/flags/kp.gif') !important
}

.flag-icon-prk.flag-icon-squared {
    background-image: url('../images/flags/kp.gif') !important
}

.flag-icon-kor {
    background-image: url('../images/flags/kr.gif') !important
}

.flag-icon-kor.flag-icon-squared {
    background-image: url('../images/flags/kr.gif') !important
}

.flag-icon-kwt {
    background-image: url('../images/flags/kw.gif') !important
}

.flag-icon-kwt.flag-icon-squared {
    background-image: url('../images/flags/kw.gif') !important
}

.flag-icon-cym {
    background-image: url('../images/flags/ky.gif') !important
}

.flag-icon-cym.flag-icon-squared {
    background-image: url('../images/flags/ky.gif') !important
}

.flag-icon-kaz {
    background-image: url('../images/flags/kz.gif') !important
}

.flag-icon-kaz.flag-icon-squared {
    background-image: url('../images/flags/kz.gif') !important
}

.flag-icon-lao {
    background-image: url('../images/flags/la.gif') !important
}

.flag-icon-lao.flag-icon-squared {
    background-image: url('../images/flags/la.gif') !important
}

.flag-icon-lbn {
    background-image: url('../images/flags/lb.gif') !important
}

.flag-icon-lbn.flag-icon-squared {
    background-image: url('../images/flags/lb.gif') !important
}

.flag-icon-lca {
    background-image: url('../images/flags/lc.gif') !important
}

.flag-icon-lca.flag-icon-squared {
    background-image: url('../images/flags/lc.gif') !important
}

.flag-icon-lie {
    background-image: url('../images/flags/li.gif') !important
}

.flag-icon-lie.flag-icon-squared {
    background-image: url('../images/flags/li.gif') !important
}

.flag-icon-lka {
    background-image: url('../images/flags/lk.gif') !important
}

.flag-icon-lka.flag-icon-squared {
    background-image: url('../images/flags/lk.gif') !important
}

.flag-icon-lbr {
    background-image: url('../images/flags/lr.gif') !important
}

.flag-icon-lbr.flag-icon-squared {
    background-image: url('../images/flags/lr.gif') !important
}

.flag-icon-lso {
    background-image: url('../images/flags/ls.gif') !important
}

.flag-icon-lso.flag-icon-squared {
    background-image: url('../images/flags/ls.gif') !important
}

.flag-icon-ltu {
    background-image: url('../images/flags/lt.gif') !important
}

.flag-icon-ltu.flag-icon-squared {
    background-image: url('../images/flags/lt.gif') !important
}

.flag-icon-lux {
    background-image: url('../images/flags/lu.gif') !important
}

.flag-icon-lux.flag-icon-squared {
    background-image: url('../images/flags/lu.gif') !important
}

.flag-icon-lva {
    background-image: url('../images/flags/lv.gif') !important
}

.flag-icon-lva.flag-icon-squared {
    background-image: url('../images/flags/lv.gif') !important
}

.flag-icon-lby {
    background-image: url('../images/flags/ly.gif') !important
}

.flag-icon-lby.flag-icon-squared {
    background-image: url('../images/flags/ly.gif') !important
}

.flag-icon-mar {
    background-image: url('../images/flags/ma.gif') !important
}

.flag-icon-mar.flag-icon-squared {
    background-image: url('../images/flags/ma.gif') !important
}

.flag-icon-mco {
    background-image: url('../images/flags/mc.gif') !important
}

.flag-icon-mco.flag-icon-squared {
    background-image: url('../images/flags/mc.gif') !important
}

.flag-icon-mda {
    background-image: url('../images/flags/md.gif') !important
}

.flag-icon-mda.flag-icon-squared {
    background-image: url('../images/flags/md.gif') !important
}

.flag-icon-mne {
    background-image: url('../images/flags/me.gif') !important
}

.flag-icon-mne.flag-icon-squared {
    background-image: url('../images/flags/me.gif') !important
}

.flag-icon-maf {
    background-image: url('../images/flags/mf.gif') !important
}

.flag-icon-maf.flag-icon-squared {
    background-image: url('../images/flags/mf.gif') !important
}

.flag-icon-mdg {
    background-image: url('../images/flags/mg.gif') !important
}

.flag-icon-mdg.flag-icon-squared {
    background-image: url('../images/flags/mg.gif') !important
}

.flag-icon-mhl {
    background-image: url('../images/flags/mh.gif') !important
}

.flag-icon-mhl.flag-icon-squared {
    background-image: url('../images/flags/mh.gif') !important
}

.flag-icon-mkd {
    background-image: url('../images/flags/mk.gif') !important
}

.flag-icon-mkd.flag-icon-squared {
    background-image: url('../images/flags/mk.gif') !important
}

.flag-icon-mli {
    background-image: url('../images/flags/ml.gif') !important
}

.flag-icon-mli.flag-icon-squared {
    background-image: url('../images/flags/ml.gif') !important
}

.flag-icon-mmr {
    background-image: url('../images/flags/mm.gif') !important
}

.flag-icon-mmr.flag-icon-squared {
    background-image: url('../images/flags/mm.gif') !important
}

.flag-icon-mng {
    background-image: url('../images/flags/mn.gif') !important
}

.flag-icon-mng.flag-icon-squared {
    background-image: url('../images/flags/mn.gif') !important
}

.flag-icon-mac {
    background-image: url('../images/flags/mo.gif') !important
}

.flag-icon-mac.flag-icon-squared {
    background-image: url('../images/flags/mo.gif') !important
}

.flag-icon-mnp {
    background-image: url('../images/flags/mp.gif') !important
}

.flag-icon-mnp.flag-icon-squared {
    background-image: url('../images/flags/mp.gif') !important
}

.flag-icon-mtq {
    background-image: url('../images/flags/mq.gif') !important
}

.flag-icon-mtq.flag-icon-squared {
    background-image: url('../images/flags/mq.gif') !important
}

.flag-icon-mrt {
    background-image: url('../images/flags/mr.gif') !important
}

.flag-icon-mrt.flag-icon-squared {
    background-image: url('../images/flags/mr.gif') !important
}

.flag-icon-msr {
    background-image: url('../images/flags/ms.gif') !important
}

.flag-icon-msr.flag-icon-squared {
    background-image: url('../images/flags/ms.gif') !important
}

.flag-icon-mlt {
    background-image: url('../images/flags/mt.gif') !important
}

.flag-icon-mlt.flag-icon-squared {
    background-image: url('../images/flags/mt.gif') !important
}

.flag-icon-mus {
    background-image: url('../images/flags/mu.gif') !important
}

.flag-icon-mus.flag-icon-squared {
    background-image: url('../images/flags/mu.gif') !important
}

.flag-icon-mdv {
    background-image: url('../images/flags/mv.gif') !important
}

.flag-icon-mdv.flag-icon-squared {
    background-image: url('../images/flags/mv.gif') !important
}

.flag-icon-mwi {
    background-image: url('../images/flags/mw.gif') !important
}

.flag-icon-mwi.flag-icon-squared {
    background-image: url('../images/flags/mw.gif') !important
}

.flag-icon-mex {
    background-image: url('../images/flags/mx.gif') !important
}

.flag-icon-mex.flag-icon-squared {
    background-image: url('../images/flags/mx.gif') !important
}

.flag-icon-mys {
    background-image: url('../images/flags/my.gif') !important
}

.flag-icon-mys.flag-icon-squared {
    background-image: url('../images/flags/my.gif') !important
}

.flag-icon-moz {
    background-image: url('../images/flags/mz.gif') !important
}

.flag-icon-moz.flag-icon-squared {
    background-image: url('../images/flags/mz.gif') !important
}

.flag-icon-nam {
    background-image: url('../images/flags/na.gif') !important
}

.flag-icon-nam.flag-icon-squared {
    background-image: url('../images/flags/na.gif') !important
}

.flag-icon-ncl {
    background-image: url('../images/flags/nc.gif') !important
}

.flag-icon-ncl.flag-icon-squared {
    background-image: url('../images/flags/nc.gif') !important
}

.flag-icon-ner {
    background-image: url('../images/flags/ne.gif') !important
}

.flag-icon-ner.flag-icon-squared {
    background-image: url('../images/flags/ne.gif') !important
}

.flag-icon-nfk {
    background-image: url('../images/flags/nf.gif') !important
}

.flag-icon-nfk.flag-icon-squared {
    background-image: url('../images/flags/nf.gif') !important
}

.flag-icon-nga {
    background-image: url('../images/flags/ng.gif') !important
}

.flag-icon-nga.flag-icon-squared {
    background-image: url('../images/flags/ng.gif') !important
}

.flag-icon-nic {
    background-image: url('../images/flags/ni.gif') !important
}

.flag-icon-nic.flag-icon-squared {
    background-image: url('../images/flags/ni.gif') !important
}

.flag-icon-nld {
    background-image: url('../images/flags/nl.gif') !important
}

.flag-icon-net {
    background-image: url('../images/flags/nl.gif') !important
}

.flag-icon-nld.flag-icon-squared {
    background-image: url('../images/flags/nl.gif') !important
}



.flag-icon-nor {
    background-image: url('../images/flags/no.gif') !important
}

.flag-icon-nor.flag-icon-squared {
    background-image: url('../images/flags/no.gif') !important
}

.flag-icon-npl {
    background-image: url('../images/flags/np.gif') !important
}

.flag-icon-npl.flag-icon-squared {
    background-image: url('../images/flags/np.gif') !important
}

.flag-icon-nru {
    background-image: url('../images/flags/nr.gif') !important
}

.flag-icon-nru.flag-icon-squared {
    background-image: url('../images/flags/nr.gif') !important
}

.flag-icon-niu {
    background-image: url('../images/flags/nu.gif') !important
}

.flag-icon-niu.flag-icon-squared {
    background-image: url('../images/flags/nu.gif') !important
}

.flag-icon-nzl {
    background-image: url('../images/flags/nz.gif') !important
}

.flag-icon-nzl.flag-icon-squared {
    background-image: url('../images/flags/nz.gif') !important
}

.flag-icon-omn {
    background-image: url('../images/flags/om.gif') !important
}

.flag-icon-omn.flag-icon-squared {
    background-image: url('../images/flags/om.gif') !important
}

.flag-icon-pan {
    background-image: url('../images/flags/pa.gif') !important
}

.flag-icon-pan.flag-icon-squared {
    background-image: url('../images/flags/pa.gif') !important
}

.flag-icon-per {
    background-image: url('../images/flags/pe.gif') !important
}

.flag-icon-per.flag-icon-squared {
    background-image: url('../images/flags/pe.gif') !important
}

.flag-icon-pyf {
    background-image: url('../images/flags/pf.gif') !important
}

.flag-icon-pyf.flag-icon-squared {
    background-image: url('../images/flags/pf.gif') !important
}

.flag-icon-png {
    background-image: url('../images/flags/pg.gif') !important
}

.flag-icon-png.flag-icon-squared {
    background-image: url('../images/flags/pg.gif') !important
}

.flag-icon-phl {
    background-image: url('../images/flags/ph.gif') !important
}

.flag-icon-phl.flag-icon-squared {
    background-image: url('../images/flags/ph.gif') !important
}

.flag-icon-pak {
    background-image: url('../images/flags/pk.gif') !important
}

.flag-icon-pak.flag-icon-squared {
    background-image: url('../images/flags/pk.gif') !important
}

.flag-icon-pol {
    background-image: url('../images/flags/pl.gif') !important
}

.flag-icon-pol.flag-icon-squared {
    background-image: url('../images/flags/pl.gif') !important
}

.flag-icon-spm {
    background-image: url('../images/flags/pm.gif') !important
}

.flag-icon-spm.flag-icon-squared {
    background-image: url('../images/flags/pm.gif') !important
}

.flag-icon-pcn {
    background-image: url('../images/flags/pn.gif') !important
}

.flag-icon-pcn.flag-icon-squared {
    background-image: url('../images/flags/pn.gif') !important
}

.flag-icon-pri {
    background-image: url('../images/flags/pr.gif') !important
}

.flag-icon-pri.flag-icon-squared {
    background-image: url('../images/flags/pr.gif') !important
}

.flag-icon-pse {
    background-image: url('../images/flags/ps.gif') !important
}

.flag-icon-pse.flag-icon-squared {
    background-image: url('../images/flags/ps.gif') !important
}

.flag-icon-prt {
    background-image: url('../images/flags/pt.gif') !important
}

.flag-icon-prt.flag-icon-squared {
    background-image: url('../images/flags/pt.gif') !important
}

.flag-icon-plw {
    background-image: url('../images/flags/pw.gif') !important
}

.flag-icon-plw.flag-icon-squared {
    background-image: url('../images/flags/pw.gif') !important
}

.flag-icon-pry {
    background-image: url('../images/flags/py.gif') !important
}

.flag-icon-pry.flag-icon-squared {
    background-image: url('../images/flags/py.gif') !important
}

.flag-icon-qat {
    background-image: url('../images/flags/qa.gif') !important
}

.flag-icon-qat.flag-icon-squared {
    background-image: url('../images/flags/qa.gif') !important
}

.flag-icon-reu {
    background-image: url('../images/flags/re.gif') !important
}

.flag-icon-reu.flag-icon-squared {
    background-image: url('../images/flags/re.gif') !important
}

.flag-icon-rou {
    background-image: url('../images/flags/ro.gif') !important
}

.flag-icon-rou.flag-icon-squared {
    background-image: url('../images/flags/ro.gif') !important
}

.flag-icon-srb {
    background-image: url('../images/flags/rs.gif') !important
}

.flag-icon-srb.flag-icon-squared {
    background-image: url('../images/flags/rs.gif') !important
}

.flag-icon-rus {
    background-image: url('../images/flags/ru.gif') !important
}

.flag-icon-rus.flag-icon-squared {
    background-image: url('../images/flags/ru.gif') !important
}

.flag-icon-rwa {
    background-image: url('../images/flags/rw.gif') !important
}

.flag-icon-rwa.flag-icon-squared {
    background-image: url('../images/flags/rw.gif') !important
}

.flag-icon-sau {
    background-image: url('../images/flags/sa.gif') !important
}

.flag-icon-sau.flag-icon-squared {
    background-image: url('../images/flags/sa.gif') !important
}

.flag-icon-slb {
    background-image: url('../images/flags/sb.gif') !important
}

.flag-icon-slb.flag-icon-squared {
    background-image: url('../images/flags/sb.gif') !important
}

.flag-icon-syc {
    background-image: url('../images/flags/sc.gif') !important
}

.flag-icon-syc.flag-icon-squared {
    background-image: url('../images/flags/sc.gif') !important
}

.flag-icon-sdn {
    background-image: url('../images/flags/sd.gif') !important
}

.flag-icon-sdn.flag-icon-squared {
    background-image: url('../images/flags/sd.gif') !important
}

.flag-icon-swe {
    background-image: url('../images/flags/se.gif') !important
}

.flag-icon-swe.flag-icon-squared {
    background-image: url('../images/flags/se.gif') !important
}

.flag-icon-sgp {
    background-image: url('../images/flags/sg.gif') !important
}

.flag-icon-sgp.flag-icon-squared {
    background-image: url('../images/flags/sg.gif') !important
}

.flag-icon-shn {
    background-image: url('../images/flags/sh.gif') !important
}

.flag-icon-shn.flag-icon-squared {
    background-image: url('../images/flags/sh.gif') !important
}

.flag-icon-svn {
    background-image: url('../images/flags/si.gif') !important
}

.flag-icon-svn.flag-icon-squared {
    background-image: url('../images/flags/si.gif') !important
}

.flag-icon-sjm {
    background-image: url('../images/flags/sj.gif') !important
}

.flag-icon-sjm.flag-icon-squared {
    background-image: url('../images/flags/sj.gif') !important
}

.flag-icon-svk {
    background-image: url('../images/flags/sk.gif') !important
}

.flag-icon-svk.flag-icon-squared {
    background-image: url('../images/flags/sk.gif') !important
}

.flag-icon-sle {
    background-image: url('../images/flags/sl.gif') !important
}

.flag-icon-sle.flag-icon-squared {
    background-image: url('../images/flags/sl.gif') !important
}

.flag-icon-smr {
    background-image: url('../images/flags/sm.gif') !important
}

.flag-icon-smr.flag-icon-squared {
    background-image: url('../images/flags/sm.gif') !important
}

.flag-icon-sen {
    background-image: url('../images/flags/sn.gif') !important
}

.flag-icon-sen.flag-icon-squared {
    background-image: url('../images/flags/sn.gif') !important
}

.flag-icon-som {
    background-image: url('../images/flags/so.gif') !important
}

.flag-icon-som.flag-icon-squared {
    background-image: url('../images/flags/so.gif') !important
}

.flag-icon-sur {
    background-image: url('../images/flags/sr.gif') !important
}

.flag-icon-sur.flag-icon-squared {
    background-image: url('../images/flags/sr.gif') !important
}

.flag-icon-ssd {
    background-image: url('../images/flags/ss.gif') !important
}

.flag-icon-ssd.flag-icon-squared {
    background-image: url('../images/flags/ss.gif') !important
}

.flag-icon-stp {
    background-image: url('../images/flags/st.gif') !important
}

.flag-icon-stp.flag-icon-squared {
    background-image: url('../images/flags/st.gif') !important
}

.flag-icon-slv {
    background-image: url('../images/flags/sv.gif') !important
}

.flag-icon-slv.flag-icon-squared {
    background-image: url('../images/flags/sv.gif') !important
}

.flag-icon-sxm {
    background-image: url('../images/flags/sx.gif') !important
}

.flag-icon-sxm.flag-icon-squared {
    background-image: url('../images/flags/sx.gif') !important
}

.flag-icon-syr {
    background-image: url('../images/flags/sy.gif') !important
}

.flag-icon-syr.flag-icon-squared {
    background-image: url('../images/flags/sy.gif') !important
}

.flag-icon-swz {
    background-image: url('../images/flags/sz.gif') !important
}

.flag-icon-swz.flag-icon-squared {
    background-image: url('../images/flags/sz.gif') !important
}

.flag-icon-tca {
    background-image: url('../images/flags/tc.gif') !important
}

.flag-icon-tca.flag-icon-squared {
    background-image: url('../images/flags/tc.gif') !important
}

.flag-icon-tcd {
    background-image: url('../images/flags/td.gif') !important
}

.flag-icon-tcd.flag-icon-squared {
    background-image: url('../images/flags/td.gif') !important
}

.flag-icon-atf {
    background-image: url('../images/flags/tf.gif') !important
}

.flag-icon-atf.flag-icon-squared {
    background-image: url('../images/flags/tf.gif') !important
}

.flag-icon-tgo {
    background-image: url('../images/flags/tg.gif') !important
}

.flag-icon-tgo.flag-icon-squared {
    background-image: url('../images/flags/tg.gif') !important
}

.flag-icon-tha {
    background-image: url('../images/flags/th.gif') !important
}

.flag-icon-tha.flag-icon-squared {
    background-image: url('../images/flags/th.gif') !important
}

.flag-icon-tjk {
    background-image: url('../images/flags/tj.gif') !important
}

.flag-icon-tjk.flag-icon-squared {
    background-image: url('../images/flags/tj.gif') !important
}

.flag-icon-tkl {
    background-image: url('../images/flags/tk.gif') !important
}

.flag-icon-tkl.flag-icon-squared {
    background-image: url('../images/flags/tk.gif') !important
}

.flag-icon-tls {
    background-image: url('../images/flags/tl.gif') !important
}

.flag-icon-tls.flag-icon-squared {
    background-image: url('../images/flags/tl.gif') !important
}

.flag-icon-tkm {
    background-image: url('../images/flags/tm.gif') !important
}

.flag-icon-tkm.flag-icon-squared {
    background-image: url('../images/flags/tm.gif') !important
}

.flag-icon-tun {
    background-image: url('../images/flags/tn.gif') !important
}

.flag-icon-tun.flag-icon-squared {
    background-image: url('../images/flags/tn.gif') !important
}

.flag-icon-ton {
    background-image: url('../images/flags/to.gif') !important
}

.flag-icon-ton.flag-icon-squared {
    background-image: url('../images/flags/to.gif') !important
}

.flag-icon-tur {
    background-image: url('../images/flags/tr.gif') !important
}

.flag-icon-tur.flag-icon-squared {
    background-image: url('../images/flags/tr.gif') !important
}

.flag-icon-tto {
    background-image: url('../images/flags/tt.gif') !important
}

.flag-icon-tto.flag-icon-squared {
    background-image: url('../images/flags/tt.gif') !important
}

.flag-icon-tuv {
    background-image: url('../images/flags/tv.gif') !important
}

.flag-icon-tuv.flag-icon-squared {
    background-image: url('../images/flags/tv.gif') !important
}

.flag-icon-twn {
    background-image: url('../images/flags/tw.gif') !important
}

.flag-icon-twn.flag-icon-squared {
    background-image: url('../images/flags/tw.gif') !important
}

.flag-icon-tza {
    background-image: url('../images/flags/tz.gif') !important
}

.flag-icon-tza.flag-icon-squared {
    background-image: url('../images/flags/tz.gif') !important
}

.flag-icon-ukr {
    background-image: url('../images/flags/ua.gif') !important
}

.flag-icon-ukr.flag-icon-squared {
    background-image: url('../images/flags/ua.gif') !important
}

.flag-icon-uga {
    background-image: url('../images/flags/ug.gif') !important
}

.flag-icon-uga.flag-icon-squared {
    background-image: url('../images/flags/ug.gif') !important
}

.flag-icon-umi {
    background-image: url('../images/flags/um.gif') !important
}

.flag-icon-umi.flag-icon-squared {
    background-image: url('../images/flags/um.gif') !important
}

.flag-icon-usa {
    background-image: url('../images/flags/us.gif') !important
}

.flag-icon-usa.flag-icon-squared {
    background-image: url('../images/flags/us.gif') !important
}

.flag-icon-ury {
    background-image: url('../images/flags/uy.gif') !important
}

.flag-icon-ury.flag-icon-squared {
    background-image: url('../images/flags/uy.gif') !important
}

.flag-icon-uzb {
    background-image: url('../images/flags/uz.gif') !important
}

.flag-icon-uzb.flag-icon-squared {
    background-image: url('../images/flags/uz.gif') !important
}

.flag-icon-vat {
    background-image: url('../images/flags/va.gif') !important
}

.flag-icon-vat.flag-icon-squared {
    background-image: url('../images/flags/va.gif') !important
}

.flag-icon-vct {
    background-image: url('../images/flags/vc.gif') !important
}

.flag-icon-vct.flag-icon-squared {
    background-image: url('../images/flags/vc.gif') !important
}

.flag-icon-ven {
    background-image: url('../images/flags/ve.gif') !important
}

.flag-icon-ven.flag-icon-squared {
    background-image: url('../images/flags/ve.gif') !important
}

.flag-icon-vgb {
    background-image: url('../images/flags/vg.gif') !important
}

.flag-icon-vgb.flag-icon-squared {
    background-image: url('../images/flags/vg.gif') !important
}

.flag-icon-vir {
    background-image: url('../images/flags/vi.gif') !important
}

.flag-icon-vir.flag-icon-squared {
    background-image: url('../images/flags/vi.gif') !important
}

.flag-icon-vnm {
    background-image: url('../images/flags/vn.gif') !important
}

.flag-icon-vnm.flag-icon-squared {
    background-image: url('../images/flags/vn.gif') !important
}

.flag-icon-vut {
    background-image: url('../images/flags/vu.gif') !important
}

.flag-icon-vut.flag-icon-squared {
    background-image: url('../images/flags/vu.gif') !important
}

.flag-icon-wlf {
    background-image: url('../images/flags/wf.gif') !important
}

.flag-icon-wlf.flag-icon-squared {
    background-image: url('../images/flags/wf.gif') !important
}

.flag-icon-wsm {
    background-image: url('../images/flags/ws.gif') !important
}

.flag-icon-wsm.flag-icon-squared {
    background-image: url('../images/flags/ws.gif') !important
}

.flag-icon-yem {
    background-image: url('../images/flags/ye.gif') !important
}

.flag-icon-yem.flag-icon-squared {
    background-image: url('../images/flags/ye.gif') !important
}

.flag-icon-myt {
    background-image: url('../images/flags/yt.gif') !important
}

.flag-icon-myt.flag-icon-squared {
    background-image: url('../images/flags/yt.gif') !important
}

.flag-icon-zaf {
    background-image: url('../images/flags/za.gif') !important
}

.flag-icon-zaf.flag-icon-squared {
    background-image: url('../images/flags/za.gif') !important
}

.flag-icon-zmb {
    background-image: url('../images/flags/zm.gif') !important
}

.flag-icon-zmb.flag-icon-squared {
    background-image: url('../images/flags/zm.gif') !important
}

.flag-icon-zwe {
    background-image: url('../images/flags/zw.gif') !important
}

.flag-icon-zwe.flag-icon-squared {
    background-image: url('../images/flags/zw.gif') !important
}

.flag-icon-eu {
    background-image: url('../images/flags/eu.gif') !important
}

.flag-icon-eu.flag-icon-squared {
    background-image: url('../images/flags/eu.gif') !important
}

.flag-icon-eng {
    background-image: url('../images/flags/gb-eng.gif') !important
}

.flag-icon-eng.flag-icon-squared {
    background-image: url('../images/flags/gb-eng.gif') !important
}

.flag-icon-nir {
    background-image: url('../images/flags/gb-nir.gif') !important
}

.flag-icon-nir.flag-icon-squared {
    background-image: url('../images/flags/gb-nir.gif') !important
}

.flag-icon-sco {
    background-image: url('../images/flags/gb-sct.gif') !important
}

.flag-icon-sco.flag-icon-squared {
    background-image: url('../images/flags/gb-sct.gif') !important
}

.flag-icon-wal {
    background-image: url('../images/flags/gb-wls.gif') !important
}

.flag-icon-wal.flag-icon-squared {
    background-image: url('../images/flags/gb-wls.gif') !important
}

.flag-icon-un {
    background-image: url('../images/flags/un.gif') !important
}

.flag-icon-un.flag-icon-squared {
    background-image: url('../images/flags/un.gif') !important
}

[class*='flag-icon-'] {
    background-image: url('../images/default.gif')
}

body {
    background-color: var(--primary) !important;
    font-family: 'Open Sans', 'Arial', sans-serif;
    color: #fff;
    overflow-x: hidden
}

body .acc-hide {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden
}

body .transparent {
    opacity: 0 !important
}

body a {
    text-decoration: none !important;
    font-weight: 400
}

.clear {
    clear: both
}

.container-fluid {
    max-width: 1800px
}

input {
    border-radius: 0px
}

.disabled {
    cursor: no-drop !important
}

.disabled:hover {
    opacity: 0.4;
    filter: gray;
    filter: grayscale(1);
    -webkit-filter: grayscale(1)
}

.disabled-picker {
    opacity: 0.4 !important;
    cursor: default !important
}

.disabled-picker:hover {
    background: linear-gradient(-179deg, rgba(23, 44, 55, 1) 2%, rgba(45, 74, 94, 1) 99%) !important;
    border: 1px solid rgba(45, 74, 94, 1) !important;
    box-shadow: none !important
}

.disabled-picker:hover:after {
    display: none !important
}

.disabled-picker.closed span:nth-child(2) {
    width: 10px !important;
    overflow: hidden !important;
    height: 13px !important
}

.disabled-picker.closed span:nth-child(2) {
    visibility: hidden;
    position: relative
}

.disabled-picker.closed span:nth-child(2):before {
    visibility: visible;
    position: absolute;
    display: inline-block;
    content: " ";
    top: 1px;
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat -1400px -100px;
    width: 10px;
    height: 13px;
    right: 0px
}

.print-layout {
    display: none
}

.sweet-alert input {
    color: black
}

.sweet-alert h2 {
    font-size: 18px !important
}

select {
    color: #000 !important
}

.sp-loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.75);
    cursor: wait;
    z-index: 1000
}

.sp-loader::after {
    display: block;
    position: relative;
    content: " ";
    background-image: url("../../img/spin.gif");
    background-size: 70%;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0 auto;
    top: 40vh;
    width: 115px;
    height: 100px;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 10px 10px;
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, 0.45);
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5)
}

.sp-loader-noScroll {
    height: 100%;
    overflow: hidden;
    overflow-y: scroll;
    width: 100%;
    position: fixed
}

.blinkImg {
    -webkit-animation: blink-animation 2s infinite ease-in-out;
    animation: blink-animation 1s infinite ease-in-out
}

@keyframes pulse {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.3;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes pulse {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.3;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes pulse {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.3;
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes pulse {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.3;
    }
    100% {
        opacity: 1;
    }
}

@-ms-keyframes pulse {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.3;
    }
    100% {
        opacity: 1;
    }
}

@keyframes blink-animation {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes blink-animation {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes blink-animation {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes blink-animation {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

@-ms-keyframes blink-animation {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

@media only screen and (max-width: 767px) {
    body {
        background-color: #29333d;
        margin-top: 55px
    }
}

header .logo {
    flex-grow: 1;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    order: 1;
    position: relative;
    width:5%;
    min-width:200px;
}

header .logo .country {
    position: absolute;
    bottom: -12px;
    right: 84px
}

header .logo .country.country-auth {
    right: 73px
}

@media only screen and (max-width: 955px) {
    header .logo {
        flex-grow: 1;
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        order: 1
    }
}

.tools {
    background-color: var(--primary);
    transition: all 0.2s;
    /*border-top: 1px solid var(--secondary);*/
    /*margin-left: 13%;
    clip-path: polygon(25px 0, 100% 0, 100% 100%, 0% 100%);*/
}

.tools .wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    min-height: 36px
}

.tools ul {
    margin-bottom: 0px;
    padding-left: 0px
}

.tools ul li {
    display: inline-block;
    list-style: none;
    line-height: 36px;
    padding-right: 15px;
    padding-left: 15px;
    min-height: 36px;
    text-align: center;
    margin-left: -4px
}

    .tools ul li.menu-item {
        position: relative;
        padding-right: 0;
        padding-left: 0;
        text-transform: capitalize;
    }

.tools ul li.menu-item>a {
    padding-right: 10px;
    padding-left: 10px;
}

/*.tools ul li.menu-item>a:before {
    right: 1px
}*/

.tools ul li a {
    font-weight: 600;
    display: inline-block
}

/*.tools ul li a::before {
    position: relative;
    display: inline-block;
    content: " ";
    top: -2px;
    vertical-align: middle;
    right: 5px;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    opacity: 0.6
}*/

.tools ul li a.home::before {
    background: url(/Content/images/icons/home.svg) no-repeat center top !important;
    height: 14px
}

.tools ul li a.howtoplay::before {
    background-position: -50px -100px
}

.tools ul li a.mobile::before {
    background-position: -300px -100px;
    top: -1px
}

.tools ul li a.livescore::before {
    background-position: -100px -100px
}

.tools ul li a.statistics::before {
    background-position: -150px -100px;
    width: 13px
}

.tools ul li a.results::before {
    background-position: -200px -100px;
    width: 19px;
    height: 15px
}

.tools ul li a.contact::before {
    background-position: -250px -100px;
    height: 14px
}

.tools ul li a.pambazuka::before {
    background-image: url('../../img/tools_pnl.png');
    background-size: contain
}

.tools ul li a.news::before {
    background-position: -1150px -100px
}

.tools ul li a.livegames::before {
   
		background: url(/Content/images/icons/live.svg) no-repeat center top !important;
}

.tools ul li a.virtual::before {
   
		background: url(/Content/images/icons/virtual.svg) no-repeat center top !important;
}

.tools ul li a.spinandwin::before {
   
		background: url(/Content/images/icons/spin.svg) no-repeat center top !important;
}

/*.tools ul li a.casino::before {
    background: url(/Content/images/icons/casino.svg) no-repeat center top !important;
}*/

.tools ul li a.jackpot::before {
    background: url(/Content/images/icons/jackpot.svg) no-repeat center top !important;
	width: 15px;
    height: 15px;
}

.tools ul li a.custom_bets::before {
    background-position: -1450px -200px
}

/*.tools ul li a.casino::before {
    background-position: -350px -1400px;
    top: -1px
}*/

.tools ul li a.livegamesZa::before {
    background-image: url("../../img/live_symbol@2x.png");
    background-size: 15px 15px;
    width: 15px;
    height: 15px
}

.tools ul li a.insights::before {
    background-position: -400px -1400px;
    width: 18px;
    top: 0
}

.tools ul li.scroll-logo {
    display: none;
    position: absolute;
    left: 15px;
}

.tools ul li:hover>a::before {
    opacity: 1
}

    .tools ul li a {
        display: inline-block;
        color: hsla(0,0%,100%,.8);
        margin: 0px
    }

    .tools ul .active a {
        /*background-color: var(--quaternary);*/
        color: var(--quaternary);
        -webkit-box-shadow: inset 0px -4px 0px 0px var(--quaternary);
        -moz-box-shadow: inset 0px -4px 0px 0px #662483;
        box-shadow: inset 0px -4px 0px 0px var(--quaternary);
        font-weight: 700;
    }

.tools ul .active>a::before {
    opacity: 1
}

.tools .subsection::after {
    content: " ";
    background-repeat: no-repeat;
    background-image: url("../images/new-sprite.svg");
    background-position: -50px -300px;
    width: 10px;
    height: 6px;
    display: inline-block;
    margin-left: 5px
}

.tools .subsection.collapsed::after {
    background-position: 0px -300px
}

.tools .subsection-items {
    position: absolute;
    left: 0;
    top: 45px;
    z-index: 9;
    background-color: #f2cc39;
    display: inline-block;
    min-width: 140px;
    white-space: nowrap
}

.tools .subsection-items.collapsed {
    display: none
}

.tools .subsection-items li {
    display: block;
    margin-left: 0;
    text-align: left
}

.tools .subsection-items li:hover,
.tools .subsection-items li.active {
    background-color: #35444c;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.tools div:nth-child(2) {
    display: block;
    line-height: 36px;
    color: #fff;
    margin: auto 17px auto 17px;
    height: 36px;
    min-width: 50px;
    text-align: center
}

.tools .nav-bar-search-icon {
    margin-right: 16px
}

.tools #help {
    color: #fff;
    font-weight: 700;
    padding-right: 15px
}

.tools #help:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: -2px;
    vertical-align: middle;
    background: url("../images/new-sprite.svg") no-repeat -50px -100px;
    width: 16px;
    height: 16px;
    right: 5px
}

.tools time:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: -2px;
    vertical-align: middle;
    background: url("../images/new-sprite.svg") no-repeat -350px -100px;
    width: 15px;
    height: 15px;
    right: 5px
}

.tools .twitter,
.tools .facebook,
.tools .youtube {
    opacity: 0.9;
    transition: 0.5s all
}

.tools .twitter:hover,
.tools .facebook:hover,
.tools .youtube:hover {
    opacity: 1;
    transition: 0.5s all
}

.tools .twitter {
    padding-right: 10px
}

.tools .twitter:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: 0px;
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat 0px -1600px;
    width: 16px;
    height: 16px;
    right: 5px
}

.tools .youtube {
    padding-right: 10px
}

.tools .youtube:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: 0px;
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat -50px -1600px;
    width: 16px;
    height: 16px;
    right: 5px
}

.tools .facebook {
    padding-right: 10px;
    text-indent: -9999px
}

.tools .facebook:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: -2px;
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat -100px -1600px;
    width: 16px;
    height: 16px;
    right: 5px
}

.tools .instagram {
    padding-right: 10px;
    text-indent: -9999px
}

.tools .instagram:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: -2px;
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat -150px -1600px;
    width: 16px;
    height: 16px;
    right: 5px
}

.notification-new {
    position: absolute;
    top: -15px;
    right: 0;
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
    min-width: auto !important;
    z-index: 1
}

.notification-new .rectangle {
    display: inline-block;
    margin: 0 auto;
    border-radius: 2px;
    background: linear-gradient(180deg, #f13232 0%, #c10606 100%);
    box-shadow: 0 1px 4px 0 rgba(62, 0, 0, 0.6);
    padding: 1px 4px 1px 2px;
    color: #fff;
    font-size: 10px;
    font-style: italic;
    font-weight: bold;
    line-height: 11px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4)
}

header.fixed .notification-new {
    top: -12px
}

.notification-new {
    position: absolute;
    top: -15px;
    right: 0;
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
    min-width: auto !important
}

.notification-new .rectangle {
    display: inline-block;
    margin: 0 auto;
    border-radius: 2px;
    background: linear-gradient(180deg, #f13232 0%, #c10606 100%);
    box-shadow: 0 1px 4px 0 rgba(62, 0, 0, 0.6);
    padding: 1px 4px 1px 2px;
    color: #fff;
    font-size: 10px;
    font-style: italic;
    font-weight: bold;
    line-height: 11px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4)
}

@media only screen and (max-width: 1200px) {
    .tools ul li {
        padding-right: 8px;
        padding-left: 8px
    }
    .tools ul li a {
        font-size: 12px
    }
    .tools .extra-tools {
        font-size: 12px
    }
}

@media only screen and (max-width: 997px) {
    .tools ul li {
        padding-right: 5px;
        padding-left: 5px
    }
    .tools ul li a {
        font-size: 12px
    }
    .tools .extra-tools {
        font-size: 12px
    }
}

@media only screen and (max-width: 920px) {
    .tools ul li {
        padding-right: 2px;
        padding-left: 2px
    }
    .tools ul li a {
        font-size: 10px
    }
    .tools ul li a:before {
        position: relative;
        display: inline-block;
        content: " ";
        top: -2px;
        vertical-align: middle;
        zoom: 0.75;
        -moz-transform: scale(0.75);
        -moz-transform-origin: 0 0
    }
    .tools ul li a.home::before {
        background: url("../images/main_sprite_dark.svg") no-repeat 0px -100px;
        zoom: 0.75;
        -moz-transform: scale(0.75);
        -moz-transform-origin: 0 0;
        width: 16px;
        height: 12px
    }
    .tools ul li a.howtoplay::before {
        background: url("../images/main_sprite_dark.svg") no-repeat -50px -100px;
        width: 16px;
        height: 16px
    }
    .tools ul li a.livescore::before {
        background: url("../images/main_sprite_dark.svg") no-repeat -100px -100px;
        width: 16px;
        height: 16px
    }
    .tools ul li a.statistics::before {
        background: url("../images/main_sprite_dark.svg") no-repeat -150px -100px;
        width: 13px;
        height: 16px
    }
    .tools ul li a.results::before {
        background: url("../images/main_sprite_dark.svg") no-repeat -200px -100px;
        width: 19px;
        height: 15px
    }
    .tools ul li a.contact::before {
        background: url("../images/main_sprite_dark.svg") no-repeat -250px -100px;
        width: 16px;
        height: 14px
    }
    .tools ul li a.pambazuka::before {
        background: url('../../img/tools_pnl.png') no-repeat;
        background-size: contain;
        width: 16px;
        height: 16px
    }
    .tools ul li a.news::before {
        background: url("../images/main_sprite_dark.svg") no-repeat -1150px -100px;
        width: 16px;
        height: 16px
    }
    .tools .extra-tools {
        font-size: 10px
    }
    .tools #help {
        color: #fff;
        font-weight: 700;
        padding-right: 5px
    }
    .tools #help:before {
        zoom: 0.75;
        -moz-transform: scale(0.75);
        -moz-transform-origin: 0 0
    }
    .tools time:before {
        zoom: 0.75;
        -moz-transform: scale(0.75);
        -moz-transform-origin: 0 0
    }
    .tools .twitter {
        padding-right: 5px
    }
    .tools .twitter:before {
        zoom: 0.75;
        -moz-transform: scale(0.75);
        -moz-transform-origin: 0 0
    }
    .tools .youtube {
        padding-right: 5px
    }
    .tools .youtube:before {
        zoom: 0.75;
        -moz-transform: scale(0.75);
        -moz-transform-origin: 0 0
    }
    .tools .facebook {
        padding-right: 5px;
        text-indent: -9999px
    }
    .tools .facebook:before {
        zoom: 0.75;
        -moz-transform: scale(0.75);
        -moz-transform-origin: 0 0
    }
    .tools .notification-new {
        top: -12px;
        width: 100%
    }
    .tools .notification-new .rectangle {
        font-size: 9px;
        line-height: 9px
    }
}

@media only screen and (max-width: 704px) {
    .tools ul li {
        padding-right: 2px;
        padding-left: 2px
    }
    .tools ul li a {
        font-size: 12px
    }
    .tools ul li a:before {
        display: none
    }
    .tools .extra-tools {
        font-size: 12px
    }
    .tools .extra-tools #mobile-site:before {
        display: none
    }
    .tools .extra-tools time:before {
        display: none
    }
}

.mobile-drawer {
    position: fixed;
    top: 55px;
    padding-top: 0px;
    width: 90%;
    background: var(--secondary);
    box-shadow: 0px 15px 12px 0px rgba(0, 0, 0, 0.22), 0px 19px 38px 0px rgba(0, 0, 0, 0.30);
    z-index: 1000;
    left: -100%;
    transition: all 0.2s ease-in;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto
}

.mobile-drawer::-webkit-scrollbar {
    -webkit-appearance: none
}

.mobile-drawer ul {
    border-bottom: 1px;
    padding: 0px;
    margin: 0px
}

.mobile-drawer ul li {
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 0px
}

.mobile-drawer ul li .search-bar-container {
    max-width: 90%
}

.mobile-drawer ul li>.search-bar-component {
    width: 100%
}

.mobile-drawer ul li .global-search-input-menu {
    max-width: 100%;
    margin-bottom: 15px;
    margin-top: 0px;
}

.mobile-drawer ul li .global-search-input-menu>.search-bar-input {
    color: #fff
}

.mobile-drawer ul li .mobile-search-bar-links-container-menu {
    position: initial;
    width: 100%;
    left: -33px;
    margin: 0 !important;
    height: auto !important;
    text-align: left !important;
    line-height: initial !important
}

.mobile-drawer ul li .search-bar-links-mobile-menu ul li {
    padding-bottom: 0px
}

.mobile-drawer ul li .search-bar-links-mobile-menu ul li .global-search-section-title {
    margin: 8px
}

.mobile-drawer ul li .search-bar-links-mobile-menu ul li a,
.mobile-drawer ul li .search-bar-links-mobile-menu ul li .opera-logout {
    margin-left: -16px;
    height: 32px
}

.mobile-drawer ul li .search-bar-links-mobile-menu ul li a span,
.mobile-drawer ul li .search-bar-links-mobile-menu ul li .opera-logout span {
    margin: 0px !important
}

.mobile-drawer ul li a,
.mobile-drawer ul li .opera-logout {
    display: block;
    height: 48px;
    width: 100%;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding-left: 32px;
    line-height: 48px;
    text-transform: capitalize;
    white-space: nowrap
}

.mobile-drawer ul li a.desktop-version,
.mobile-drawer ul li .opera-logout.desktop-version {
    padding-left: 40px
}

.mobile-drawer ul li a:before,
.mobile-drawer ul li .opera-logout:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: -2px;
    vertical-align: middle;
    right: 5px
}

.mobile-drawer ul li a.home::before,
.mobile-drawer ul li .opera-logout.home::before {
    background: url("../images/main_sprite_dark.svg") no-repeat 0 -100px;
    width: 16px;
    height: 16px
}

.mobile-drawer ul li a.howtoplay::before,
.mobile-drawer ul li .opera-logout.howtoplay::before {
    background: url("../images/main_sprite_dark.svg") no-repeat -50px -100px;
    width: 16px;
    height: 16px
}

.mobile-drawer ul li a.mobile::before,
.mobile-drawer ul li .opera-logout.mobile::before {
    background: url("../images/main_sprite_dark.svg") no-repeat -300px -100px;
    width: 16px;
    height: 16px;
    left: -2px
}

.mobile-drawer ul li a.livegames::before,
.mobile-drawer ul li .opera-logout.livegames::before {
    background: url("../images/main_sprite_dark.svg") no-repeat -1400px -200px;
    width: 16px;
    height: 16px
}

.mobile-drawer ul li a.livegamesZa::before,
.mobile-drawer ul li .opera-logout.livegamesZa::before {
    background: url("../../img/live_symbol@2x.png") no-repeat;
    background-size: 15px 15px;
    width: 15px;
    height: 15px
}

.mobile-drawer ul li a.custom_bets::before,
.mobile-drawer ul li .opera-logout.custom_bets::before {
    background: url("../images/main_sprite_dark.svg") no-repeat -1450px -200px;
    width: 16px;
    height: 16px
}

.mobile-drawer ul li a.casino::before,
.mobile-drawer ul li .opera-logout.casino::before {
    background: url("../images/main_sprite_dark.svg") no-repeat -350px -1400px;
    width: 16px;
    top: -1px;
    height: 16px
}

.mobile-drawer ul li a.livescore::before,
.mobile-drawer ul li .opera-logout.livescore::before {
    background: url("../images/main_sprite_dark.svg") no-repeat -100px -100px;
    width: 16px;
    height: 16px
}

.mobile-drawer ul li a.statistics::before,
.mobile-drawer ul li .opera-logout.statistics::before {
    background: url("../images/main_sprite_dark.svg") no-repeat -150px -100px;
    width: 13px;
    height: 16px
}

.mobile-drawer ul li a.results::before,
.mobile-drawer ul li .opera-logout.results::before {
    background: url("../images/main_sprite_dark.svg") no-repeat -200px -100px;
    width: 19px;
    height: 16px
}

.mobile-drawer ul li a.contact::before,
.mobile-drawer ul li .opera-logout.contact::before {
    background: url("../images/main_sprite_dark.svg") no-repeat -250px -100px;
    width: 16px;
    height: 16px
}

.mobile-drawer ul li a.pambazuka::before,
.mobile-drawer ul li .opera-logout.pambazuka::before {
    background: url('../../img/tools_pnl.png') no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px
}

.mobile-drawer ul li a.news::before,
.mobile-drawer ul li .opera-logout.news::before {
    background: url("../images/main_sprite_dark.svg") no-repeat -1150px -100px;
    width: 16px;
    height: 16px
}

.mobile-drawer ul li a.desktop-version::before,
.mobile-drawer ul li .opera-logout.desktop-version::before {
    margin: 0 10px 0;
    background: url("../images/main_sprite_dark.svg") no-repeat -800px -200px;
    width: 16px;
    height: 16px
}

.mobile-drawer ul li a.jackpot::before,
.mobile-drawer ul li .opera-logout.jackpot::before {
    background: url("../images/main_sprite_dark.svg") no-repeat -850px -200px;
    width: 16px;
    height: 16px;
    right: 8px
}

.mobile-drawer ul li a:hover,
.mobile-drawer ul li .opera-logout:hover {
    background-color: rgba(2, 11, 20, 1);
    transition: background-color 0.2s ease-out
}

.mobile-drawer ul li .notification-new {
    width: auto;
    position: static;
    display: inline-block
}

.mobile-drawer ul li .notification-new .rectangle {
    line-height: 14px
}

.global-search-input-menu-main {
    max-width: 100%;
    margin: 16px
}

.search-bar-links.global-search-input-menu-main {
    margin-top: -8px
}

.search-bar-links-container.global-search-input-menu-main {
    left: 0%;
    position: relative
}

.lightbox {
    position: fixed;
    background-color: rgba(0, 0, 0, .57);
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 999
}

.noScroll {
    height: auto;
    overflow: scroll;
    width: auto;
    position: relative
}

.mobile-scroll-clear {
    display: block;
    width: 100%;
    height: 200px
}

.mobile-sports .search-bar-container {
    width: 95%
}

@media only screen and (max-width: 767px) {
    .mobile-drawer-active {
        left: 0px;
        transition: all 0.4s ease-out;
        top: 55px
    }
    .noScroll {
        height: 100%;
        overflow: hidden;
        width: 100%;
        position: fixed
    }
}

.mobile-drawer::-webkit-scrollbar {
    display: none
}

#mobile-menu,
#mobile-menu ul {
    padding: 0;
    margin: 0;
    width: 90vw
}

#mobile-menu [disabled] {
    opacity: 0.5;
    pointer-events: none
}

#mobile-menu li {
    border: none;
    display: flex;
    flex-flow: row
}

#mobile-menu li>* {
    justify-content: flex-end;
    padding-left: 32px
}

#mobile-menu li>view-changer {
    width: 100%;
    padding-left: 0px
}

#mobile-menu li.title {
    opacity: 0.6;
    font-weight: 600;
    padding: 10px 0px 0px 15px;
    border-top: solid 2px rgba(255, 255, 255, 0.2);
    width: inherit
}

#mobile-menu li.title:hover {
    background-color: initial
}

#mobile-menu .lp-link {
    width: 100%
}

#mobile-menu a:hover {
    background-color: rgba(0, 0, 0, 0.3);
    transition: background-color 0.2s ease-out
}

#mobile-menu a>span:first-child {
    margin: 0 10px 0
}

#mobile-menu span:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: -2px;
    vertical-align: middle
}

#mobile-menu span.home::before {
    background: url(/Content/images/icons/homem.svg) no-repeat center top !important;
    width: 15px;
    height: 16px
}

#mobile-menu span.howtoplay::before {
    background: url("../images/main_sprite_dark.svg") no-repeat -50px -100px;
    width: 15px;
    height: 16px
}

#mobile-menu span.mobile::before {
    background: url("../images/main_sprite_dark.svg") no-repeat -300px -100px;
    width: 15px;
    height: 16px;
    margin-right: 3px;
    left: 3px
}

#mobile-menu span.livegames::before {
    background: url(/Content/images/icons/livem.svg) no-repeat center top !important;
    width: 16px;
    height: 16px;
    margin-right: -1px
}

#mobile-menu span.virtual::before {
    background: url(/Content/images/icons/virtualm.svg) no-repeat center top !important;
    width: 16px;
    height: 16px;
    margin-right: -1px
}

#mobile-menu span.spinandwin::before {
    background: url(/Content/images/icons/spinm.svg) no-repeat center top !important;
    width: 16px;
    height: 16px;
    margin-right: -1px
}

#mobile-menu span.livegamesZa::before {
    background: url("../../img/live_symbol@2x.png") no-repeat;
    background-size: 15px 15px;
    width: 15px;
    height: 15px
}

#mobile-menu span.custom_bets::before {
    background: url("../images/main_sprite_dark.svg") no-repeat -1450px -200px;
    width: 15px;
    height: 16px
}

#mobile-menu span.casino::before {
    background: url(/Content/images/icons/casinom.svg) no-repeat center top !important;
    width: 16px;
    top: -1px;
    height: 16px
}

#mobile-menu span.tablegames::before {
    background: url(/Content/images/icons/tablegames.svg) no-repeat center top !important;
    width: 16px;
    top: -1px;
    height: 16px
}

#mobile-menu span.scratchcards::before {
    background: url(/Content/images/icons/scratchcards.svg) no-repeat center top !important;
    width: 16px;
    top: -1px;
    height: 16px
}

#mobile-menu span.instantwin::before {
    background: url(/Content/images/icons/instantwin.svg) no-repeat center top !important;
    width: 16px;
    top: -1px;
    height: 16px
}

#mobile-menu span.livescore::before {
    background: url("../images/main_sprite_dark.svg") no-repeat -100px -100px;
    width: 15px;
    height: 16px
}

#mobile-menu span.statistics::before {
    background: url("../images/main_sprite_dark.svg") no-repeat -150px -100px;
    width: 15px;
    height: 16px
}

#mobile-menu span.results::before {
    background: url("../images/main_sprite_dark.svg") no-repeat -200px -100px;
    width: 19px;
    height: 16px;
    margin-right: -3px;
    left: -2px
}

#mobile-menu span.contact::before {
    background: url("../images/main_sprite_dark.svg") no-repeat -250px -100px;
    width: 15px;
    height: 16px
}

#mobile-menu span.pambazuka::before {
    background: url('../../img/tools_pnl.png') no-repeat;
    background-size: contain;
    width: 15px;
    height: 16px
}

#mobile-menu span.news::before {
    background: url("../images/main_sprite_dark.svg") no-repeat -1150px -100px;
    width: 15px;
    height: 16px
}

#mobile-menu span.desktop-version::before {
    background: url("../images/main_sprite_dark.svg") no-repeat -800px -200px;
    width: 15px;
    height: 16px
}

#mobile-menu span.jackpot::before {
    background: url(/Content/images/icons/jackpotm.svg) no-repeat center top !important;
    width: 16px;
    height: 16px
}

#mobile-menu span.world:before {
    top: -1px;
    left: 1px;
    background: url("../images/main_sprite_dark.svg") no-repeat -1200px -200px;
    width: 15px;
    height: 15px
}

#mobile-menu span.logout:before {
    background: url("../images/main_sprite_dark.svg") no-repeat -1100px -100px;
    width: 15px;
    height: 15px;
    margin-right: 4px
}

    #mobile-menu span.language:before {
        background: url("../images/main_sprite_dark.svg") no-repeat -1200px -200px;
        width: 15px;
        height: 15px;
        margin-right: 4px
    }




#mobile-menu span.manage-account:before {
    background: url("../images/main_sprite_dark.svg") no-repeat 0px -1400px;
    width: 15px;
    height: 15px
}

#mobile-menu span.transactions:before {
    background: url(/Content/images/icons/transactionm.svg) no-repeat center top !important;
    width: 15px;
    height: 20px
}

#mobile-menu span.deposit:before {
    background: url(/Content/images/icons/depm.svg) no-repeat center top !important;
    width: 15px;
    height: 15px
}

#mobile-menu span.bet-history:before {
    background: url(/Content/images/icons/historym.svg) no-repeat center top !important;
    width: 15px;
    height: 15px
}

#mobile-menu span.withdraw:before {
    background: url(/Content/images/icons/withdrawm.svg) no-repeat center top !important;
    width: 15px;
    height: 15px
}

.z-index-max {
    z-index: 1600 !important
}

.modal.in .modal-component {
    opacity: 1
}

body:not(.touch-device) .modal-component {
    top: 50%;
    transform: translateY(-50%) !important;
    margin: 80px auto
}

.modal-component {
    margin: 68px auto;
    max-width: 380px;
    opacity: 0;
    transition: opacity 0.8s linear !important
}

.modal-component .modal-content {
    border: none;
    border-radius: 16px;
    color: #3b3b40;
    font-size: 12px;
    line-height: 17px;
    padding: 16px 32px;
    background-color: #fff;
    text-align: center
}

.modal-component .modal-content h4 {
    font-weight: bold;
    font-size: 14px
}

.modal-component .modal-content p {
    text-align: left;
    opacity: 0.6
}

.modal-component .modal-content .modal-dialog-title {
    color: #3b3b3f;
    font-weight: bold;
    font-size: 20px;
    line-height: 27px;
    margin: 0 0 16px
}

.modal-component .modal-content .modal-dialog-close {
    position: absolute;
    top: 16px;
    right: 16px;
    background-color: rgba(39, 53, 121, 0.2);
    background-image: url("../images/main_sprite_dark.svg");
    background-position: -243px -1193px;
    background-repeat: no-repeat;
    opacity: 0.4;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    cursor: pointer
}

.modal-component .modal-content .modal-dialog-close:hover {
    opacity: 1
}

.modal-component .modal-content .modal-dialog-errors {
    border: 1px solid #eda9a9;
    border-radius: 3px;
    background-color: #ffe8e8;
    padding: 7px 8px 12px 30px;
    margin-bottom: 16px;
    opacity: 0.9;
    color: #e30000;
    font-size: 12px;
    line-height: 17px;
    text-align: left;
    position: relative
}

.modal-component .modal-content .modal-dialog-errors .title {
    font-weight: 600;
    display: block;
    margin: 0 0 4px
}

.modal-component .modal-content .modal-dialog-errors:before {
    content: " ";
    background-image: url("../images/main_sprite_dark.svg");
    background-position: -100px -1500px;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 8px;
    top: 8px
}

.modal-component .modal-content .modal-dialog-errors button {
    color: #273579;
    background-color: #fff;
    border-radius: 4px;
    padding: 8px 16px;
    height: unset;
    width: auto;
    text-transform: unset;
    font-size: 12px;
    line-height: 17px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.32)
}

.modal-component .modal-content input[type="text"],
.modal-component .modal-content input[type="date"],
.modal-component .modal-content input[type="password"],
.modal-component .modal-content input[type="email"] {
    border: 1px solid #bfbfbf;
    border-radius: 8px;
    padding: 15px;
    color: #3b3b3f;
    width: 100%
}

.modal-component .modal-content button,
.modal-component .modal-content input[type="submit"],
.modal-component .modal-content input[type="reset"],
.modal-component .modal-content input[type="button"] {
    height: 50px;
    width: 100%;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 8px;
    color: #fff;
    background-color: #273579
}

.modal-component .modal-content button:hover,
.modal-component .modal-content input[type="submit"]:hover,
.modal-component .modal-content input[type="reset"]:hover,
.modal-component .modal-content input[type="button"]:hover,
.modal-component .modal-content button:focus,
.modal-component .modal-content input[type="submit"]:focus,
.modal-component .modal-content input[type="reset"]:focus,
.modal-component .modal-content input[type="button"]:focus {
    outline: 0;
    color: #fff;
    opacity: 0.8
}

.modal-component .modal-content button[disabled],
.modal-component .modal-content input[type="submit"][disabled],
.modal-component .modal-content input[type="reset"][disabled],
.modal-component .modal-content input[type="button"][disabled] {
    opacity: 0.2
}

.modal-component .modal-content small {
    font-size: 9px;
    line-height: 11px;
    color: #bfbfbf;
    display: block
}

.external-icon,
.external-icon-clear {
    background-image: url("../../../img/casino_main_sprite_dark.svg");
    background-repeat: no-repeat;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 4px
}

.external-icon {
    background-position: -150px -100px
}

.external-icon-clear {
    background-position: -750px -100px
}

.success-tick {
    display: block;
    margin: auto;
    background: url("../images/main_sprite_dark.svg") no-repeat -150px -600px;
    width: 49px;
    height: 49px
}

@media only screen and (max-width: 420px) {
    .modal-component {
        margin: 44px 16px;
        max-width: unset
    }
    .modal-component .modal-content {
        padding: 16px
    }
}

@media only screen and (max-width: 374px) {
    .modal-component {
        margin: 44px 8px
    }
    .modal-component .modal-content .modal-dialog-title {
        font-size: 18px
    }
    .modal-component .modal-content button,
    .modal-component .modal-content input[type="submit"],
    .modal-component .modal-content input[type="reset"],
    .modal-component .modal-content input[type="button"] {
        height: 44px
    }
}

@media only screen and (max-width: 280px) {
    .modal-component {
        margin: 40px 1px
    }
    .modal-component .modal-content button,
    .modal-component .modal-content input[type="submit"],
    .modal-component .modal-content input[type="reset"],
    .modal-component .modal-content input[type="button"] {
        height: 40px
    }
}

.modal-transfer .transfer-heading {
    background-image: url('../../../img/transfer_dialog_heading.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom center;
    width: 100%;
    height: 94px;
    margin-top: -68px;
    margin-bottom: -17px
}

.modal-transfer .transfer-success-heading {
    display: block;
    margin: auto;
    margin-bottom: 16px;
    margin-top: 8px;
    background: url("../images/main_sprite_dark.svg") no-repeat -150px -600px;
    width: 49px;
    height: 49px
}

.modal-transfer .modal-transfer-content.transfer-sent {
    background-image: url("../../../img/spin.gif");
    background-position: center center;
    background-repeat: no-repeat
}

.modal-transfer .modal-transfer-content.transfer-sent>* {
    visibility: hidden
}

.modal-transfer .wallets-container {
    color: #273579;
    display: flex;
    margin-bottom: 16px;
    cursor: pointer
}

.modal-transfer .wallets-container .wallet {
    background-color: #eeeff4;
    position: relative;
    padding: 8px;
    width: 50%;
    margin-right: 2px
}

.modal-transfer .wallets-container .wallet:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    background-color: #dcdee7
}

.modal-transfer .wallets-container .wallet:first-child:after,
.modal-transfer .wallets-container .wallet:first-child:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.modal-transfer .wallets-container .wallet:first-child:after {
    border-color: rgba(220, 222, 231, 0);
    border-left-color: #dcdee7;
    border-width: 8px;
    margin-top: -8px;
    z-index: 2
}

.modal-transfer .wallets-container .wallet:first-child:before {
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #fff;
    border-width: 11px;
    margin-top: -11px;
    z-index: 1
}

.modal-transfer .wallets-container .wallet:last-child {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: #eeeff4;
    margin-right: 0
}

.modal-transfer .wallets-container .wallet .wallet-title {
    font-weight: bold
}

.modal-transfer .wallets-container.withdraw .wallet:first-child {
    background-color: #eeeff4
}

.modal-transfer .wallets-container.withdraw .wallet:first-child:after,
.modal-transfer .wallets-container.withdraw .wallet:first-child:before {
    content: none
}

.modal-transfer .wallets-container.withdraw .wallet:last-child {
    background-color: #dcdee7
}

.modal-transfer .wallets-container.withdraw .wallet:last-child:after,
.modal-transfer .wallets-container.withdraw .wallet:last-child:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.modal-transfer .wallets-container.withdraw .wallet:last-child:after {
    border-color: rgba(220, 222, 231, 0);
    border-right-color: #dcdee7;
    border-width: 8px;
    margin-top: -8px;
    z-index: 2
}

.modal-transfer .wallets-container.withdraw .wallet:last-child:before {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 11px;
    margin-top: -11px;
    z-index: 1
}

.modal-transfer .transfer-summary {
    margin-bottom: 16px;
    color: #48424e;
    display: flex;
    justify-content: center
}

.modal-transfer .transfer-summary .transfer-summary-labels {
    text-align: right;
    opacity: 0.6;
    margin-right: 8px
}

.modal-transfer .transfer-summary .transfer-summary-values {
    text-align: left;
    font-weight: bold
}

.modal-transfer .transfer-balance {
    text-align: left;
    margin-bottom: 16px;
    color: #48424e
}

.modal-transfer .transfer-balance span:not(.transfer-balance-amount) {
    opacity: 0.6
}

.modal-transfer .transfer-balance .transfer-balance-amount {
    float: right;
    font-weight: bold
}

.modal-transfer .button-container {
    display: flex;
    justify-content: space-between
}

.modal-transfer .button-container button,
.modal-transfer .button-container input[type="submit"],
.modal-transfer .button-container input[type="reset"],
.modal-transfer .button-container input[type="button"] {
    width: 50%;
    height: auto;
    margin: 0 4px
}

.modal-transfer .button-container button:first-child,
.modal-transfer .button-container input[type="submit"]:first-child,
.modal-transfer .button-container input[type="reset"]:first-child,
.modal-transfer .button-container input[type="button"]:first-child {
    margin-left: 0
}

.modal-transfer .button-container button:last-child,
.modal-transfer .button-container input[type="submit"]:last-child,
.modal-transfer .button-container input[type="reset"]:last-child,
.modal-transfer .button-container input[type="button"]:last-child {
    margin-right: 0
}

.modal-casino-games-error .modal-casino-games-error-heading {
    background: transparent;
    -webkit-filter: brightness(2) grayscale(1);
    filter: brightness(2) grayscale(1);
    height: 49px;
    margin: auto;
    margin-bottom: 16px;
    margin-top: 8px;
    position: relative;
    width: 49px
}

.modal-casino-games-error .modal-casino-games-error-heading::after {
    background: url("../images/main_sprite_dark.svg") no-repeat -50px -1500px;
    content: "";
    height: 13px;
    left: 0;
    position: absolute;
    top: 0;
    width: 13px;
    zoom: 4
}

.modal-casino-games-error .modal-dialog-title {
    color: #3b3b40;
    font-size: 20px;
    font-weight: bold;
    line-height: 27px;
    text-align: center
}

.modal-casino-games-error .modal-dialog-body {
    color: #3c3a43;
    font-size: 12px;
    font-weight: 600;
    line-height: 17px;
    margin-bottom: 16px;
    opacity: 0.6;
    text-align: center
}

.modal-casino-games-error .btn {
    height: initial !important;
    min-height: 50px !important;
    overflow: hidden;
    white-space: pre-line
}

.modal-casino-games-error .btn:not(:last-child) {
    margin-bottom: 8px
}

@media only screen and (max-width: 374px) {
    .modal-casino-games-error .modal-dialog-title {
        font-size: 20px !important
    }
}

.modal-quick-deposit {
    text-align: left;
    font-size: 14px
}

.modal-quick-deposit h1 {
    text-align: center
}

.modal-quick-deposit p {
    color: #3b3b3f;
    font-weight: bold;
    line-height: 19px;
    opacity: 1 !important
}

.modal-quick-deposit .quick-deposit-actions {
    opacity: 0;
    transition: opacity 1s;
    transition-delay: 1s;
    transition-timing-function: linear
}

.modal-quick-deposit .quick-deposit-actions.loaded {
    opacity: 1
}

.modal-quick-deposit .quick-deposit-amounts {
    margin-top: 16px;
    text-transform: uppercase;
    opacity: 0.6;
    color: #3b3b40;
    font-size: 12px;
    font-weight: 600;
    line-height: 17px
}

.modal-quick-deposit .quick-deposit-amounts div {
    display: flex;
    justify-content: space-between
}

.modal-quick-deposit .deposit_using {
    font-weight: 600
}

.modal-quick-deposit form label,
.modal-quick-deposit form br {
    display: none
}

.modal-quick-deposit form .amount-input-group {
    margin: 12px 0 24px
}

.modal-quick-deposit form .amount-input-group .amount-input {
    width: 100% !important;
    box-shadow: none;
    height: auto;
    text-indent: 0;
    outline: 0
}

.modal-quick-deposit form .amount-input-group .amount-input.ng-invalid.ng-dirty {
    border: 1px solid #e30000
}

.modal-quick-deposit form .amount-input-group .amount-limits {
    color: #e30000;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 6px;
    word-break: break-word
}

.modal-quick-deposit .dropdown {
    display: inline-block;
    cursor: pointer
}

.modal-quick-deposit .dropdown>span {
    color: #192e8d;
    font-weight: bold
}

.modal-quick-deposit .dropdown>span .arrow-down {
    font-size: 18px;
    transform: rotate(90deg);
    display: inline-block;
    position: relative;
    top: 3px
}

.modal-quick-deposit .dropdown .dropdown-menu {
    border: 1px solid #cfcfcf;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 2px 16px 0 rgba(17, 27, 75, 0.24)
}

.modal-quick-deposit .dropdown .dropdown-menu li {
    padding: 8px 10px;
    font-weight: 600
}

.modal-quick-deposit .dropdown .dropdown-menu li:hover {
    background-color: #efefef
}

.modal-quick-deposit .dropdown .dropdown-menu li .filter-dropdown-tick.selected {
    filter: invert(100%)
}

.modal-quick-deposit .instructions {
    list-style-type: decimal;
    background-color: #efefef;
    color: #3c3a43;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    padding: 8px 16px 8px 32px;
    margin-top: 8px;
    margin-bottom: 0
}

.modal-quick-deposit .quick-deposit-success {
    color: #3b3b3f;
    font-size: 12px;
    line-height: 17px;
    text-align: center
}

.modal-quick-deposit .quick-deposit-success h2 {
    font-size: 16px;
    font-weight: bold;
    line-height: 22px
}

.modal-quick-deposit .quick-deposit-success span {
    opacity: 0.6
}

.modal-quick-deposit .quick-deposit-success .deposit-amount span:not(:first-child) {
    font-weight: bold;
    opacity: 1
}

body.touch-device .modal-component .modal-quick-deposit .instructions {
    max-height: 127px;
    overflow-y: auto;
    overflow-x: hidden
}

@media only screen and (min-width: 421px) {
    .modal-quick-deposit {
        padding: 8px 3px 19px
    }
    .modal-quick-deposit .modal-dialog-close {
        top: 25px !important;
        right: 35px !important
    }
}

@media only screen and (max-width: 374px) {
    .modal-quick-deposit form .amount-input-group {
        margin-bottom: 16px
    }
    .modal-quick-deposit form button {
        height: 40px !important
    }
    .modal-quick-deposit hr {
        margin-top: 12px;
        margin-bottom: 16px
    }
    .modal-quick-deposit .instructions {
        font-size: 11px;
        max-height: 113px;
        overflow-y: auto;
        overflow-x: hidden
    }
}

#plus18,
.plus18:before {
    display: inline-block;
    background: #d0021b;
    border: 2px solid #fff;
    border-radius: 9px;
    padding: 9px 15px 9px 15px;
    margin-bottom: 10px;
    text-decoration: none;
    font-size: 14px;
    color: #fff;
    font-weight: 800;
    cursor: pointer
}

.plus18:before {
    content: '18+'
}

.panel .panel-head {
    background-color: rgba(2, 11, 20, 1);
    padding-left: 8px
}

.panel .panel-head h2 {
    font-size: 14px;
    color: #fff;
    letter-spacing: 0.87px;
    font-weight: 500;
    line-height: 35px;
    text-transform: uppercase;
    margin-bottom: 1px
}

.panel .panel-body {
    background-color: #662483;
    padding: 10px;
    margin-bottom: 22px
}

.panel .panel-body p {
    display: block;
    text-align: center
}

.panel .panel-body .cta {
    text-align: center
}

.panel .panel-body .cta a {
    display: inline-block;
    padding: 5px 5px 5px 5px;
    background: rgba(82, 121, 148, 1);
    border: 1px solid rgba(25, 34, 126, 0.13);
    min-width: 80px;
    text-transform: uppercase;
    font-weight: 800;
    margin: 5px;
    color: #fff;
    text-transform: uppercase
}

.panel .panel-body .cta a:hover {
    background-color: rgba(2, 11, 20, 1);
    transition: all 0.2s
}

.betting-button {
    position: relative;
    font-size: 11px;
    font-weight: 600;
    text-align: left;
    display: block;
    background: linear-gradient(-179deg, rgba(23, 44, 55, 1) 2%, rgba(45, 74, 94, 1) 99%);
    border: 1px solid rgba(45, 74, 94, 1);
    padding: 6px 8px 6px 8px;
    color: #fff;
    text-transform: uppercase;
    margin-left: 1px;
    max-height: 30px;
    cursor: pointer;
    height: 30px
}

.betting-button:hover {
    border: 1px solid #00b8d4;
    background: #00b8d4;
    box-shadow: 0px 0px 5px 0px #00b8d4;
    color: #fff
}

.betting-button .favorite {
    text-indent: -999999px;
    position: relative;
    display: inline-block;
    content: " ";
    top: -5px;
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat -650px -200px;
    width: 14px;
    height: 14px;
    right: 3px
}

.betting-button .favorite:hover {
    background: url("../images/main_sprite_dark.svg") no-repeat -600px -200px
}

.favoritehover:hover {
    position: relative !important;
    font-size: 10px;
    font-weight: 700;
    text-align: left;
    display: block;
    background: linear-gradient(-179deg, rgba(23, 44, 55, 1) 2%, rgba(45, 74, 94, 1) 99%) !important;
    border: 1px solid rgba(45, 74, 94, 1) !important;
    padding: 6px 8px 6px 8px;
    color: #fff;
    text-transform: uppercase;
    margin-left: 1px;
    min-height: 30px;
    cursor: pointer;
    border: 0px solid #00b8d4;
    box-shadow: 0px 0px 0px 0px #00b8d4;
    color: #fff
}

.betting-button-inactive {
    font-size: 10px;
    font-weight: 700;
    text-align: left;
    display: block;
    background: rgba(255, 255, 255, 0.3);
    border: none;
    padding: 6px 8px 6px 8px;
    color: #fff;
    text-transform: uppercase;
    margin-left: 1px;
    min-height: 30px;
    cursor: default;
    opacity: 0.3
}

.betting-button-inactive:hover {
    border: none;
    background: rgba(255, 255, 255, 0.3);
    box-shadow: none;
    color: #fff
}

.selected-pick {
    border: 1px solid #00b8d4 !important;
    background: #00b8d4 !important;
    box-shadow: 0px 0px 5px 0px #00b8d4;
    color: #fff;
    transition: all 1s
}

.quick-bet .betting-button:after {
    content: "Direct Bet mode is active";
    position: absolute;
    background-image: url('../../img/quickbet-status/quickbet.png');
    height: 29px;
    width: 144px;
    background-size: contain;
    background-repeat: no-repeat;
    top: -3px;
    left: 50%;
    margin-left: -75px;
    font-size: 9px;
    padding-top: 5px;
    padding-left: 12px;
    opacity: 0;
    transition: all 0.3s
}

.quick-bet .disabled-picker {
    opacity: 0.4 !important;
    cursor: default !important
}

.quick-bet .disabled-picker:hover {
    background: linear-gradient(-179deg, rgba(23, 44, 55, 1) 2%, rgba(45, 74, 94, 1) 99%);
    border: 1px solid rgba(45, 74, 94, 1);
    box-shadow: none !important
}

.quick-bet .disabled-picker:hover:after {
    display: none !important
}

.quick-bet .betting-button:hover:after {
    content: "Direct Bet mode is active";
    position: absolute;
    display: block;
    background-image: url('../../img/quickbet-status/quickbet.png');
    height: 29px;
    width: 144px;
    background-size: contain;
    background-repeat: no-repeat;
    top: -13px;
    left: 50%;
    margin-left: -75px;
    font-size: 9px;
    padding-top: 5px;
    padding-left: 12px;
    opacity: 1;
    transition: all 0.3s;
    z-index: 9999
}

.quick-bet a[data-bet-status="placing"] {
    box-shadow: none !important
}

.quick-bet a[data-bet-status="placing"]:after {
    content: " " !important;
    display: block !important;
    position: absolute !important;
    z-index: 99;
    left: 0px;
    top: -1px;
    margin: 0px;
    margin-left: -1px;
    margin-right: -1px;
    width: 101% !important;
    height: 31px !important;
    background-image: url('../../img/quickbet-status/loader.gif') !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
    background-position: 50% 50%;
    background-size: 14px;
    opacity: 1 !important;
    transition: none !important
}

.quick-bet a[data-bet-status="placing"]:hover:after {
    content: " " !important;
    display: block !important;
    position: absolute !important;
    z-index: 99;
    left: 0px;
    top: -1px;
    margin: 0px;
    margin-left: -1px;
    margin-right: -1px;
    width: 101% !important;
    height: 31px !important;
    cursor: wait !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
    background-position: 50% 50%;
    background-size: 14px;
    opacity: 1 !important;
    transition: none !important
}

.quick-bet a[data-bet-status="success"] {
    box-shadow: none !important;
    background: #662483 !important;
    border: 1px solid #662483 !important
}

.quick-bet a[data-bet-status="success"]:after {
    content: " " !important;
    display: block !important;
    position: absolute !important;
    z-index: 99;
    left: 0px;
    top: -0.5px;
    margin: 0px;
    margin-left: -1px;
    margin-right: -1px;
    width: 100.5% !important;
    height: 30px !important;
    background-image: url('../../img/quickbet-status/success.png') !important;
    background-color: rgba(70, 152, 102, 0.7) !important;
    background-position: 50% 50%;
    background-size: 24px;
    opacity: 1 !important;
    transition: none !important
}

.quick-bet a[data-bet-status="success"]:hover:after {
    content: " " !important;
    display: block !important;
    position: absolute !important;
    z-index: 99;
    left: 0px;
    top: -0.5px;
    margin: 0px;
    margin-left: -1px;
    margin-right: -1px;
    width: 100.5% !important;
    height: 30px !important;
    cursor: default !important;
    background-image: url('../../img/quickbet-status/success.png') !important;
    background-color: rgba(70, 152, 102, 0.7) !important;
    background-position: 50% 50%;
    background-size: 24px;
    opacity: 1 !important;
    transition: none !important
}

.quick-bet a[data-bet-status="error"] {
    box-shadow: none !important;
    background: #9f4147 !important;
    border: 1px solid #9f4147 !important
}

.quick-bet a[data-bet-status="error"]:after {
    content: " " !important;
    display: block !important;
    position: absolute !important;
    z-index: 99;
    left: 0px;
    top: -0.5px;
    margin: 0px;
    margin-left: -1px;
    margin-right: -1px;
    width: 100.5% !important;
    height: 30px !important;
    background-image: url('../../img/quickbet-status/error.png') !important;
    background-color: rgba(195, 65, 71, 0.7) !important;
    background-position: 50% 50%;
    background-size: 20px;
    opacity: 1 !important;
    transition: none !important
}

.quick-bet a[data-bet-status="error"]:hover:after {
    content: " " !important;
    display: block !important;
    position: absolute !important;
    z-index: 99;
    left: 0px;
    top: -0.5px;
    margin: 0px;
    margin-left: -1px;
    margin-right: -1px;
    width: 100.5% !important;
    height: 30px !important;
    cursor: default !important;
    background-image: url('../../img/quickbet-status/error.png') !important;
    background-color: rgba(195, 65, 71, 0.7) !important;
    background-position: 50% 50%;
    background-size: 20px;
    opacity: 1 !important;
    transition: none !important
}

@media only screen and (max-width: 767px) {
    .betting-button-inactive {
        min-height: 48px !important
    }
    .betting-button {
        background-image: linear-gradient(-179deg, rgba(23, 44, 55, 1) 2%, #46718d 99%) !important;
        border: 1px solid #5f7d8e !important
    }
    .selected-pick {
        border: 1px solid #00b8d4 !important;
        background: #00b8d4 !important;
        box-shadow: 0px 0px 5px 0px #00b8d4;
        color: #fff;
        transition: all 1s
    }
    .extra-picks .betting-button-inactive {
        display: none !important
    }
    .quick-bet .betting-button:after {
        content: "Direct Bet mode is active";
        position: absolute;
        background-image: url('../../img/quickbet-status/quickbet.png');
        height: 48px !important;
        width: 144px;
        background-size: contain;
        background-repeat: no-repeat;
        top: -3px;
        left: 50%;
        margin-left: -75px;
        font-size: 9px;
        padding-top: 5px;
        padding-left: 12px;
        opacity: 0;
        transition: all 0.3s
    }
    .quick-bet .disabled-picker {
        opacity: 0.4 !important;
        cursor: default !important
    }
    .quick-bet .disabled-picker:hover {
        background: linear-gradient(-179deg, rgba(23, 44, 55, 1) 2%, rgba(45, 74, 94, 1) 99%);
        border: 1px solid rgba(45, 74, 94, 1);
        box-shadow: none !important
    }
    .quick-bet .disabled-picker:hover:after {
        display: none !important
    }
    .quick-bet .betting-button:hover:after {
        content: "Direct Bet mode is active";
        position: absolute;
        display: block;
        background-image: url('../../img/quickbet-status/quickbet.png');
        height: 48px !important;
        width: 144px;
        background-size: contain;
        background-repeat: no-repeat;
        top: -13px;
        left: 50%;
        margin-left: -75px;
        font-size: 9px;
        padding-top: 5px;
        padding-left: 12px;
        opacity: 1;
        transition: all 0.3s;
        z-index: 9999
    }
    .quick-bet a[data-bet-status="placing"] {
        box-shadow: none !important
    }
    .quick-bet a[data-bet-status="placing"]:after {
        content: " " !important;
        display: block !important;
        position: absolute !important;
        z-index: 99;
        left: 0px;
        top: -1px;
        margin: 0px;
        margin-left: -1px;
        margin-right: -1px;
        width: 101% !important;
        height: 48px !important;
        background-image: url('../../img/quickbet-status/loader.gif') !important;
        background-color: rgba(0, 0, 0, 0.5) !important;
        background-position: 50% 50%;
        background-size: 14px;
        opacity: 1 !important;
        transition: none !important
    }
    .quick-bet a[data-bet-status="placing"]:hover:after {
        content: " " !important;
        display: block !important;
        position: absolute !important;
        z-index: 99;
        left: 0px;
        top: -1px;
        margin: 0px;
        margin-left: -1px;
        margin-right: -1px;
        width: 101% !important;
        height: 48px !important;
        cursor: wait !important;
        background-color: rgba(0, 0, 0, 0.5) !important;
        background-position: 50% 50%;
        background-size: 14px;
        opacity: 1 !important;
        transition: none !important
    }
    .quick-bet a[data-bet-status="success"] {
        box-shadow: none !important;
        background: #662483 !important;
        border: 1px solid #662483 !important
    }
    .quick-bet a[data-bet-status="success"]:after {
        content: " " !important;
        display: block !important;
        position: absolute !important;
        z-index: 99;
        left: 0px;
        top: -0.5px;
        margin: 0px;
        margin-left: -1px;
        margin-right: -1px;
        width: 100.5% !important;
        height: 48px !important;
        background-image: url('../../img/quickbet-status/success.png') !important;
        background-color: rgba(70, 152, 102, 0.7) !important;
        background-position: 50% 50%;
        background-size: 24px;
        opacity: 1 !important;
        transition: none !important
    }
    .quick-bet a[data-bet-status="success"]:hover:after {
        content: " " !important;
        display: block !important;
        position: absolute !important;
        z-index: 99;
        left: 0px;
        top: -0.5px;
        margin: 0px;
        margin-left: -1px;
        margin-right: -1px;
        width: 100.5% !important;
        height: 48px !important;
        cursor: default !important;
        background-image: url('../../img/quickbet-status/success.png') !important;
        background-color: rgba(70, 152, 102, 0.7) !important;
        background-position: 50% 50%;
        background-size: 24px;
        opacity: 1 !important;
        transition: none !important
    }
    .quick-bet a[data-bet-status="error"] {
        box-shadow: none !important;
        background: #9f4147 !important;
        border: 1px solid #9f4147 !important
    }
    .quick-bet a[data-bet-status="error"]:after {
        content: " " !important;
        display: block !important;
        position: absolute !important;
        z-index: 99;
        left: 0px;
        top: -0.5px;
        margin: 0px;
        margin-left: -1px;
        margin-right: -1px;
        width: 100.5% !important;
        height: 48px !important;
        background-image: url('../../img/quickbet-status/error.png') !important;
        background-color: rgba(195, 65, 71, 0.7) !important;
        background-position: 50% 50%;
        background-size: 20px;
        opacity: 1 !important;
        transition: none !important
    }
    .quick-bet a[data-bet-status="error"]:hover:after {
        content: " " !important;
        display: block !important;
        position: absolute !important;
        z-index: 99;
        left: 0px;
        top: -0.5px;
        margin: 0px;
        margin-left: -1px;
        margin-right: -1px;
        width: 100.5% !important;
        height: 48px !important;
        cursor: default !important;
        background-image: url('../../img/quickbet-status/error.png') !important;
        background-color: rgba(195, 65, 71, 0.7) !important;
        background-position: 50% 50%;
        background-size: 20px;
        opacity: 1 !important;
        transition: none !important
    }
}

.jackpot-banner {
    display: block;
    width: 100%;
    position: relative
}

.jackpot-banner.jackpot-prizes {
    box-shadow: inset 0px 0px 15px #000;
    background-color: #662483;
    background-attachment: fixed
}

.jackpot-banner.jackpot-prizes.lazy-loaded:not(.mobile) {
    background-image: url('../../img/bg-jackpot-desktop.jpg');
    background-size: contain
}

.jackpot-banner.jackpot-prizes.lazy-loaded.mobile {
    background-image: url('../../img/bg-jackpot-tablet.jpg');
    background-size: cover
}

.jackpot-banner .unslider-arrow-multijackpot {
    position: absolute;
    cursor: pointer;
    top: 50%;
    zoom: 0.45;
    padding: 30px;
    transform: translateY(-50%);
    border-radius: 42px;
    border: 2px solid #fff;
    z-index: 1
}

.jackpot-banner .unslider-arrow-multijackpot.back {
    -moz-transform: scale(0.45);
    -moz-transform-origin: 0% -25%;
    left: 50px;
    background: rgba(39, 53, 121, 0.6) url("../images/main_sprite_dark.svg") 20px -385px
}

.jackpot-banner .unslider-arrow-multijackpot.next {
    -moz-transform: scale(0.45);
    -moz-transform-origin: 100% -25%;
    right: 50px;
    background: rgba(39, 53, 121, 0.6) url("../images/main_sprite_dark.svg") -27px -385px
}

.jackpot-banner .multijackpot-prizes {
    text-align: center;
    opacity: 0.8;
    color: #dfe3e9;
    font-size: 14px;
    line-height: 11px;
    padding-bottom: 16px;
    text-decoration: underline;
    cursor: pointer
}

.jackpot-banner .multijackpot-prizes span {
    font-weight: 600
}

.jackpot-banner .multijackpot-prizes span:hover {
    opacity: 0.6
}

.jackpot-banner ul {
    position: relative;
    list-style-type: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-around;
    align-items: center;
    min-height: 120px;
    padding: 0px;
    margin: 0px
}

.jackpot-banner ul li {
    margin: 0px;
    padding: 0px;
    /*position: absolute;*/
    width: 100%;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.2s ease-out;
	right:0%;
}

.jackpot-banner ul li.active-slide {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.2s ease-in 0.5s
}

.jackpot-banner ul li .copy {
    display: inline-block;
    width: auto;
    text-align: right
}

.jackpot-banner ul li .copy span:first-child {
    display: block;
    font-weight: 300;
    font-size: 26px;
    margin-bottom: -10px;
    color: #fff;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.96);
    text-transform: uppercase
}

.jackpot-banner ul li .copy span:last-child {
    display: block;
    font-weight: 700;
    font-size: 26px;
    color: #fff;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.96);
    text-transform: uppercase
}

.jackpot-banner ul li .copy span:last-child:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: -2px;
    right: 5px;
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat -300px -600px;
    width: 24px;
    height: 20px
}

.jackpot-banner ul li .multijackpot-jackpot {
    display: block;
    width: auto;
    text-align: center
}

.jackpot-banner ul li .multijackpot-jackpot span:last-child {
    font-weight: 500;
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 0
}

.jackpot-banner ul li .multijackpot-jackpot span:last-child:before {
    display: none
}

.jackpot-banner ul li .amount {
    display: inline-block;
    width: auto;
    font-weight: 700;
    font-size: 60px;
    color: #fdcb0a;
    line-height: 38px;
    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.94), 0px 2px 0px #ea9203
}

.jackpot-banner ul li .multijackpot-amount {
    font-size: 60px;
    line-height: 60px
}

.jackpot-banner ul li.jackpot-prize:hover * {
    transition: all 0.5s;
    text-shadow: 0px 0px 30px #efe815 !important
}

.jackpot-banner ul li * {
    transition: all 0.5s
}

@-webkit-keyframes scroll {
    100% {
        background-position: 0px 6000px;
    }
}

@-moz-keyframes scroll {
    100% {
        background-position: 0px 6000px;
    }
}

@-o-keyframes scroll {
    100% {
        background-position: 0px 6000px;
    }
}

@-ms-keyframes scroll {
    100% {
        background-position: 0px 6000px;
    }
}

@keyframes scroll {
    100% {
        background-position: 0px 6000px;
    }
}

@media only screen and (max-width: 955px) {
    .jackpot-banner {
        display: block
    }
    .jackpot-banner ul li .copy span:first-child {
        color: #fff;
        text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.96);
        text-transform: uppercase
    }
    .jackpot-banner ul li .copy span:last-child {
        display: block;
        font-weight: 700;
        color: #fff;
        text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.96);
        text-transform: uppercase
    }
}

@media only screen and (max-width: 640px) {
    .jackpot-banner.jackpot-prizes.lazy-loaded {
        background-image: url('../../img/bg-jackpot-mobile.jpg') !important;
        background-size: cover
    }
}

@media only screen and (min-width: 641px) and (max-width: 767px) {
    .jackpot-banner.jackpot-prizes.lazy-loaded {
        background-image: url('../../img/bg-jackpot-tablet.jpg') !important
    }
}

@media only screen and (min-width: 768px) and (max-width: 1053px) {
    .jackpot-banner.jackpot-prizes.lazy-loaded {
        background-image: url('../../img/bg-jackpot-tablet.jpg') !important;
        background-size: cover
    }
}

@media only screen and (max-width: 767px) {
    .jackpot-banner ul li {
        text-align: center !important;
        font-size: 0px
    }
    .jackpot-banner ul li .copy {
        display: block;
        text-align: center !important
    }
    .jackpot-banner ul li .copy span:first-child {
        display: inline-block !important;
        font-size: 14px;
        color: #fff;
        text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.96);
        text-transform: uppercase
    }
    .jackpot-banner ul li .copy span:last-child {
        display: inline-block !important;
        font-weight: 700;
        font-size: 14px;
        color: #fff;
        text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.96);
        text-transform: uppercase;
        margin-left: 5px
    }
    .jackpot-banner ul li .copy span:last-child:before {
        display: none
    }
    .jackpot-banner ul li .amount {
        font-size: 34px
    }
}

@media only screen and (max-width: 576px) {
    .jackpot-banner ul li {
        text-align: center
    }
    .jackpot-banner ul li .copy span:first-child {
        display: inline-block !important;
        font-size: 14px;
        margin-bottom: -5px;
        color: #fff;
        text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.96);
        text-transform: uppercase
    }
    .jackpot-banner ul li .copy span:last-child {
        display: inline-block !important;
        font-weight: 700;
        font-size: 14px;
        color: #fff;
        text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.96);
        text-transform: uppercase
    }
    .jackpot-banner ul li .copy span:last-child:before {
        display: none
    }
    .jackpot-banner ul li .amount {
        font-size: 30px
    }
}

@media only screen and (max-width: 480px) {
    .multijackpot-banner {
        min-height: 80px !important
    }
    .multijackpot-banner ul {
        min-height: 60px !important
    }
    .jackpot-banner {
        min-height: 75px
    }
    .jackpot-banner ul {
        min-height: 75px
    }
    .jackpot-banner ul li {
        text-align: center
    }
    .jackpot-banner ul li .copy span:first-child {
        display: inline-block !important;
        font-size: 12px;
        color: #fff;
        text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.96);
        text-transform: uppercase;
        display: none !important
    }
    .jackpot-banner ul li .copy span:last-child {
        display: inline-block !important;
        font-weight: 700;
        font-size: 14px;
        color: #fff;
        text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.96);
        text-transform: uppercase
    }
    .jackpot-banner ul li .copy span:last-child:before {
        display: none
    }
    .jackpot-banner ul li .amount {
        margin-top: -10px;
        font-size: 18px
    }
    .jackpot-banner ul li .multijackpot-amount {
        margin-top: 4px;
        font-size: 26px;
        line-height: 27px
    }
    .jackpot-banner ul li .multijackpot-jackpot span:last-child {
        font-size: 12px;
        line-height: 11px;
        font-weight: normal
    }
    .jackpot-banner .multijackpot-prizes {
        font-size: 11px;
        padding-bottom: 0
    }
    .jackpot-banner .unslider-arrow-multijackpot {
        zoom: 0.4
    }
    .jackpot-banner .unslider-arrow-multijackpot.back {
        left: 16px;
        -moz-transform: scale(0.4);
        -moz-transform-origin: 0 -25%
    }
    .jackpot-banner .unslider-arrow-multijackpot.next {
        right: 16px;
        -moz-transform: scale(0.4);
        -moz-transform-origin: 100% -25%
    }
}

.header-announcement {
    visibility: hidden;
    flex-grow: 8;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    order: 2
}

.header-announcement ul {
    position: relative;
    list-style-type: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 90px;
    padding: 0px;
    margin: 0px
}

.header-announcement ul li {
    margin: 0px;
    padding: 0px
}

.header-announcement ul li .central-banner {
    display: inline-block;
    width: 38%;
    vertical-align: top
}

.header-announcement ul li .central-banner:hover {
    transition: all 0.5s
}

.header-announcement ul li .copy {
    display: inline-block;
    width: auto;
    text-align: right
}

.header-announcement ul li .copy span:first-child {
    display: block;
    font-weight: 300;
    font-size: 12px;
    margin-bottom: -5px;
    color: #fff;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.96);
    text-transform: uppercase
}

.header-announcement ul li .copy span:last-child {
    display: block;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.96);
    text-transform: uppercase
}

.header-announcement ul li .copy span:last-child:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: -3px;
    right: 5px;
    vertical-align: middle;
    background: url("../images/icons/jackpot.svg") no-repeat;
    width: 22px;
    height: 20px
}

.header-announcement ul li .amount {
    display: inline-block;
    width: auto;
    vertical-align: top;
    margin-top: -3px;
    font-weight: 700;
    font-size: 24px;
    color: #f2cc39;
    line-height: 38px;
    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.94), 0px 2px 0px #ea9203
}

.header-announcement ul li:hover * {
    transition: all 0.5s;
    text-shadow: 0px 0px 30px #efe815 !important
}

.header-announcement ul li * {
    transition: all 0.5s
}

@media only screen and (max-width: 1405px) {
    .header-jackpot ul {
        font-size: 0px
    }
    .header-jackpot ul li .copy {
        display: block;
        text-align: center
    }
    .header-jackpot ul li .copy span:first-child {
        display: inline-block;
        font-size: 14px;
        margin-bottom: -5px;
        color: #fff;
        text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.96);
        text-transform: uppercase
    }
    .header-jackpot ul li .copy span:last-child {
        display: inline-block;
        font-size: 14px;
        margin-bottom: -5px;
        color: #fff;
        text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.96);
        text-transform: uppercase
    }
    .header-jackpot ul li .copy span:last-child:before {
        content: none;
        display: none
    }
    .header-jackpot ul li .amount {
        font-size: 26px
    }
}

@media only screen and (max-width: 1260px) {
    .header-jackpot ul {
        font-size: 0px;
        flex-wrap: wrap !important
    }
    .header-jackpot ul li {
        display: block;
        width: 100%
    }
    .header-jackpot ul li .copy {
        display: block;
        text-align: center
    }
    .header-jackpot ul li .copy span:first-child {
        display: inline-block;
        font-size: 12px;
        margin-bottom: -5px;
        color: #fff;
        text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.96);
        text-transform: uppercase
    }
    .header-jackpot ul li .copy span:last-child {
        display: inline-block;
        font-size: 12px;
        margin-bottom: -5px;
        color: #fff;
        text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.96);
        text-transform: uppercase
    }
    .header-jackpot ul li .copy span:last-child:before {
        content: none;
        display: none
    }
    .header-jackpot ul li .amount {
        font-size: 18px;
        width: 100%;
        text-align: center
    }
}

@media only screen and (max-width: 955px) {
    .header-jackpot {
        flex-grow: 3 !important;
        -webkit-box-ordinal-group: 3 !important;
        -moz-box-ordinal-group: 3 !important;
        -ms-flex-order: 3 !important;
        order: 3 !important;
        display: none
    }
}

.madeofwinners {
    display: flex;
    text-transform: uppercase;
    justify-content: center;
    align-items: center;
    background-color: #662483;
    width: 100%;
    position: relative;
    height: 110px;
    margin-top: -30px;
    margin-bottom: 30px;
    background-size: contain;
    box-shadow: inset 0px 0px 15px #000;
    background-attachment: fixed
}

.madeofwinners.lazy-loaded:not(.mobile) {
    background-image: url('../../img/bg-desktop.jpg')
}

.madeofwinners.lazy-loaded.mobile {
    background-image: url('../../img/bg-tablet.jpg');
    background-size: cover
}

.madeofwinners .copy {
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 35px;
    letter-spacing: 10px;
    color: #fff;
    line-height: 82px;
    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.94), 0px 2px 0px #ea9203
}

.madeofwinners * {
    transition: all 0.5s
}

@-webkit-keyframes scroll {
    100% {
        background-position: 0px -6500px;
    }
}

@-moz-keyframes scroll {
    100% {
        background-position: 0px -6500px;
    }
}

@-o-keyframes scroll {
    100% {
        background-position: 0px -6500px;
    }
}

@-ms-keyframes scroll {
    100% {
        background-position: 0px -6500px;
    }
}

@keyframes scroll {
    100% {
        background-position: 0px -6500px;
    }
}

@media only screen and (max-width: 640px) {
    .madeofwinners {
        display: none !important
    }
}

@media only screen and (min-width: 641px) and (max-width: 767px) {
    .madeofwinners.lazy-loaded {
        background-image: url('../../img/bg-tablet.jpg') !important;
        background-size: cover
    }
}

@media only screen and (min-width: 768px) and (max-width: 1053px) {
    .madeofwinners.lazy-loaded {
        background-image: url('../../img/bg-tablet.jpg') !important;
        background-size: cover
    }
}

#back-to-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 9999999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: rgba(255, 255, 255, 0.75);
    color: #444;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.5s ease-out;
    opacity: 0
}

#back-to-top:hover {
    background: rgba(255, 255, 255, 0.9)
}

#back-to-top.show {
    opacity: 1;
	background: url(../images/icons/up.png) no-repeat;
}

@media only screen and (max-width: 767px) {
    #back-to-top {
        bottom: 15px;
        right: 15px
    }
}

.sports-banner {
    display: block;
    align-items: center;
    background-color: #000;
    width: 100%;
    margin-bottom: 0px;
    text-align: center
}

.sports-banner img {
    width: 1200px;
    height: auto
}

.sports-banner .sports-slider {
    height: 0px;
    overflow: auto;
    opacity: 0;
    transition: opacity 1s
}

.sports-banner .placeholder {
    margin: 0 auto;
    width: 1200px;
    height: 148px;
    display: block;
    background: linear-gradient(270deg, #173556, #050c14);
    background-size: 400% 400%;
    -webkit-animation: squeleton-loader 3s ease infinite;
    -moz-animation: squeleton-loader 3s ease infinite;
    -o-animation: squeleton-loader 3s ease infinite;
    animation: squeleton-loader 3s ease infinite
}

@-webkit-keyframes squeleton-loader {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

@-moz-keyframes squeleton-loader {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

@-o-keyframes squeleton-loader {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

@keyframes squeleton-loader {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

@media only screen and (max-width: 1200px) {
    .sports-banner img {
        width: 100%;
        height: auto
    }
}

@media only screen and (max-width: 550px) {
    .sports-banner {
        display: none
    }
}

#help-content {
    text-align: left;
    overflow-y: auto;
    max-height: 300px
}

@media only screen and (max-height: 1200px) {
    #help-content {
        max-height: 300px
    }
}

@media only screen and (max-height: 992px) {
    #help-content {
        max-height: 300px
    }
}

@media only screen and (max-height: 767px) {
    #help-content {
        max-height: 150px
    }
}

@media only screen and (max-height: 520px) {
    #help-content {
        max-height: 110px
    }
}

@media only screen and (max-height: 480px) {
    #help-content {
        max-height: 100px;
        font-size: 12px
    }
    #help-content h3 {
        font-size: 14px;
        margin-top: 4px !important
    }
}

@media only screen and (max-width: 480px) {
    #help-content {
        font-size: 12px
    }
    #help-content h3 {
        font-size: 14px;
        margin-top: 4px !important
    }
}

@media only screen and (max-height: 320px) {
    #help-content {
        max-height: 60px;
        font-size: 12px
    }
    #help-content h3 {
        font-size: 14px;
        margin-top: 4px !important
    }
}

.modal-terms {
    max-height: 100%;
    color: #000
}

.modal-terms .modal-body-terms {
    height: 80vh
}

.modal-terms .modal-body-terms .modal-guts {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 20px 50px 20px 20px;
    overflow: auto
}

.modal-terms .modal-body-terms .modal-guts h3,
.modal-terms .modal-body-terms .modal-guts h4 {
    font-size: 14px;
    font-weight: bold
}

.modal-terms .modal-body-terms .modal-guts article,
.modal-terms .modal-body-terms .modal-guts h4.section,
.modal-terms .modal-body-terms .modal-guts h4.section+p,
.modal-terms .modal-body-terms .modal-guts ul+p,
.modal-terms .modal-body-terms .modal-guts div.table-responsive {
    padding-left: 30px
}

.modal-terms .modal-body-terms .modal-guts ul {
    list-style-type: none
}

.modal-terms .modal-body-terms .modal-guts .answer {
    display: block !important
}

.modal-terms .modal-body-terms .modal-guts .toggle {
    display: none !important
}

.modal-dialog-terms {
    width: 80%
}

@media only screen and (max-width: 767px) {
    .modal-dialog-terms {
        width: 97%
    }
}

@media only screen and (max-width: 480px) {
    .modal-dialog-terms {
        width: 95%
    }
}

.xs-live-button {
    position: relative;
    border-radius: 13px;
    margin-bottom: 8px;
    margin-top: 8px;
    padding: 2px 6px 2px 6px;
    max-height: 26px;
    background-color: #fff;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.50) !important;
    color: #000;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    opacity: 1;
    transition: opacity 0.5s
}

.xs-live-button:hover {
    opacity: 0.8;
    transition: opacity 0.5s
}

.xs-live-button span:before {
    content: " ";
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    margin-top: -2px;
    margin-right: 4px;
    padding-right: 4px;
    vertical-align: middle;
    background-color: red;
    animation: blink-animation linear 1.5s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    -webkit-animation: blink-animation linear 1.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: blink-animation linear 1.5s;
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 50% 50%;
    -o-animation: blink-animation linear 1.5s;
    -o-animation-iteration-count: infinite;
    -o-transform-origin: 50% 50%;
    -ms-animation: blink-animation linear 1.5s;
    -ms-animation-iteration-count: infinite;
    -ms-transform-origin: 50% 50%
}

.main-live-button {
    position: relative;
    display: block;
    border-radius: 5px;
    margin-bottom: 22px;
    min-height: 36px;
    width: 100%;
    background: #e6e6e6;
    box-shadow: 0 3px 0 0 #cacaca;
    background-image: linear-gradient(-180deg, #fff 0%, #d2d2d2 99%);
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.6);
    transition: all 0.3s
}

.main-live-button>span {
    display: inline-block;
    padding-top: 8px;
    padding-bottom: 8px;
    width: 100%;
    font-size: 14px;
    color: #000;
    font-weight: 600;
    text-transform: uppercase
}

.main-live-button>span:first-child {
    padding-left: 16px
}

.main-live-button>span:first-child:before {
    content: "";
    display: inline-block;
    position: relative;
    width: 6.5px !important;
    height: 6px !important;
    border-radius: 100%;
    margin-right: 4px;
    padding-right: 4px;
    margin-bottom: 1px;
    vertical-align: middle;
    background-color: red;
    animation: blink-animation linear 1.5s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    -webkit-animation: blink-animation linear 1.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: blink-animation linear 1.5s;
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 50% 50%;
    -o-animation: blink-animation linear 1.5s;
    -o-animation-iteration-count: infinite;
    -o-transform-origin: 50% 50%;
    -ms-animation: blink-animation linear 1.5s;
    -ms-animation-iteration-count: infinite;
    -ms-transform-origin: 50% 50%
}

.main-live-button>span>.arrow {
    position: absolute;
    right: 0px;
    padding-right: 16px;
    transition: padding-right 0.5s
}

.main-live-button>span:hover>.arrow {
    position: absolute;
    right: 0px;
    padding-right: 10px;
    transition: padding-right 0.5s
}

.main-live-button:hover {
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 1) !important;
    -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 1) !important;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 1) !important;
    opacity: 0.95;
    transition: all 0.3s
}

.main-live-button:active {
    opacity: 0.85;
    transition: opacity 0.1s
}

.main-live-back-button {
    position: relative;
    display: block;
    border-radius: 5px;
    margin-bottom: 22px;
    min-height: 36px;
    width: 100%;
    background-image: linear-gradient(-180deg, #fff 0%, #d2d2d2 99%);
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.6);
    transition: all 0.3s
}

.main-live-back-button>span {
    display: inline-block;
    padding-top: 8px;
    padding-bottom: 8px;
    width: 100%;
    font-size: 14px;
    color: #000;
    font-weight: 600;
    text-transform: uppercase
}

.main-live-back-button>span:first-child {
    padding-left: 16px
}

.main-live-back-button>span:first-child:before {
    content: "";
    display: inline-block;
    position: relative;
    width: 6.5px !important;
    height: 6px !important;
    border-radius: 100%;
    margin-right: 4px;
    padding-right: 4px;
    margin-bottom: 1px;
    vertical-align: middle
}

.main-live-back-button>span>.arrow {
    position: absolute;
    left: 0px;
    padding-left: 16px;
    transition: padding-left 0.5s
}

.main-live-back-button>span:hover>.arrow {
    position: absolute;
    left: 0px;
    padding-left: 10px;
    transition: padding-left 0.5s
}

.main-live-back-button:hover {
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 1) !important;
    -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 1) !important;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 1) !important;
    opacity: 0.95;
    transition: all 0.3s
}

.main-live-back-button:active {
    opacity: 0.85;
    transition: opacity 0.1s
}

@media only screen and (max-width: 767px) {
    .main-live-back-button {
        position: relative;
        border-radius: 0px !important;
        margin-bottom: 0px !important;
        min-height: 36px;
        width: 100%;
        text-align: center
    }
    .main-live-back-button>span:first-child {
        padding-left: 0px
    }
    .main-live-back-button>span:first-child:before {
        content: "‹ ";
        display: inline-block;
        position: relative;
        top: -8px
    }
    .main-live-back-button .arrow {
        display: none
    }
}

.material-toggle {
    display: block;
    min-height: 35px
}

.material-toggle input[type="checkbox"] {
    display: none
}

.material-toggle label {
    cursor: pointer;
    position: relative;
    width: 36px;
    height: 0px
}

.material-toggle>label::before {
    content: '';
    position: absolute;
    height: 10px;
    width: 36px;
    margin-top: -5px;
    background: #a9a9a9 !important;
    border-radius: 8px;
    opacity: 1;
    transition: all 0.4s ease-in-out
}

.material-toggle>label::after {
    content: '';
    background: #fff !important;
    border-radius: 16px;
    box-shadow: 0px 1px 3px 1px #1b2f04;
    position: absolute;
    top: -4px;
    width: 18px;
    height: 18px;
    left: -4px;
    margin-top: -4.5px;
    transition: all 0.3s ease-in-out
}

.material-toggle>input[type="checkbox"]:checked+label::before {
    background: #51c25c !important;
    opacity: 1
}

.material-toggle>input[type="checkbox"]:checked+label::after {
    background: #fff !important;
    left: 20px
}

.lang {
    font-size: 12px;
    display: inline-block;
    margin-bottom: 10px;
    white-space: nowrap
}

.lang a {
    color: #fff;
    opacity: 0.8;
    transition: 0.2s opacity;
    float: none !important
}

.lang a.current {
    font-weight: 700;
    text-decoration: underline !important;
    opacity: 1
}

.lang a:hover {
    text-decoration: underline !important;
    opacity: 1;
    transition: 0.2s opacity
}

.responsible-gaming-banner {
    width: 100%;
    background-size: cover;
    background-position: center center;
    position: relative;
    transition: 0.2s opacity;
    margin-bottom: 15px;
    text-align: center;
    padding: 5px
}

.responsible-gaming-banner a {
    cursor: pointer;
    position: relative;
    color: #fff;
    text-decoration: underline !important
}

.responsible-gaming-banner h2 {
    font-size: 16px;
    font-weight: 800;
    margin-top: 5px
}

.responsible-gaming-banner p {
    font-size: 14px;
    font-weight: 600
}

.responsible-gaming-banner .cta {
    text-align: center;
    cursor: pointer;
    display: block;
    position: relative;
    padding-bottom: 10px;
    font-size: 12px;
    font-weight: 800 !important;
    text-decoration: underline !important;
    color: #fff
}

.responsible-gaming-banner:hover {
    opacity: 0.8;
    transition: 0.5s opacity
}

.responsible-gaming-banner:active {
    opacity: 0.5;
    transition: 0.1s opacity
}

.result-box {
    border: 1px solid #fff;
    background-color: #434b52;
    margin-top: 15px;
    display: table;
    border-spacing: 15px;
    border-collapse: separate;
    width: 100%
}

.result-box>div {
    display: table-cell
}

.result-box p a {
    color: #fff;
    font-weight: bold;
    text-decoration: underline !important
}

.result-box.success {
    border: 1px solid #469866;
    background-color: rgba(0, 255, 102, 0.16)
}

.result-box.success .result-icon span {
    background-image: url('../../img/ic_check_circle.png')
}

.result-box.error {
    border: 1px solid #b72626;
    opacity: 0.9;
    background-color: rgba(255, 0, 0, 0.26)
}

.result-box.error .result-icon span {
    background-image: url('../../img/ic_error_circle.png')
}

.result-box.warning .result-icon span {
    background-image: url('../../img/ic_warning_circle.png');
    height: 17px
}

.result-box.high-warning {
    border: 1px solid #d3ce91;
    background-color: #fffccb;
    color: #4b4600
}

.result-box.high-warning .result-icon {
    vertical-align: middle
}

.result-box.high-warning .result-icon span {
    width: 22px;
    background-image: url('../../img/ic_high_warning_circle.png')
}

.result-box .result-icon {
    width: 22px
}

.result-box .result-icon span {
    width: 19px;
    height: 19px;
    background-size: contain;
    display: inline-block;
    text-align: center
}

.result-box h4 {
    font-weight: bold
}

.result-box span.close {
    float: right;
    margin: -7px -3px -18px 0px;
    width: 20px;
    height: 20px;
    text-align: center;
    background-image: url('../../img/ic_highlight_off@2x.png');
    background-size: contain;
    cursor: pointer
}

@media only screen and (max-width: 480px) {
    .result-box.high-warning .result-icon {
        vertical-align: text-top
    }
    .result-box.high-warning .result-icon span {
        height: 16px;
        width: 19px
    }
}

.sport-icon {
    position: relative;
    display: inline-block;
    content: " ";
    top: -1px;
    /*vertical-align: middle;*/
    width: 12px;
    height: 12px;
    /*background-size: contain !important;*/
    min-width: 12px
}

.sport-icon.black {
    background-size: auto !important
}

.sport-icon.icon-disabled {
    opacity: 0.3 !important;
    cursor: not-allowed !important
}

.sport-icon.icon-prematch-1,
.sport-icon.icon-prematch-124,
.sport-icon.icon-jackpot-1,
.sport-icon.icon-multijackpot-1,
.sport-icon.icon-prematch-football,
.sport-icon.icon-prematch-soccer,
.sport-icon.icon-live-10,
.sport-icon.icon-custom-10,
.sport-icon.icon-custom-1 {
    background: url('../images/1.svg')
}

.sport-icon.icon-prematch-1.black,
.sport-icon.icon-prematch-124.black,
.sport-icon.icon-jackpot-1.black,
.sport-icon.icon-multijackpot-1.black,
.sport-icon.icon-prematch-football.black,
.sport-icon.icon-prematch-soccer.black,
.sport-icon.icon-live-10.black,
.sport-icon.icon-custom-10.black,
.sport-icon.icon-custom-1.black {
    background: url('../images/1.svg')
}

.sport-icon.icon-prematch-football{
	background: url('../images/16.svg')
}

.sport-icon.icon-prematch-2,
.sport-icon.icon-prematch-10,
.sport-icon.icon-prematch-basketball,
.sport-icon.icon-live-4 {
    background: url('../images/2.svg')
}

.sport-icon.icon-prematch-2.black,
.sport-icon.icon-prematch-10.black,
.sport-icon.icon-prematch-basketball.black,
.sport-icon.icon-live-4.black {
    background: url('../images/2.svg')
}

.sport-icon.icon-prematch-3,
.sport-icon.icon-prematch-111,
.sport-icon.icon-prematch-baseball {
	background: url('../images/3.svg')
}
.sport-icon.icon-prematch-4,
.sport-icon.icon-prematch-81,
.sport-icon.icon-prematch-ice-hockey {
    background: url('../images/4.svg')
}

.sport-icon.icon-prematch-4.black,
.sport-icon.icon-prematch-81.black,
.sport-icon.icon-prematch-ice-hockey.black {
     background: url('../images/4.svg')
}

.sport-icon.icon-prematch-5,
.sport-icon.icon-prematch-142,
.sport-icon.icon-prematch-tennis,
.sport-icon.icon-prematch-24,
.sport-icon.icon-live-24 {
    background: url('../images/5.svg')
}

.sport-icon.icon-prematch-5.black,
.sport-icon.icon-prematch-142.black,
.sport-icon.icon-prematch-tennis.black,
.sport-icon.icon-prematch-24.black,
.sport-icon.icon-live-24.black {
     background: url('../images/5.svg')
}

.sport-icon.icon-prematch-6,
.sport-icon.icon-prematch-78,
.sport-icon.icon-prematch-handball {
    background: url('../images/6.svg')
}

.sport-icon.icon-prematch-6.black,
.sport-icon.icon-prematch-78.black,
.sport-icon.icon-prematch-handball.black {
    background: url('../images/6.svg')
}

.sport-icon.icon-prematch-10,
.sport-icon.icon-prematch-19,
.sport-icon.icon-prematch-boxing {
    background: url('../images/10.svg')
}

.sport-icon.icon-prematch-10.black,
.sport-icon.icon-prematch-19.black,
.sport-icon.icon-prematch-boxing.black {
   background: url('../images/10.svg')
}

.sport-icon.icon-prematch-11,
.sport-icon.icon-prematch-95,
.sport-icon.icon-prematch-motor-sport {
    background: url('../images/11.svg')
}

.sport-icon.icon-prematch-11.black,
.sport-icon.icon-prematch-95.black,
.sport-icon.icon-prematch-motor-sport.black {
    background: url('../images/11.svg')
}

.sport-icon.icon-prematch-12,
.sport-icon.icon-prematch-111,
.sport-icon.icon-prematch-rugby,
.sport-icon.icon-prematch-rugby-union {
    background: url('../images/12.svg')
}

.sport-icon.icon-prematch-16,
.sport-icon.icon-prematch-16.black,
.sport-icon.icon-prematch-111,
.sport-icon.icon-prematch-american-football{
    background: url('../images/16.svg')
}

.sport-icon.icon-prematch-12.black,
.sport-icon.icon-prematch-111.black,
.sport-icon.icon-prematch-rugby.black,
.sport-icon.icon-prematch-rugby-union.black {
    background: url('../images/12.svg')
}

.sport-icon.icon-prematch-21,
.sport-icon.icon-prematch-23,
.sport-icon.icon-prematch-cricket {
    background: url('../images/21.svg')
}

.sport-icon.icon-prematch-21.black,
.sport-icon.icon-prematch-23.black,
.sport-icon.icon-prematch-cricket.black {
    background: url('../images/21.svg')
}

.sport-icon.icon-prematch-23,
.sport-icon.icon-prematch-volleyball {
    background: url('../images/23.svg')
}

.sport-icon.icon-prematch-23.black,
.sport-icon.icon-prematch-volleyball.black {
    background: url('../images/23.svg')
}

.sport-icon.icon-prematch-117,
.sport-icon.icon-prematch-mma {
    background: url('../images/117.svg')
}

.sport-icon.icon-prematch-117.black,
.sport-icon.icon-prematch-mma.black {
    background: url("../images/main_sprite_dark.svg") -400px -900px
}

.sport-icon.icon-print {
    background: url("../images/main_sprite_dark.svg") -900px -200px;
    background-size: auto !important;
    width: 18px;
    height: 18px
}

.sport-icon.markets-switch {
    background: url("../images/main_sprite_dark.svg") -800px -1500px;
    background-size: auto !important;
    top: 1px
}

.sport-icon.icon-cup {
    background: url("../images/main_sprite_dark.svg") -1300px -100px;
    background-size: auto !important;
    width: 16px;
    height: 16px
}

.sport-icon.icon-cup.active {
    background: url("../images/main_sprite_dark.svg") -1350px -100px;
    opacity: 1 !important;
    transition: 0s all
}

.sport-icon.icon-cup.active:hover {
    opacity: 0.8 !important
}

.sport-icon.icon-cup.icon-active {
    background: url("../images/main_sprite_dark.svg") -1350px -100px;
    opacity: 1
}

.sport-icon.icon-cup.icon-active:hover {
    opacity: 0.8
}

.sport-icon.icon-search {
    background: url("../images/new-sprite.svg") -1250px -100px;
    background-size: auto !important;
    width: 14px;
    height: 16px;
    top: 0
}

.sport-icon.icon-help {
    background: url("../images/main_sprite_dark.svg") -500px -100px;
    background-size: auto !important;
    width: 14px;
    height: 16px
}

.sport-icon.icon-stats {
    background: url('/img/chart-icon.png');
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    min-width: 12px
}

.sport-icon.icon-fav {
    background: url("../images/main_sprite_dark.svg") -650px -200px;
    background-size: auto !important
}

.sport-icon.icon-fav:hover,
.sport-icon.icon-fav.icon-fav-selected {
    background: url("../images/main_sprite_dark.svg") -600px -200px
}

.sport-icon.icon-delete {
    background: url("../images/main_sprite_dark.svg") -100px -1200px;
    background-size: auto !important;
    width: 10px;
    height: 10px;
    min-width: 10px;
    top: 0;
    text-overflow: unset
}

.sport-icon.icon-delete:hover {
    background: url("../images/main_sprite_dark.svg") -150px -1200px
}

.sport-icon.icon-dropdown {
    background: url("../images/main_sprite_dark.svg") -200px -1200px;
    background-size: auto !important;
    width: 5px;
    height: 8px;
    top: 1px;
    min-width: 5px
}

.sport-icon.icon-custom-bets {
    background: url("../images/main_sprite_dark.svg") no-repeat -1450px -200px;
    width: 16px;
    height: 16px;
    background-size: auto !important
}

.sport-icon.icon-dropdown-down-arrow {
    top: -2px;
    width: 0;
    min-width: 0;
    height: 0;
    border-left: 4.5px solid transparent;
    border-right: 4.5px solid transparent;
    border-top: 5px solid #000;
    right: -2px
}

.sport-icon.icon-favorites {
    background: url("../images/main_sprite_dark.svg") -1000px -200px;
    background-size: auto !important
}

.sport-icon.icon-prematch-virtual-football-league {
    background: url('../images/v/football.svg')
}

.sport-icon.icon-prematch-virtual-football-league-mode {
    background: url('../images/v/football.svg')
}

.sport-icon.icon-prematch-virtual-football-world-cup {
    background: url('../images/v/football.svg')
}

.sport-icon.icon-prematch-virtual-football-euro-cup {
        background: url('../images/v/football.svg')
}

.sport-icon.icon-prematch-virtual-football-champions-cup {
    background: url('../images/v/football.svg')
}

.sport-icon.icon-prematch-virtual-horse-classics {
    background: url('../images/v/horse.svg')
}

.sport-icon.icon-prematch-virtual-dog-races {
    background: url('../images/v/dogs.svg') ;
}

.sport-icon.icon-prematch-virtual-tennis-open {
    background: url('../images/v/tennis.svg')
}

.sport-icon.icon-prematch-virtual-basketball-league {
    background: url('../images/v/basketball.svg')
}

.sport-icon-container {
    margin: -3px;
    padding: 3px
}

.sport-icon-container:hover .icon-delete {
    background: url("../images/main_sprite_dark.svg") -150px -1200px
}

.tool-icon {
    opacity: 0.7;
    cursor: pointer;
    transition: all 0.2s
}

.tool-icon:hover {
    opacity: 1
}

@media only screen and (max-width: 480px) {
    .sport-icon.icon-dropdown-down-arrow {
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 6px solid #000
    }
}

@media only screen and (max-width: 1212px) {
    .sport-icon.icon-dropdown-down-arrow {
        top: 0;
        right: 0
    }
}

.support-chat {
    position: fixed;
    width: 134px;
    height: 44px;
    bottom: 0px;
    right: 90px;
    background-color: #00a8fa;
    color: #fff;
    border-radius: 4px 4px 0 0;
    z-index: 99999999;
    box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, 0.16)
}

.support-chat-text {
    margin-top: 18px;
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    position: relative;
    top: 25%;
    left: 20px
}

.support-chat-text:after {
    content: '';
    background-image: url("../../img/ic_chat.png");
    background-size: cover;
    position: absolute;
    width: 16px;
    height: 16px;
    margin-left: 4px;
    top: 4px
}

.support-chat-text:focus {
    color: #fff
}

a#LH_chiudi img {
    margin-right: 60px
}

img#LH_bottone {
    margin-right: 70px
}

@media only screen and (max-width: 767px) {
    .support-chat {
        right: 60px
    }
}

#about-us-header {
    font-weight: bold;
    font-size: 24px;
    line-height: 33px;
    color: #e9eaea;
    text-align: center;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    margin: 60px 8px 0
}

#about-us-header::before,
#about-us-header::after {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    border-bottom: 1px solid #979797;
    height: 2px;
    flex-grow: 1;
    opacity: 0.4
}

#about-us-header::before {
    margin-right: 8px
}

#about-us-header::after {
    margin-left: 8px
}

#about-us-content {
    margin: 24px 8px 0;
    justify-content: center;
    display: flex;
    flex-direction: column;
    max-width: 1800px
}

#about-us-content .about-us-col {
    font-size: 14px;
    line-height: 19px;
    color: #5d6b78;
    width: 100%
}

#about-us-content .about-us-col h3 {
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    color: #828d98;
    text-transform: uppercase
}

#about-us-content .about-us-col a {
    font-weight: 700;
    color: #828d98
}

#about-us-content .about-us-col a:hover {
    color: #e9eaea
}

@media only screen and (min-width: 768px) {
    #about-us-casino {
        max-width: 1800px
    }
    #about-us-header {
        margin: 0
    }
    #about-us-content {
        margin: 0;
        flex-direction: row
    }
    #about-us-content .about-us-col {
        width: 50%;
        margin-right: 80px
    }
    #about-us-content .about-us-col:last-child {
        margin-right: 0
    }
}

.login {
    flex-grow: 1;
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 3;
    order: 3;
	width: 15%;
}

.login label {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden
}

.login form {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    padding-top: 8px;
    padding-bottom: 4px;
}

.login form fieldset {
    display: block;
    margin: 10px auto 10px auto
}

.login form input {
    height: 30px;
    box-sizing: content-box
}

.login form input[type=text],
.login form input[type=password],
.login form input[type=email] {
    background: #fff;
    border: 1px solid #b3b3b3;
    box-shadow: inset 2px 2px 3px 0px rgba(7, 15, 101, 0.33);
    font-size: 12px;
    color: #fff;
    line-height: 17px;
    flex-grow: 2;
    margin: 2px;
    width: 45px;
}

.login form input[type=text] {
    background: url("../images/main_sprite_dark.svg") 10px -692px;
    background-color: #18242f;
    padding-left: 35px
}

.login form input[type=text].username {
    background-position-x: -390px
}

.login form input[type=email] {
    background: url("../images/main_sprite_dark.svg") 10px -1290px;
    background-color: #fff;
    padding-left: 35px
}

.login form input[type=password] {
    background: url("../images/main_sprite_dark.svg") 10px -792px;
    background-color: #18242f;
    padding-left: 35px
}

.login form input[type=submit] {
    background: #662483;
    border: #662483;
    margin: 2px;
    width: 102px;
    flex-grow: 1;
    text-transform: uppercase;
    font-weight: 800;
    transition: all 0.3s
}

.login form input[type=submit]:hover {
    background-color: #18242f;
    transition: all 0.3s
}

.login form input[type=submit]:active {
    background-color: #122027;
    transition: all 0.1s
}

.login form span.reset_warning {
    font-size: 12px;
    color: #662483;
    font-weight: 600;
    
}



    .login div {
        position: relative;
        /* display: flex; */
        justify-content: space-between;
        align-items: center;
        flex-wrap: nowrap;
        padding-top: 0px;
        /* padding-bottom: 0px; */
        vertical-align: middle;
        float: right;
        /*width: 100%;*/
    }

.login div fieldset {
    display: block;
    margin: 10px auto 10px auto
}

.login div input {
    height: 30px;
    box-sizing: content-box
}

.login div input[type=text],
.login div input[type=password],
.login div input[type=email] {
    background: #fff;
    border: 1px solid #7d7b7b;
    box-shadow: inset 2px 2px 3px 0px rgba(7, 15, 101, 0.33);
    font-size: 12px;
    color: #f2cc39;
    line-height: 17px;
    flex-grow: 2;
    margin: 2px;
    width: 75px;
}

.login div input[type=text] {
    background: url(../images/user.svg) no-repeat 3px 3px;
    background-color: #01122f;
    padding-left: 35px;
	/*margin-left: -45px;*/
}

.login div input[type=text].username {
    background-position-x: -390px
}

.login div input[type=email] {
    background: url("../images/main_sprite_dark.svg") 10px -1290px;
    background-color: #fff;
    padding-left: 35px
}

.login div input[type=password] {
    background: url("../images/main_sprite_dark.svg") 10px -792px;
    background-color: #01122f;
    padding-left: 35px
}

.login div input[type=submit] {
    background: #e30613;
    border: 1px solid #e30613;
    margin: 2px;
    width: 102px;
    flex-grow: 1;
    text-transform: uppercase;
    font-weight: 600;
    transition: all 0.3s;
	color: #13161c;
	border-radius: 2px;
}

.login div input[type=submit]:hover {
    background-color: #18242f;
    transition: all 0.3s;
	color: #fff;
}

.login div input[type=submit]:active {
    background-color: #122027;
    transition: all 0.1s
}

.login div span.reset_warning {
    font-size: 12px;
    color: #662483;
    font-weight: 600
}
.login .login-errors {
    display: block;
    margin: 0 0px 0px 3px;
    padding: 4px 24px;
    background-color: #a20014;
    width: 99.5%;
    border-radius: 3px;
}

.login .login-errors li {
    font-size: 11px
}

    .login a {
        color: #fff;
        font-weight: 400;
        float: left;
        font-size: 12px;
        border-radius: 3px;
        margin-right: 4px;
        font-weight: 600;
    }

.registera {
    /*width: 100%;
    height: 100%;*/
    /* float: left; */
    /* color: var(--tertiary); */
    /*font-size: 12px;*/
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--quaternary);
    border: 1px solid var(--quaternary);
    padding: 5px 5px;
    font-size: 12px;
    height: 100%;
    /* margin-right: 5px; */
    width: 59px;
    border-radius: 2px;
    font-weight: 600;
    text-align: center;
}

.logina {
    width: 100%;
    height: 100%;
    /*color: var(--tertiary) !important;*/
    display: flex;
    justify-content: right;
    align-items: center;
    margin-right: 10px;
}

.login #retrieve-password {
    font-size: 12px;
    float: right
}

.login #retrieve-password:before {
    position: relative;
    display: inline-block;
    content: " ";
    vertical-align: middle;
    background: url("../images/icons/forgotpwd.svg") no-repeat ;
    width: 11px;
    height: 11px;
    right: 5px
}

.login #retrieve-password a {
    float: none
}

.login input.field-error {
    border: 2px solid #c74d5c !important;
    box-shadow: inset 2px 2px 3px 0px rgba(7, 15, 101, 0.33)
}

.login false.field-error {
    position: absolute !important;
    background-color: rgba(106, 0, 13, 0.8);
    display: block;
    z-index: 99;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 12px;
    left: 0px;
    bottom: -15px
}

.login false.field-error::after {
    bottom: 100%;
    left: 30%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: rgba(106, 0, 13, 0.8);
    border-width: 5px;
    margin-left: -5px
}

.login div.field-error {
    display: block;
    width: 100%;
    font-weight: 700;
    font-size: 10px;
    color: #b80017;
    line-height: 14px
}

.login input.field-success {
    border: 1px solid #75ab37 !important;
    box-shadow: inset 2px 2px 3px 0px #bddd9d !important
}

.login .login-field-error {
    display: block;
    position: absolute;
    width: 100%;
    margin-bottom: 25px
}

.login .reset_warning {
    font-size: 12px;
    color: #662483;
    font-weight: 600
}

@media only screen and (max-width: 1200px) {
    .login input[type="submit"] {
        width: 23.5% !important
    }
}

@media only screen and (max-width: 767px) {
    .login input[type="submit"] {
        width: 23% !important
    }
}

.validate {
    flex-grow: 1
}

.validate label {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden
}

.validate form fieldset {
    display: block;
    margin: 10px auto 10px auto
}

.validate form input {
    height: 30px;
    box-sizing: content-box
}

.validate form input[type=text],
.validate form input[type=password],
.validate form input[type=email] {
    background: #fff;
    border: 1px solid #b3b3b3;
    box-shadow: inset 2px 2px 3px 0px rgba(7, 15, 101, 0.33);
    font-size: 12px;
    color: rgba(2, 11, 20, 1);
    line-height: 17px;
    width: 25%
}

.validate form input[type=text] {
    background: url("../images/main_sprite_dark.svg") 10px -692px;
    background-color: #fff;
    padding-left: 35px
}

.validate form input[type=email] {
    background: url("../images/main_sprite_dark.svg") 10px -1290px;
    background-color: #fff;
    padding-left: 35px
}

.validate form input[type=text].activation {
    background: url("../images/main_sprite_dark.svg") 10px -1488px;
    background-color: #fff;
    padding-left: 35px
}

.validate form input[type=submit] {
    background: rgba(82, 121, 148, 1);
    border: 1px solid rgba(25, 34, 126, 0.13);
    padding-top: 0px;
    width: 85px;
    width: 24%;
    text-transform: uppercase;
    font-weight: 800
}

.validate a {
    color: #fff;
    font-weight: 800;
    display: inline-block;
    float: right
}

.validate #retrieve-password {
    font-size: 12px
}

.validate #retrieve-password:before {
    position: relative;
    display: inline-block;
    content: " ";
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat -450px -100px;
    width: 11px;
    height: 11px;
    right: 5px
}

.validate input.field-error {
    border: 2px solid #c74d5c !important;
    box-shadow: inset 2px 2px 3px 0px rgba(7, 15, 101, 0.33)
}

.validate div.field-error {
    display: block;
    width: 100%;
    font-weight: 700;
    font-size: 10px;
    color: #b80017;
    line-height: 14px
}

.validate input.field-success {
    border: 1px solid #75ab37 !important;
    box-shadow: inset 2px 2px 3px 0px #bddd9d !important
}

.validate .login-field-error {
    display: block;
    position: absolute;
    width: 100%;
    margin-bottom: 25px
}

#live-menu-mob {
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding: 0
}

.mobile-sports {
    position: relative;
    background-color: var(--secondary);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 3px 0px rgba(0, 0, 0, 0.24);
    top: 0px;
    padding: 0px;
    min-height: 60px;
    z-index: 99;
    display: none
}

.mobile-sports .live-button-res-mob {
    background-color: #467a97
}

.mobile-sports .live-button-res-mob img {
    padding: 0 2px 3px 6%
}

.mobile-sports .live-button-res-mob .live-button-res-icon {
    background: url("../images/main_sprite_dark.svg") no-repeat -1400px -200px;
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle
}

.mobile-sports .live-button-res-mob .live-button-res-icon-za {
    background: url("../../img/live_symbol@2x.png") no-repeat;
    background-size: 15px 15px;
    width: 18px;
    height: 18px;
    align-self: center;
    margin: 0 2px 0 4px
}

.mobile-sports .live-button-res-mob .live-text-mob {
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    padding: 6px 0 6px 0;
    display: inline-block;
    position: relative
}

.mobile-sports .live-button-res-mob .live-text-mob .notification-new .rectangle {
    margin: 15px -15px
}

.mobile-sports .scroll {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden;
    white-space: nowrap;
    height: 60px;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.24)
}

.mobile-sports .scroll::-webkit-scrollbar {
    display: none
}

.mobile-sports .scroll ul {
    width: 100%;
    padding: 0px
}

.mobile-sports .scroll ul a {
    color: #fff
}

.mobile-sports .scroll ul a:focus span {
    border-bottom: 2px white solid;
    opacity: 1
}

.mobile-sports .scroll ul li {
    display: inline-block;
    height: 60px;
    text-align: center;
}

.mobile-sports .scroll ul li span {
    display: block;
    padding: 8px 0 8px 0;
    font-size: 12px;
    line-height: 30px;
    width: 75px;
    height: 60px;
    text-align: center;
    margin-top: 0px;
    padding-bottom: 0px;
    opacity: 0.4
}

.mobile-sports .scroll ul li span:before {
    text-align: center;
    display: block;
    position: relative;
    content: " ";
    top: 0px;
    background: url("../images/main_sprite_dark.svg") no-repeat;
    padding: 0px;
    margin: 0px;
    left: 50%
}

.mobile-sports .scroll ul .today>span:before {
    width: 20px;
    height: 20px;
    margin-left: -10px;
    background-position: 0 -1100px
}

.mobile-sports .scroll ul .favorites>span:before {
    width: 20px;
    height: 20px;
    margin-left: -10px;
    background-position: -700px -1100px
}

.mobile-sports .scroll ul .all-games span:before {
    width: 20px;
    height: 20px;
    margin-left: -10px;
    background-position: -100px -1100px
}

.mobile-sports .scroll ul .football span:before {
    width: 20px;
    height: 20px;
    margin-left: -10px;
    background-position: -200px -1100px;
	background: url("../images/16.svg") no-repeat;
}

    .mobile-sports .scroll ul .soccer span:before {
        width: 20px;
        height: 20px;
        margin-left: -10px;
        background-position: -200px -1100px;
        background: url("../images/1.svg") no-repeat;
        background-size: 20px 20px;
    }

.mobile-sports .scroll ul .tennis span:before {
    width: 20px;
    height: 20px;
    margin-left: -10px;
    background-position: -300px -1100px;
	background: url("../images/5.svg") no-repeat;
}

.mobile-sports .scroll ul .basketball span:before {
    width: 20px;
    height: 20px;
    margin-left: -10px;
    background-position: -400px -1100px;
	background: url("../images/2.svg") no-repeat;
}

.mobile-sports .scroll ul .global-search span:before {
    width: 20px;
    height: 20px;
    margin-left: -10px;
    background-position: -300px -1400px
}

.mobile-sports .scroll ul .cricket span:before {
    width: 20px;
    height: 20px;
    margin-left: -10px;
    background-position: -500px -1100px;
	background: url("../images/21.svg") no-repeat;
}

.mobile-sports .scroll ul .mycity span:before {
    width: 20px;
    height: 20px;
    margin-left: -10px;
    background-position: -200px -1100px;
	background: url("../images/mycity.png") no-repeat;
}
.mobile-sports .scroll ul .casino span:before {
    width: 20px;
    height: 20px;
    margin-left: -10px;
    background-position: -200px -1100px;
	background: url("../images/casino.svg") no-repeat;
}
.mobile-sports .scroll ul .tablegames span:before {
    width: 40px;
    height: 20px;
    margin-left: -10px;
    background-position: -200px -1100px;
	background: url("../images/tablegames.svg") no-repeat;
}
.mobile-sports .scroll ul .livecasino span:before {
    width: 20px;
    height: 20px;
    margin-left: -10px;
    background-position: -200px -1100px;
	background: url("../images/1.svg") no-repeat;
}
.mobile-sports .scroll ul .virtual span:before {
    width: 20px;
    height: 20px;
    margin-left: -10px;
    background-position: -200px -1100px;
	background: url("../images/virtual.svg") no-repeat;
}
.mobile-sports .scroll ul .instantwin span:before {
    width: 20px;
    height: 20px;
    margin-left: -10px;
    background-position: -200px -1100px;
	background: url("../images/instantwin.png") no-repeat;
}
.mobile-sports .scroll ul .scratchcards span:before {
    width: 20px;
    height: 20px;
    margin-left: -10px;
    background-position: -200px -1100px;
	background: url("../images/scratchcards.svg") no-repeat;
}

.mobile-sports .scroll ul .livecasino span:before {
    width: 20px;
    height: 20px;
    margin-left: -8px;
    background-position: -200px -1100px;
	background: url("../images/livecasino.svg") no-repeat;
}

.mobile-sports .scroll ul .spinandwin span:before {
    width: 20px;
    height: 20px;
    margin-left: -10px;
    background-position: -200px -1100px;
	background: url("../images/spinandwin.svg") no-repeat;
}

.mobile-sports .scroll ul .rugby span:before,
.mobile-sports .scroll ul .rugby_union span:before {
    width: 20px;
    height: 20px;
    margin-left: -10px;
    background-position: -600px -1100px;
	background: url("../images/12.svg") no-repeat;
}

.mobile-sports .scroll ul .hockey span:before,
.mobile-sports .scroll ul .ice_hockey span:before {
    width: 20px;
    height: 20px;
    margin-left: -10px;
    background: url("../images/4.svg") no-repeat;
    background-size: contain !important
}

.mobile-sports .scroll ul .ice-hockey span:before {
    width: 20px;
    height: 20px;
    margin-left: -10px;
    background: url("../images/4.svg") no-repeat;
    background-size: contain !important
}

.mobile-sports .scroll ul .baseball span:before {
    width: 20px;
    height: 20px;
    margin-left: -10px;
    background: url("../images/3.svg") no-repeat;
    background-size: contain !important
}

.mobile-sports .scroll ul .american-football span:before {
    width: 20px;
    height: 20px;
    margin-left: -10px;
    background: url("../images/16.svg") no-repeat;
    background-size: contain !important
}

.mobile-sports .scroll ul .handball span:before {
    width: 20px;
    height: 20px;
    margin-left: -10px;
    background: url("../images/6.svg") no-repeat;
    background-size: contain !important
}

.mobile-sports .scroll ul .boxing span:before {
    width: 20px;
    height: 20px;
    margin-left: -10px;
    background: url("../images/10.svg") no-repeat;
    background-size: contain !important
}

.mobile-sports .scroll ul .volleyball span:before {
    width: 20px;
    height: 20px;
    margin-left: -10px;
    background: url("../images/23.svg") no-repeat;
    background-size: contain !important
}

.mobile-sports .scroll ul .motor span:before,
.mobile-sports .scroll ul .motor_sport span:before {
    width: 20px;
    height: 20px;
    margin-left: -10px;
    background: url("../images/11.svg") no-repeat;
    background-size: contain !important
}

.mobile-sports .scroll ul .mma span:before {
    width: 20px;
    height: 20px;
    margin-left: -10px;
    background: url("../images/117.svg") no-repeat;
    background-size: contain !important
}

.mobile-sports .scroll ul .virtual-football-league span:before {
    width: 20px;
    height: 20px;
    margin-left: -10px;
    background-position: -200px -1100px;
	background: url('../images/v/football.svg') no-repeat;
}

.mobile-sports .scroll ul .virtual-football-league-mode span:before {
    width: 20px;
    height: 20px;
    margin-left: -10px;
    background-position: -200px -1100px;
	background: url('../images/v/football.svg') no-repeat;
}

.mobile-sports .scroll ul .virtual-football-euro-cup span:before {
    width: 20px;
    height: 20px;
    margin-left: -10px;
    background-position: -200px -1100px;
	background: url('../images/v/football.svg') no-repeat;
}

.mobile-sports .scroll ul .virtual-football-champions-cup span:before {
    width: 20px;
    height: 20px;
    margin-left: -10px;
    background-position: -200px -1100px;
	background: url('../images/v/football.svg') no-repeat;
}

.mobile-sports .scroll ul .virtual-football-world-cup span:before {
    width: 20px;
    height: 20px;
    margin-left: -10px;
    background-position: -200px -1100px;
	background: url('../images/v/football.svg') no-repeat;
}

.mobile-sports .scroll ul .virtual-horse-classics span:before {
    width: 20px;
    height: 20px;
    margin-left: -10px;
    background-position: -200px -1100px;
	background: url('../images/v/horse.svg') no-repeat;
}

.mobile-sports .scroll ul .virtual-dog-races span:before {
    width: 20px;
    height: 20px;
    margin-left: -10px;
    background-position: -200px -1100px;
	background: url('../images/v/dogs.svg') no-repeat;
}

.mobile-sports .scroll ul .virtual-tennis-open span:before {
    width: 20px;
    height: 20px;
    margin-left: -10px;
    background-position: -200px -1100px;
	background: url('../images/v/tennis.svg') no-repeat;
}

.mobile-sports .scroll ul .virtual-basketball-league span:before {
    width: 20px;
    height: 20px;
    margin-left: -10px;
    background-position: -200px -1100px;
	background: url('../images/v/basketball.svg') no-repeat;
}

.mobile-sports .scroll ul .active span {
    border-bottom: 2px white solid;
    opacity: 1;
    font-weight: 700
}

    .mobile-sports .second-level {
        min-height: 40px;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        overflow-y: hidden;
        white-space: nowrap;
        height: 40px;
        box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.24);
        background-color: var(--primary)
    }

.mobile-sports .second-level::-webkit-scrollbar {
    display: none
}

.mobile-sports .second-level::-webkit-scrollbar {
    display: none
}

.mobile-sports .second-level ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    height: 100%
}

.mobile-sports .second-level ul li {
    display: inline-block;
    max-height: 40px;
    width: auto
}

.mobile-sports .second-level ul li a {
    font-size: 10px;
    display: inline-block;
    height: 27px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 400;
    opacity: 0.4;
    margin-top: 12px;
    width: 100%;
    margin-right: 10px
}

.mobile-sports .second-level ul li a.active {
    border-bottom: 2px white solid;
    opacity: 1;
    font-weight: 700
}

.mobile-sports .second-level .empty {
    display: block;
    line-height: 40px;
    font-size: 12px;
    text-align: center;
    width: 100%;
    height: 100%
}

.mobile-sports .shadow-right {
    position: absolute;
    background-image: -webkit-linear-gradient(right, rgba(8, 38, 50, 0.80) 0%, rgba(8, 38, 50, 0.00) 98%);
    background-image: -o-linear-gradient(right, rgba(8, 38, 50, 0.80) 0%, rgba(8, 38, 50, 0.00) 98%);
    background-image: linear-gradient(to left, rgba(8, 38, 50, 0.80) 0%, rgba(8, 38, 50, 0.00) 98%);
    right: 0px;
    width: 30px;
    height: 60px;
    margin-left: -30px;
    top: 36px;
    z-index: 99;
    display: none
}

.mobile-sports .shadow-right:hover {
    z-index: -99
}

.mobile-sports .shadow-left {
    position: absolute;
    background-image: -webkit-linear-gradient(left, rgba(8, 38, 50, 0.70) 0%, rgba(8, 38, 50, 0.00) 98%);
    background-image: -o-linear-gradient(left, rgba(8, 38, 50, 0.70) 0%, rgba(8, 38, 50, 0.00) 98%);
    background-image: linear-gradient(to right, rgba(8, 38, 50, 0.70) 0%, rgba(8, 38, 50, 0.00) 98%);
    left: 0;
    width: 60px;
    height: 100%;
    margin-left: 0px;
    top: 0px;
    z-index: 99
}

.mobile-sports .shadow-left:hover {
    z-index: -99
}

.mobile-sports .shadow-second {
    position: absolute;
    background-image: -webkit-linear-gradient(right, rgba(8, 38, 50, 0.80) 0%, rgba(8, 38, 50, 0.00) 98%);
    background-image: -o-linear-gradient(right, rgba(8, 38, 50, 0.80) 0%, rgba(8, 38, 50, 0.00) 98%);
    background-image: linear-gradient(to left, rgba(8, 38, 50, 0.80) 0%, rgba(8, 38, 50, 0.00) 98%);
    right: 0px;
    width: 30px;
    height: 40px;
    margin-left: -30px;
    top: 96px;
    z-index: 99;
    display: none
}

.mobile-sports .shadow-second:hover {
    z-index: -99
}

#mobile-live-sports li span {
    width: 95px
}

@media only screen and (max-width: 767px) {
    .mobile-sports {
        display: block
    }
}

@media only screen and (max-width: 434px) {
    .mobile-sports .shadow-second {
        display: block !important
    }
    .mobile-sports .second-level ul li:last-child {
        margin-right: 20px
    }
}

@media only screen and (max-width: 400px) {
    .mobile-sports .scroll ul li:last-child {
        margin-right: 20px
    }
}

.mobile-sports.mobile-sports-v2[data-type="multijackpot"] {
    min-height: 0
}

.mobile-sports.mobile-sports-v2[data-type="multijackpot"] .scroll-container-mobile-sports {
    display: none
}

.mobile-list-navigation {
    display: none;
    width: 100%;
    padding: 0px;
    position: relative;
    height: 100vh;
    width: 100%;
    overflow-x: hidden
}

.mobile-list-navigation .list-group {
    margin-top: 24px;
    margin-bottom: 15px;
    width: 100%;
    position: absolute;
    top: 0px;
    margin-top: 15px !important;
    margin-bottom: 15px
}

.mobile-list-navigation h3 {
    font-size: 12px;
    letter-spacing: 0px;
    font-weight: 400;
    text-align: left;
    margin: 0px;
    padding: 8px;
    text-transform: uppercase
}

.mobile-list-navigation h3 a {
    color: #fff
}

.mobile-list-navigation ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.24)
}

.mobile-list-navigation ul a:first-child li:before {
    content: " ";
    border-bottom: 0px solid rgba(0, 0, 0, 0.3) !important;
    display: block;
    width: 100%;
    margin-left: 34px
}

    .mobile-list-navigation ul li {
        display: block;
        height: 42px;
        line-height: 42px;
        font-size: 14px;
        background-color: var(--primary);
        color: #fff;
        padding-left: 14px;
        padding-right: 8px;
        transition: 0.2s all
    }

.mobile-list-navigation ul li:before {
    content: " ";
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    display: block;
    width: 100%;
    margin-left: 34px
}

.mobile-list-navigation ul li .icon {
    margin-right: 10px
}

.mobile-list-navigation ul li .chevron {
    float: right;
    padding-right: 8px;
    font-size: 20px
}

.mobile-list-navigation ul li:hover,
.mobile-list-navigation ul li:focus {
    /*opacity: 0.5;*/
    transition: 0.2s all
}

@media only screen and (max-width: 767px) {
    .mobile-list-navigation {
        display: block;
		z-index: 10;	
		height:auto		
    }
	.mobile-list-navigation .list-group{
		margin-top:0!important;
		position:static
	}
}

.mobile-sports .favorite-list {
    height: auto !important;
    position: relative
}

.mobile-sports .favorite-list ul {
    list-style-type: none;
    position: relative
}

.mobile-sports .favorite-list ul span.delete {
    display: block;
    position: absolute;
    float: right;
    width: 14px;
    height: 14px;
    margin-top: 14px;
    background: url("../images/main_sprite_dark.svg") no-repeat -950px -200px;
    right: 64px
}

.mobile-sports .favorite-list ul li {
    display: block;
    text-align: left;
    height: 42px;
    transition: 0.2s all;
    position: relative
}

.mobile-sports .favorite-list ul li:hover,
.mobile-sports .favorite-list ul li:focus {
    background-color: rgba(0, 0, 0, 0.15);
    opacity: 0.5;
    transition: 0.2s all
}

.mobile-sports .favorite-list ul li:before {
    content: " ";
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    display: block;
    width: 100%;
    margin-left: 34px
}

.mobile-sports .favorite-list ul li a {
    opacity: 1 !important;
    margin-top: 0px;
    width: 100%;
    height: 100%
}

.mobile-sports .favorite-list ul li span {
    display: inline-block;
    line-height: 42px
}

.mobile-sports .favorite-list ul li span.chevron {
    float: right;
    font-size: 20px;
    line-height: 10px !important;
    margin-top: 15px;
    margin-right: 19px
}

.mobile-sports .favorite-list ul li span.name {
    padding-left: 15px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase
}

.mobile-sports .favorite-list ul li span.name:before {
    text-indent: -9999px;
    position: relative;
    display: inline-block;
    content: " ";
    top: -1px;
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat -600px -200px;
    width: 14px;
    height: 14px;
    margin-right: 11px;
    transform-origin: 50% 50%
}

.banner-match {
    height: 110px;
    background-position: 50% 90%;
    border-radius: 10px;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.28);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.banner-match.active {
    cursor: pointer !important
}

.banner-match .matches-slider {
    text-align: center
}

.banner-match .matches-slider ul #highlightedmatch {
    text-align: center
}

.banner-match .matches-slider ul #highlightedmatch p#title {
    padding-top: 35px;
    padding-bottom: 18px;
    font-size: 24px;
    color: #fff;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.50);
    font-weight: 700;
    display: block;
    width: 70%;
    margin: 0 auto
}

.banner-match .matches-slider ul #highlightedmatch p#title .score {
    display: inline-block;
    display: none;
    font-size: 24px;
    color: #fff;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.50);
    width: 15%;
    text-align: center
}

.banner-match .matches-slider ul #highlightedmatch p#title .versus {
    font-size: 24px;
    color: #fff;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.50);
    text-align: center;
    width: 15%;
    vertical-align: middle
}

.banner-match .matches-slider ul #highlightedmatch p#title .team01 {
    display: inline-block;
    padding-right: 20px;
    width: 40%;
    text-align: right;
    vertical-align: middle;
    word-wrap: break-word;
    line-height: 110%
}

.banner-match .matches-slider ul #highlightedmatch p#title .team02 {
    display: inline-block;
    padding-left: 20px;
    width: 40%;
    text-align: left;
    vertical-align: middle;
    word-wrap: break-word;
    line-height: 110%
}

.banner-match .matches-slider ul #highlightedmatch #info {
    display: none
}

.banner-match .matches-slider ul #highlightedmatch .bet-selector {
    display: none !important;
    margin: 0 auto;
    width: 85%;
    padding-bottom: 25px
}

.banner-match .matches-slider ul #highlightedmatch .bet-selector .pick01 .favorite,
.banner-match .matches-slider ul #highlightedmatch .bet-selector .pick02 .favorite {
    text-indent: -9999px;
    position: relative;
    display: inline-block;
    content: " ";
    top: -1px;
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat -650px -200px;
    width: 14px;
    height: 14px;
    right: 3px
}

.banner-match .matches-slider ul #highlightedmatch .bet-selector .pick01 .favorite:hover,
.banner-match .matches-slider ul #highlightedmatch .bet-selector .pick02 .favorite:hover {
    background: url("../images/main_sprite_dark.svg") no-repeat -600px -200px
}

.banner-match .matches-slider ul #highlightedmatch .bet-selector .pick01 {
    display: inline-block;
    width: 40%
}

.banner-match .matches-slider ul #highlightedmatch .bet-selector .pick0X {
    display: inline-block;
    width: 10%
}

.banner-match .matches-slider ul #highlightedmatch .bet-selector .pick0X span {
    display: block;
    text-align: center;
    float: none
}

.banner-match .matches-slider ul #highlightedmatch .bet-selector .pick02 {
    display: inline-block;
    width: 40%
}

.banner-match .matches-slider ul #highlightedmatch .bet-info {
    margin-bottom: 15px
}

.banner-match .matches-slider ul #highlightedmatch .bet-info li {
    display: inline;
    font-size: 16px;
    color: #fff;
    font-weight: 900;
    margin-left: 10px;
    margin-right: 10px
}

.banner-match .matches-slider ul #highlightedmatch .bet-info .game-date:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: -2px;
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat -400px -100px;
    width: 13px;
    height: 14px;
    right: 5px
}

.banner-match .matches-slider ul #highlightedmatch .bet-info .game-time:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: -2px;
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat -350px -100px;
    width: 15px;
    height: 15px;
    right: 5px
}

.banner-match .matches-slider ul #highlightedmatch .bet-info .game-id {
    text-transform: uppercase
}

.banner-match .matches-slider ul #highlightedmatch .bet-info .game-stopwatch {
    display: none
}

.banner-match .matches-slider ul #highlightedmatch .bet-info .game-stopwatch:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: -2px;
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat -1200px -100px;
    width: 13px;
    height: 15px
}

.banner-match .matches-slider ul .ongoing .score {
    display: inline-block !important;
    font-size: 32px !important;
    color: #fff;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.50);
    font-weight: 900;
    vertical-align: middle
}

.banner-match .matches-slider ul .ongoing .versus {
    display: none;
    font-size: 32px;
    color: #fff;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.50);
    font-weight: 900;
    vertical-align: middle
}

.banner-match .matches-slider ul .ongoing .bet-selector {
    display: none !important
}

.banner-match .matches-slider ul .ongoing #info {
    display: block !important;
    background-color: rgba(0, 0, 0, 0.6);
    margin-bottom: 10px;
    padding: 5px;
    border-radius: 0px
}

.banner-match .matches-slider ul .ongoing #info span {
    font-weight: 700;
    color: #fff
}

.banner-match .matches-slider ul .ongoing #info span.message {
    font-weight: 500 !important
}

.banner-match .matches-slider ul .ongoing .bet-info .game-stopwatch {
    display: inline-block !important
}

.banner-match .matches-slider ul .play-by-sms {
    position: relative;
    padding-top: 21px
}

.banner-match .matches-slider ul .play-by-sms .copy {
    position: relative;
    display: inline-block;
    width: 59%;
    height: 100%;
    margin-top: 60px;
    vertical-align: top;
    padding-right: 25px
}

.banner-match .matches-slider ul .play-by-sms .copy span {
    display: block;
    text-transform: uppercase;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.50)
}

.banner-match .matches-slider ul .play-by-sms .copy span:first-child {
    text-align: right;
    font-size: 22px
}

.banner-match .matches-slider ul .play-by-sms .copy span:last-child {
    text-align: right;
    font-size: 32px;
    font-weight: 800
}

.banner-match .matches-slider ul .play-by-sms .copy span:last-child .break {
    display: none
}

.banner-match .matches-slider ul .play-by-sms .phone {
    position: relative;
    padding-left: 15px;
    display: inline-block;
    vertical-align: bottom;
    width: 40%;
    background-image: url('../../img/livescore/sms.png');
    height: 195px;
    background-size: contain;
    background-repeat: no-repeat;
    overflow: hidden
}

.unslider-arrow {
    height: 30px;
    position: absolute;
    top: 95px;
    margin-left: 10px;
    margin-right: 10px
}

.unslider-arrow.next {
    width: 16px;
    height: 27px;
    background: url("../images/main_sprite_dark.svg") -50px -400px;
    text-indent: 100%;
    overflow: hidden
}

.unslider-arrow.prev {
    width: 16px;
    height: 27px;
    background: url("../images/main_sprite_dark.svg") 0px -400px;
    text-indent: 100%;
    overflow: hidden
}

.unslider-nav {
    width: 100%;
    position: absolute;
    top: 0px;
    margin-top: 180px;
    text-align: center
}

.unslider-nav ol li {
    border: 2px solid rgba(255, 255, 255, 0.5)
}

.central-banner {
    position: relative
}

.central-banner img {
    display: block;
    max-height: 215px;
    max-width: 420px;
    margin: 10px auto 0
}

.central-banner:hover {
    transition: all 0.5s;
    opacity: 0.5
}

.central-banner p {
    width: 100%;
    position: absolute;
    font-size: 19px;
    font-weight: 800;
    color: #fff;
    letter-spacing: 0;
    text-shadow: 0 2px 13px #000;
    top: 135px;
    text-transform: uppercase
}

@media only screen and (max-width: 1200px) {
    .banner-match .matches-slider ul .play-by-sms {
        position: relative;
        padding-top: 21px
    }
    .banner-match .matches-slider ul .play-by-sms .copy {
        position: relative;
        display: inline-block;
        width: 59%;
        height: 100%;
        margin-top: 60px;
        vertical-align: top;
        padding-right: 25px
    }
    .banner-match .matches-slider ul .play-by-sms .copy span {
        display: block;
        text-transform: uppercase;
        text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.50)
    }
    .banner-match .matches-slider ul .play-by-sms .copy span:first-child {
        text-align: right;
        font-size: 18px
    }
    .banner-match .matches-slider ul .play-by-sms .copy span:last-child {
        text-align: right;
        font-size: 28px;
        font-weight: 800
    }
    .banner-match .matches-slider ul .play-by-sms .copy span:last-child .break {
        display: none
    }
    .banner-match .matches-slider ul .play-by-sms .phone {
        position: relative;
        padding-left: 15px;
        display: inline-block;
        vertical-align: bottom;
        width: 38%;
        background-image: url('../../img/livescore/sms.png');
        height: 195px;
        background-size: contain;
        background-repeat: no-repeat;
        overflow: hidden
    }
}

@media only screen and (max-width: 1080px) {
    .banner-match .matches-slider ul .play-by-sms {
        position: relative;
        padding-top: 21px
    }
    .banner-match .matches-slider ul .play-by-sms .copy {
        position: relative;
        display: inline-block;
        width: 53%;
        height: 100%;
        margin-top: 50px;
        vertical-align: top;
        padding-right: 25px
    }
    .banner-match .matches-slider ul .play-by-sms .copy span {
        display: block;
        text-transform: uppercase;
        text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.50)
    }
    .banner-match .matches-slider ul .play-by-sms .copy span:first-child {
        text-align: right;
        font-size: 22px
    }
    .banner-match .matches-slider ul .play-by-sms .copy span:last-child {
        text-align: right;
        font-size: 32px;
        font-weight: 800;
        line-height: 1
    }
    .banner-match .matches-slider ul .play-by-sms .copy span:last-child .break {
        display: block;
        width: 100%
    }
    .banner-match .matches-slider ul .play-by-sms .phone {
        position: relative;
        padding-left: 15px;
        display: inline-block;
        vertical-align: bottom;
        width: 46%;
        background-image: url('../../img/livescore/sms.png');
        height: 195px;
        background-size: contain;
        background-repeat: no-repeat;
        overflow: hidden
    }
}

@media only screen and (max-width: 900px) {
    .banner-match .matches-slider ul .play-by-sms {
        position: relative;
        padding-top: 21px
    }
    .banner-match .matches-slider ul .play-by-sms .copy {
        position: relative;
        display: inline-block;
        width: 49%;
        height: 100%;
        margin-top: 50px;
        vertical-align: top;
        padding-right: 25px
    }
    .banner-match .matches-slider ul .play-by-sms .copy span {
        display: block;
        text-transform: uppercase;
        text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.50)
    }
    .banner-match .matches-slider ul .play-by-sms .copy span:first-child {
        text-align: right;
        font-size: 18px
    }
    .banner-match .matches-slider ul .play-by-sms .copy span:last-child {
        text-align: right;
        font-size: 28px;
        font-weight: 800;
        line-height: 1
    }
    .banner-match .matches-slider ul .play-by-sms .copy span:last-child .break {
        display: block;
        width: 100%
    }
    .banner-match .matches-slider ul .play-by-sms .phone {
        position: relative;
        padding-left: 15px;
        display: inline-block;
        vertical-align: bottom;
        width: 46%;
        background-image: url('../../img/livescore/sms.png');
        height: 195px;
        background-size: contain;
        background-repeat: no-repeat;
        overflow: hidden
    }
}

@media only screen and (max-width: 767px) {
    .central-banner img {
        margin-top: 3%;
        max-height: 135px;
        max-width: 264px
    }
    .central-banner p {
        font-size: 14px;
        margin-top: -60px
    }
    .banner-match {
        border-radius: 0px;
        margin-top: -32px;
        height: 150px
    }
    .banner-match #result {
        font-size: 45px !important
    }
    .banner-match .bet-info {
        margin-bottom: 10px
    }
    .banner-match .bet-info li {
        font-size: 14px !important
    }
    .banner-match .matches-slider {
        padding-top: 0px !important
    }
    .banner-match .matches-slider ul #highlightedmatch #title {
        padding-top: 0px !important;
        padding-bottom: 0px !important
    }
    .banner-match .matches-slider ul #highlightedmatch #title .team01,
    .banner-match .matches-slider ul #highlightedmatch #title .team02 {
        font-size: 14px
    }
    .banner-match .matches-slider ul #highlightedmatch #title .versus,
    .banner-match .matches-slider ul #highlightedmatch #title .score {
        font-size: 18px !important
    }
    .banner-match .matches-slider ul #highlightedmatch #info {
        margin-bottom: 15px
    }
    .banner-match .matches-slider ul #highlightedmatch .bet-info {
        margin-bottom: 5px
    }
    .unslider-arrow {
        top: 60px
    }
    .unslider-arrow.next {
        zoom: 0.5;
        -moz-transform: scale(0.5);
        -moz-transform-origin: 0 0;
        right: 0px
    }
    .unslider-arrow.prev {
        zoom: 0.5;
        -moz-transform: scale(0.5);
        -moz-transform-origin: 0 0;
        left: 0px
    }
    .unslider-nav {
        margin-top: 90px !important
    }
    .banner-match .matches-slider ul .play-by-sms {
        position: relative;
        padding-top: 21px
    }
    .banner-match .matches-slider ul .play-by-sms .copy {
        position: relative;
        display: inline-block;
        width: 49%;
        height: 100%;
        margin-top: 35px;
        vertical-align: top;
        padding-right: 25px;
        margin-left: -40px
    }
    .banner-match .matches-slider ul .play-by-sms .copy span {
        display: block;
        text-transform: uppercase;
        text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.50)
    }
    .banner-match .matches-slider ul .play-by-sms .copy span:first-child {
        text-align: right;
        font-size: 18px
    }
    .banner-match .matches-slider ul .play-by-sms .copy span:last-child {
        text-align: right;
        font-size: 28px;
        font-weight: 800
    }
    .banner-match .matches-slider ul .play-by-sms .copy span:last-child .break {
        display: none
    }
    .banner-match .matches-slider ul .play-by-sms .phone {
        position: relative;
        padding-left: 15px;
        display: inline-block;
        vertical-align: bottom;
        width: 158px;
        background-image: url('../../img/livescore/sms-mobile.png');
        height: 129px;
        background-size: contain;
        background-repeat: no-repeat;
        overflow: hidden
    }
}

@media only screen and (max-width: 650px) {
    .banner-match .matches-slider ul .play-by-sms {
        position: relative;
        padding-top: 15px
    }
    .banner-match .matches-slider ul .play-by-sms .copy {
        position: relative;
        display: inline-block;
        width: 100%;
        height: 100%;
        margin-top: 35px;
        vertical-align: top;
        padding-right: 0px;
        margin-left: 0px
    }
    .banner-match .matches-slider ul .play-by-sms .copy span {
        display: block;
        text-transform: uppercase;
        text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.50)
    }
    .banner-match .matches-slider ul .play-by-sms .copy span:first-child {
        text-align: center;
        font-size: 16px
    }
    .banner-match .matches-slider ul .play-by-sms .copy span:last-child {
        text-align: center;
        font-size: 24px;
        font-weight: 800
    }
    .banner-match .matches-slider ul .play-by-sms .copy span:last-child .break {
        display: none
    }
    .banner-match .matches-slider ul .play-by-sms .phone {
        display: none
    }
}

@media only screen and (max-width: 420px) {
    .central-banner img {
        margin-top: 3%
    }
}

:lang(en-ZA) .banner-match .matches-slider ul .play-by-sms .phone {
    background-image: url('../../img/livescore/sms_za_en.png')
}

:lang(en-TZ) .banner-match .matches-slider ul .play-by-sms .phone {
    background-image: url('../../img/livescore/sms_tz_en.png')
}

:lang(sw-KE) .banner-match .matches-slider ul .play-by-sms .phone {
    background-image: url('../../img/livescore/sms_ke_sw.png')
}

:lang(sw-TZ) .banner-match .matches-slider ul .play-by-sms .phone {
    background-image: url('../../img/livescore/sms_tz_sw.png')
}

@media only screen and (max-width: 767px) {
     :lang(en-ZA) .banner-match .matches-slider ul .play-by-sms .phone {
        background-image: url('../../img/livescore/sms-mobile_za_en.png')
    }
     :lang(en-TZ) .banner-match .matches-slider ul .play-by-sms .phone {
        background-image: url('../../img/livescore/sms-mobile_tz_en.png')
    }
     :lang(sw-TZ) .banner-match .matches-slider ul .play-by-sms .phone {
        background-image: url('../../img/livescore/sms-mobile_tz_sw.png')
    }
}

.live-score-banner .banner-match {
    height: 210px;
    background-position: 50% 90%;
    background-size: cover;
    border-radius: 7px
}

.live-score-banner .banner-match img {
    width: 100%
}

.live-score-banner .banner-match .matches-slider {
    height: 210px
}

.live-score-banner .banner-match .matches-slider ul #highlightedmatch {
    text-align: center
}

.live-score-banner .banner-match .matches-slider ul #highlightedmatch a {
    height: 170px;
    display: flex;
    flex-direction: column;
    justify-content: space-around
}

.live-score-banner .banner-match .matches-slider ul #highlightedmatch a>span {
    flex-grow: 2
}

.live-score-banner .banner-match .matches-slider ul #highlightedmatch p {
    margin: 0
}

.live-score-banner .banner-match .matches-slider ul #highlightedmatch p .score-upper {
    display: none;
    font-size: 24px;
    color: #fff;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.50);
    font-weight: 700
}

.live-score-banner .banner-match .matches-slider ul #highlightedmatch p#title {
    padding-top: 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-grow: 3
}

.live-score-banner .banner-match .matches-slider ul #highlightedmatch p#title .score {
    display: inline-block;
    display: none;
    flex: 1 1 auto
}

.live-score-banner .banner-match .matches-slider ul #highlightedmatch p#title .versus {
    font-size: 24px;
    color: #fff;
    vertical-align: middle
}

.live-score-banner .banner-match .matches-slider ul #highlightedmatch p#title .team01 {
    display: inline-block;
    padding-right: 20px;
    width: 40%;
    text-align: right;
    vertical-align: middle;
    word-wrap: break-word;
    line-height: 110%
}

.live-score-banner .banner-match .matches-slider ul #highlightedmatch p#title .team02 {
    display: inline-block;
    padding-left: 20px;
    width: 40%;
    text-align: left;
    vertical-align: middle;
    word-wrap: break-word;
    line-height: 110%
}

.live-score-banner .banner-match .matches-slider ul #highlightedmatch p#title .score-upper {
    display: none
}

.live-score-banner .banner-match .matches-slider ul #highlightedmatch #info {
    display: none
}

.live-score-banner .banner-match .matches-slider ul #highlightedmatch .bet-selector {
    margin: 0 auto;
    width: 85%;
    padding-bottom: 25px
}

.live-score-banner .banner-match .matches-slider ul #highlightedmatch .bet-info {
    padding-top: 0px;
    flex-grow: 1;
    margin-top: 15px;
    margin-bottom: 15px
}

.live-score-banner .banner-match .matches-slider ul .ongoing .score {
    display: inline-block !important;
    font-size: 32px !important;
    color: #fff;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.50);
    font-weight: 900;
    vertical-align: middle
}

.live-score-banner .banner-match .matches-slider ul .ongoing .versus {
    display: none;
    font-size: 32px;
    color: #fff;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.50);
    font-weight: 900;
    vertical-align: middle
}

.live-score-banner .banner-match .matches-slider ul .ongoing .bet-selector {
    display: none !important
}

.live-score-banner .banner-match .matches-slider ul .ongoing #info {
    display: block !important;
    background-color: rgba(0, 0, 0, 0.6);
    margin-bottom: 10px;
    padding: 5px;
    border-radius: 0px
}

.live-score-banner .banner-match .matches-slider ul .ongoing #info span {
    font-weight: 700;
    color: #fff
}

.live-score-banner .banner-match .matches-slider ul .ongoing #info span.message {
    font-weight: 500 !important
}

.live-score-banner .banner-match .matches-slider ul .ongoing .bet-info .game-stopwatch {
    display: inline-block !important
}

.live-score-banner .unslider-arrow {
    height: 30px;
    position: absolute;
    top: 95px;
    margin-left: 10px;
    margin-right: 10px
}

.live-score-banner .unslider-nav {
    width: 100%;
    position: absolute;
    top: 0px;
    margin-top: 180px;
    text-align: center
}

.live-score-banner-v3.live-score-banner .banner-match .matches-slider ul #highlightedmatch p#title .team01,
.live-score-banner-v3.live-score-banner .banner-match .matches-slider ul #highlightedmatch p#title .versus,
.live-score-banner-v3.live-score-banner .banner-match .matches-slider ul #highlightedmatch p#title .team02 {
    font-size: 18px !important;
    font-weight: bold !important;
    line-height: normal !important;
    vertical-align: baseline !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8) !important;
    width: auto !important
}

.live-score-banner-v3.live-score-banner .banner-match .matches-slider ul #highlightedmatch p#title .team01,
.live-score-banner-v3.live-score-banner .banner-match .matches-slider ul #highlightedmatch p#title .team02 {
    flex: 1 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.live-score-banner-v3.live-score-banner .banner-match .matches-slider ul #highlightedmatch p#title .team01 {
    text-align: right
}

.live-score-banner-v3.live-score-banner .banner-match .matches-slider ul #highlightedmatch p#title .team02 {
    text-align: left
}

.live-score-banner-v3.live-score-banner .banner-match .matches-slider ul #highlightedmatch p#title .score {
    font-size: 22px !important;
    font-weight: bold !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8) !important;
    white-space: nowrap;
    line-height: normal !important;
    vertical-align: baseline !important;
    min-width: 48px;
    flex: 0 1
}

.live-score-banner-v3.live-score-banner .banner-match .matches-slider ul #highlightedmatch .bet-info {
    margin-top: 12px;
    margin-bottom: 22px;
    width: auto !important;
    overflow: hidden
}

.live-score-banner-v3.live-score-banner .banner-match .matches-slider ul #highlightedmatch p#title {
    padding: 0;
    justify-content: center;
    align-items: center;
    margin: 0 8px;
    width: auto !important
}

.live-score-banner-v3.live-score-banner .banner-match .matches-slider ul #highlightedmatch .bet-info li {
    font-size: 14px;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis
}

.live-score-banner-v3.live-score-banner .banner-match .matches-slider ul #highlightedmatch a {
    display: block
}

.live-score-banner-v3.live-score-banner .unslider-nav {
    right: 0
}

.live-score-banner-v3.live-score-banner .banner-match .matches-slider ul #highlightedmatch .bet-info .game-id {
    white-space: nowrap
}

.live-score-banner-v3.live-score-banner .unslider-arrow.prev,
.live-score-banner-v3.live-score-banner .unslider-arrow.next {
    zoom: 0.6;
    -moz-transform: scale(0.6);
    -moz-transform-origin: 0 -150px;
    padding: 30px;
    font-size: 0;
}

.live-score-banner-v3.live-score-banner .unslider-arrow.prev {
    background: url("../images/main_sprite_dark.svg") 20px -385px
}

.live-score-banner-v3.live-score-banner .unslider-arrow.next {
    background: url("../images/main_sprite_dark.svg") -27px -385px
}

.live-score-banner-v3.live-score-banner .unslider-arrow {
    top: calc(50% - 30px);
    margin: 0
}

.live-score-banner-v3.live-score-banner .goal {
    display: flex;
    flex-wrap: nowrap;
    font-size: 12px;
    font-weight: 600;
    text-shadow: 0 4px 10px rgba(0, 0, 0, 0.8)
}

.live-score-banner-v3.live-score-banner .goal:nth-child(4) {
    -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0))
}

.live-score-banner-v3.live-score-banner .goal:nth-child(1n+5) {
    display: none !important
}

.live-score-banner-v3.live-score-banner .banner-match .matches-slider ul #highlightedmatch:not(.ongoing) p#title {
    flex-direction: column !important;
    margin-top: 40px !important
}

.live-score-banner-v3.live-score-banner .banner-match .matches-slider ul #highlightedmatch:not(.ongoing) p#title .team01,
.live-score-banner-v3.live-score-banner .banner-match .matches-slider ul #highlightedmatch:not(.ongoing) p#title .team02 {
    padding: 0 !important
}

.live-score-banner-v3.live-score-banner #highlightedmatch:not(.ongoing) p#title.goals {
    display: none !important
}

.live-score-banner-v3.live-score-banner p#title.goals {
    align-items: flex-start !important;
    margin: 18px 42px 0 42px !important;
    overflow: hidden
}

.live-score-banner-v3.live-score-banner p#title.goals .goal span {
    display: block
}

.live-score-banner-v3.live-score-banner p#title.goals .goal span.chrono {
    width: 22px;
    text-align: center
}

.live-score-banner-v3.live-score-banner p#title.goals .team01 .goal span.chrono {
    text-align: left
}

.live-score-banner-v3.live-score-banner p#title.goals .team02 .goal span.chrono {
    text-align: right
}

.live-score-banner-v3.live-score-banner p#title.goals .goal span.player {
    flex: 1 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block
}

.live-score-banner-v3.live-score-banner p#title.goals:not([data-total-goals="0"])>.empty,
.live-score-banner-v3.live-score-banner p#title.goals[data-total-goals="0"]>span:not(.empty) {
    display: none !important
}

.live-score-banner-v3.live-score-banner p#title.goals[data-total-goals="0"]>.empty {
    display: block !important;
    font-size: 14px;
    font-weight: bold;
    text-shadow: 0 4px 10px rgba(0, 0, 0, 0.8)
}

@media only screen and (max-width: 900px) {
    .live-score-banner .banner-match .matches-slider ul #highlightedmatch.ongoing p {
        margin: 0
    }
    .live-score-banner .banner-match .matches-slider ul #highlightedmatch.ongoing p .score-upper {
        font-size: 20px
    }
}

@media only screen and (max-width: 767px) {
    .live-score-banner .banner-match {
        height: 73px;
        border-radius: 0;
        margin-top: 0
    }
    .live-score-banner .banner-match .matches-slider {
        height: 70px;
    }
    .live-score-banner-v3.live-score-banner .unslider-arrow.prev,
    .live-score-banner-v3.live-score-banner .unslider-arrow.next {
        top: 42px;
    }
    .live-score-banner .banner-match #result {
        font-size: 45px !important
    }
    .live-score-banner .banner-match .bet-info {
        margin-top: 0;
        margin-bottom: 10px
    }
    .live-score-banner .banner-match .bet-info li {
        font-size: 16px !important
    }
    .live-score-banner .banner-match .matches-slider {
        padding-top: 0px !important
    }
    .live-score-banner .banner-match .matches-slider ul #highlightedmatch a {
        height: 157px
    }
    .live-score-banner .banner-match .matches-slider ul #highlightedmatch ul .play-by-sms .phone {
        height: 157px
    }
    .live-score-banner .banner-match .matches-slider ul #highlightedmatch .central-banner img {
        height: 157px !important
    }
    .live-score-banner .banner-match .matches-slider ul #highlightedmatch p#title {
        width: 80%;
        flex-direction: column;
        flex-wrap: nowrap
    }
    .live-score-banner .banner-match .matches-slider ul #highlightedmatch p#title .team01,
    .live-score-banner .banner-match .matches-slider ul #highlightedmatch p#title .team02 {
        line-height: 24px;
        width: 100%;
        text-align: center;
        padding: 0
    }
    .live-score-banner .banner-match .matches-slider ul #highlightedmatch.ongoing #title {
        flex-direction: row
    }
    .live-score-banner .banner-match .matches-slider ul #highlightedmatch.ongoing .score {
        display: none !important
    }
    .live-score-banner .banner-match .matches-slider ul #highlightedmatch.ongoing .team01,
    .live-score-banner .banner-match .matches-slider ul #highlightedmatch.ongoing .team02 {
        width: 50%
    }
    .live-score-banner .banner-match .matches-slider ul #highlightedmatch.ongoing p .score-upper {
        display: inline-block !important;
        font-size: 18px;
        font-weight: 900;
        vertical-align: middle
    }
    .live-score-banner .banner-match .matches-slider ul #highlightedmatch.ongoing .versus {
        display: none;
        font-size: 32px;
        color: #fff;
        text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.50);
        font-weight: 900;
        vertical-align: middle
    }
    .live-score-banner .banner-match .matches-slider ul #highlightedmatch #title {
        padding-top: 0px !important;
        padding-bottom: 0px !important
    }
    .live-score-banner .banner-match .matches-slider ul #highlightedmatch #title .versus,
    .live-score-banner .banner-match .matches-slider ul #highlightedmatch #title .score {
        width: 100%
    }
    .live-score-banner .banner-match .matches-slider ul #highlightedmatch #info {
        margin-bottom: 22px
    }
    .live-score-banner .banner-match .matches-slider ul #highlightedmatch .bet-info {
        margin-bottom: 8px
    }
    .live-score-banner .banner-match .matches-slider ul .play-by-sms .copy {
        margin-top: 40px
    }
    .live-score-banner .banner-match .matches-slider ul .play-by-sms .phone {
        display: none
    }
    .live-score-banner .unslider-arrow {
        top: 135px
    }
    .live-score-banner .unslider-nav {
        margin-top: 135px !important
    }
    .live-score-banner-v3.live-score-banner .banner-match .matches-slider ul #highlightedmatch .bet-info {
        margin-bottom: 12px !important
    }
    .live-score-banner-v3.live-score-banner .banner-match .matches-slider ul #highlightedmatch p#title {
        margin: 0 40px !important;
        flex-direction: column !important
    }
    .live-score-banner-v3.live-score-banner .banner-match .matches-slider ul #highlightedmatch.ongoing .score {
        display: block !important
    }
    .live-score-banner-v3.live-score-banner .banner-match .matches-slider ul #highlightedmatch:not(.ongoing) p#title {
        margin-top: auto !important
    }
    .live-score-banner-v3.live-score-banner .banner-match .matches-slider ul #highlightedmatch p#title .team01,
    .live-score-banner-v3.live-score-banner .banner-match .matches-slider ul #highlightedmatch p#title .team02 {
        width: 100% !important;
        text-align: center
    }
    .live-score-banner-v3.live-score-banner .unslider-arrow {
        top: 108px
    }
    .live-score-banner-v3.live-score-banner p#title.goals {
        display: none !important
    }
}

@media only screen and (max-width: 650px) {
    .banner-match .matches-slider ul #highlightedmatch #title {
        width: 80%
    }
    .banner-match .matches-slider ul #highlightedmatch #info {
        margin-bottom: 15px
    }
    .banner-match .matches-slider ul #highlightedmatch .bet-info {
        margin-bottom: 5px
    }
    .banner-match .matches-slider ul #highlightedmatch.ongoing p .score-upper {
        font-size: 14px
    }
}

@media only screen and (max-width: 420px) {
    .live-score-banner .banner-match .bet-info li {
        font-size: 14px !important
    }
    .live-score-banner .banner-match .matches-slider ul #highlightedmatch.ongoing p .score-upper {
        font-size: 14px
    }
    .live-score-banner .banner-match .matches-slider ul #highlightedmatch p#title .team01,
    .live-score-banner .banner-match .matches-slider ul #highlightedmatch p#title .team02 {
        font-size: 14px !important
    }
    .live-score-banner .banner-match .matches-slider ul #highlightedmatch p#title .versus {
        font-size: 18px
    }
    .live-score-banner-v3.live-score-banner .banner-match .matches-slider ul #highlightedmatch p#title .team01,
    .live-score-banner-v3.live-score-banner .banner-match .matches-slider ul #highlightedmatch p#title .versus,
    .live-score-banner-v3.live-score-banner .banner-match .matches-slider ul #highlightedmatch p#title .score,
    .live-score-banner-v3.live-score-banner .banner-match .matches-slider ul #highlightedmatch p#title .team02 {
        font-size: 16px !important
    }
}

@media only screen and (max-width: 380px) {
    .live-score-banner .banner-match .matches-slider ul #highlightedmatch .bet-info {
        width: 70%;
        margin: 5px auto 0 auto
    }
    .live-score-banner .banner-match .matches-slider ul #highlightedmatch .bet-info li {
        font-size: 12px !important
    }
    .live-score-banner .banner-match .matches-slider ul #highlightedmatch p#tite .versus {
        font-size: 18px
    }
    .live-score-banner .banner-match .matches-slider ul #highlightedmatch.ongoing p .score-upper {
        font-size: 12px
    }
    .live-score-banner .banner-match .matches-slider ul #highlightedmatch p#title .team01,
    .live-score-banner .banner-match .matches-slider ul #highlightedmatch p#title .team02 {
        font-size: 12px !important
    }
}

:lang(en-ZA) .banner-match .matches-slider ul .play-by-sms .phone {
    background-image: url('../../img/livescore/sms_za_en.png')
}

:lang(en-TZ) .banner-match .matches-slider ul .play-by-sms .phone {
    background-image: url('../../img/livescore/sms_tz_en.png')
}

:lang(sw-TZ) .banner-match .matches-slider ul .play-by-sms .phone {
    background-image: url('../../img/livescore/sms_tz_sw.png')
}

@media only screen and (max-width: 767px) {
     :lang(en-ZA) .banner-match .matches-slider ul .play-by-sms .phone {
        background-image: url('../../img/livescore/sms-mobile_za_en.png')
    }
     :lang(en-TZ) .banner-match .matches-slider ul .play-by-sms .phone {
        background-image: url('../../img/livescore/sms-mobile_tz_en.png')
    }
     :lang(sw-TZ) .banner-match .matches-slider ul .play-by-sms .phone {
        background-image: url('../../img/livescore/sms-mobile_tz_sw.png')
    }
}

.banner-welcome {
    border-radius: 10px;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.28);
    margin-bottom: 15px;
    display: block;
    position: relative;
    text-align: center;
    color: #fff
}

.banner-welcome .welcome-close {
    margin: 12px 12px 0 0;
    float: right;
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    border: 0;
    font-size: 32px;
    color: rgba(255, 255, 255, 0.6);
    background: 0 0;
    line-height: 0.5
}

.banner-welcome h2 {
    margin-top: 0;
    padding-top: 48px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 26px
}

.banner-welcome .welcome-body {
    font-size: 16px;
    max-width: 520px;
    margin: 0 auto
}

.banner-welcome .welcome-register {
    margin-top: 48px;
    width: 240px;
    text-transform: uppercase;
    font-weight: 800
}

.banner-welcome .welcome-footer {
    margin-top: 8px;
    padding-bottom: 24px;
    font-size: 12px
}

.banner-welcome .welcome-footer a {
    color: #fff;
    text-decoration: underline !important
}

.banner-welcome .welcome-footer a:hover {
    color: #ccc;
    transition: all 0.3s
}

.banner-welcome ::after {
    content: "";
    background-image: url('../../img/welcome_banner_background.png');
    border-radius: 10px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    opacity: 0.07;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1
}

@media only screen and (max-width: 767px) {
    .banner-welcome {
        border-radius: 0;
        margin-top: -62px
    }
    .banner-welcome .welcome-close {
        margin: 8px 8px 0 0;
        font-size: 30px
    }
    .banner-welcome h2 {
        margin-top: 36px;
        padding-top: 24px;
        font-weight: 700;
        font-size: 20px
    }
    .banner-welcome .welcome-body {
        margin-top: 20px;
        font-size: 12px
    }
    .banner-welcome .welcome-register {
        margin-top: 24px;
        width: 160px
    }
    .banner-welcome .welcome-footer {
        margin-top: 8px;
        font-size: 10px
    }
    .banner-welcome ::after {
        border-radius: 0
    }
}

@media only screen and (max-width: 256px) {
    .banner-welcome {
        margin-top: -28px
    }
    .banner-welcome h2 {
        margin-top: 0;
        padding-top: 24px
    }
    .banner-welcome .welcome-body {
        margin-top: 10px
    }
    .banner-welcome .welcome-register {
        margin-top: 0
    }
    .banner-welcome .welcome-footer {
        margin-top: 4px
    }
}

.bp {
    clear: both;
    background-color: rgba(21, 30, 39, 1);
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
    padding-bottom: 1px;
    margin-top: 0px;
    margin-bottom: 16px;
    position: relative
}

.bp.bp-section-empty {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.bp.bp-section-empty .bp-events .bp-empty {
    font-size: 14px
}

.bp ul {
    margin-bottom: 1px !important
}

.bp .bp-empty {
    display: block;
    padding: 30px;
    color: #fff;
    font-weight: 400;
    text-align: center;
    width: 100%
}

.bp .bp-empty span:first-child {
    font-weight: 700;
    display: block;
    margin-bottom: 10px
}

.bp .bp-empty a {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    font-weight: 700
}

.bp .bp-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    background-color: rgba(2, 11, 20, 1);
    height: 35px;
    padding-left: 8px;
    padding-right: 8px
}

.bp .bp-title .title {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    letter-spacing: 3px;
    font-weight: 800;
    text-transform: uppercase
}

.bp .bp-title .icon-tennis {
    width: 15px;
    height: 15px;
    background: url("../images/main_sprite_dark.svg") 0px -200px;
    text-indent: 100%;
    overflow: hidden
}

.bp .bp-title .icon-football,
.bp .bp-title .icon-soccer {
    width: 15px;
    height: 15px;
    background: url("../images/main_sprite_dark.svg") -50px -200px;
    text-indent: 100%;
    overflow: hidden
}

.bp .bp-title .icon-basketball {
    width: 15px;
    height: 15px;
    background: url("../images/main_sprite_dark.svg") -100px -200px;
    text-indent: 100%;
    overflow: hidden
}

.bp .bp-title .icon-rugby {
    width: 15px;
    height: 15px;
    background: url("../images/main_sprite_dark.svg") -150px -200px;
    text-indent: 100%;
    overflow: hidden
}

.bp .bp-title .icon-cricket {
    width: 15px;
    height: 15px;
    background: url("../images/main_sprite_dark.svg") -200px -200px;
    text-indent: 100%;
    overflow: hidden
}

.bp .bp-title .icon-results {
    width: 19px;
    height: 15px;
    background: url("../images/main_sprite_dark.svg") -200px -100px;
    text-indent: 100%;
    overflow: hidden
}

.bp .bp-title .icon-custom_bets {
    width: 18px;
    height: 23px;
    background: url("../../img/custom-bet-icon.svg") no-repeat;
    background-size: cover;
    text-indent: 100%;
    overflow: hidden
}

.bp .bp-title .icon-ice-hockey {
    width: 15px;
    height: 15px;
    background: url("../images/4.svg") no-repeat;
    background-size: contain !important;
    text-indent: 100%;
    overflow: hidden
}

.bp .bp-title .icon-handball {
    width: 15px;
    height: 15px;
    background: url("../images/6.svg") no-repeat;
    background-size: contain !important;
    text-indent: 100%;
    overflow: hidden
}

.bp .bp-title .icon-boxing {
    width: 15px;
    height: 15px;
    background: url("../images/10.svg") no-repeat;
    background-size: contain !important;
    text-indent: 100%;
    overflow: hidden
}

.bp .bp-title .icon-volleyball {
    width: 15px;
    height: 15px;
    background: url("../images/23.svg") no-repeat;
    background-size: contain !important;
    text-indent: 100%;
    overflow: hidden
}

.bp .bp-title .icon-motor-sport {
    width: 15px;
    height: 15px;
    background: url("../images/11.svg") no-repeat;
    background-size: contain !important;
    text-indent: 100%;
    overflow: hidden
}

.bp .bp-title .icon-mma {
    width: 15px;
    height: 15px;
    background: url("../images/117.svg") no-repeat;
    background-size: contain !important;
    text-indent: 100%;
    overflow: hidden
}

.bp .bp-title .help {
    width: 14px;
    height: 16px;
    background: url("../images/main_sprite_dark.svg") -500px -100px;
    text-indent: 100%;
    overflow: hidden
}

.bp .bp-title .print-game-button {
    width: 18px;
    height: 18px;
    background: url("../images/main_sprite_dark.svg") -900px -200px;
    text-indent: 100%;
    overflow: hidden
}

.bp .bp-title .search {
    width: 14px;
    height: 16px;
    background: url("../images/main_sprite_dark.svg") -1250px -100px;
    text-indent: 100%;
    overflow: hidden
}

.bp .bp-title .toggle-leagues {
    width: 16px;
    height: 16px;
    background: url("../images/main_sprite_dark.svg") -1300px -100px;
    text-indent: 100%;
    overflow: hidden;
    transition: 0s all
}

.bp .bp-title .toggle-leagues.active {
    background: url("../images/main_sprite_dark.svg") -1350px -100px !important;
    opacity: 1 !important;
    transition: 0s all
}

.bp .bp-title .toggle-leagues.active:hover {
    background: url("../images/main_sprite_dark.svg") -1350px -100px !important;
    opacity: 0.8 !important;
    transition: 0s all
}

.bp .bp-title .toggle-leagues.active.disabled:hover {
    opacity: 0.3 !important
}

.bp .bp-title .bp-tools {
    vertical-align: middle;
    margin-top: 5px
}

.bp .bp-title .bp-tools a {
    display: inline-block;
    opacity: 0.7;
    transition: all 0.2s;
    margin-right: 6px;
    margin-left: 6px
}

.bp .bp-title .bp-tools a:hover {
    opacity: 1;
    transition: all 0.2s
}

.bp .bp-title .bp-tools a:last-child {
    margin-left: 12px;
    margin-right: 0px !important
}

.bp .bp-title .bp-tools a.disabled {
    opacity: 0.3 !important;
    cursor: not-allowed !important
}

.bp .bp-title .bp-tools a.disabled:hover {
    opacity: 0.3 !important;
    cursor: not-allowed !important
}

.bp .bp-title .icon-bethistory {
    width: 15px;
    height: 15px;
    background: url("../images/main_sprite_dark.svg") -500px -200px;
    text-indent: 100%;
    overflow: hidden;
    content: " "
}

.bp .bp-title .icon-transactions {
    width: 12px;
    height: 15px;
    background: url("../images/main_sprite_dark.svg") -550px -200px;
    text-indent: 100%;
    overflow: hidden;
    content: " "
}

.bp .bp-title .icon-account {
    background: url("../images/main_sprite_dark.svg") no-repeat 0px -1400px;
    width: 15px;
    height: 15px;
    text-indent: 100%;
    overflow: hidden;
    content: " "
}

.bp .bp-title .icon-withdrawal {
    background: url("../images/main_sprite_dark.svg") no-repeat -200px -1400px;
    width: 15px;
    height: 15px;
    text-indent: 100%;
    overflow: hidden;
    content: " "
}

.bp .bp-header {
    position: relative;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 10px;
    width: 100%;
    min-height: 20px;
    color: #fff;
    margin-bottom: 10px
}

.bp .bp-header ul {
    display: inline-block;
    text-align: center
}

.bp .bp-header ul li {
    display: inline-block;
    list-style: none;
    padding: 0px;
    margin: 0px
}

.bp .bp-header .meta {
    padding: 0px;
    width: 30%;
    float: left
}

.bp .bp-header .meta .date {
    float: left;
    width: 36%
}

.bp .bp-header .meta .date span {
    margin-left: 45%;
    content: "";
    display: block;
    height: 14px;
    width: 13px;
    background: url("../images/main_sprite_dark.svg") 0 -900px;
    text-indent: 99999px;
    overflow: hidden
}

.bp .bp-header .meta .time {
    float: left;
    width: 28%
}

.bp .bp-header .meta .time span {
    margin-left: 45%;
    content: "";
    display: block;
    height: 15px;
    width: 15px;
    background: url("../images/main_sprite_dark.svg") -50px -900px;
    text-indent: 99999px;
    overflow: hidden
}

.bp .bp-header .meta .game-id {
    float: left;
    width: 36%
}

.bp .bp-header .bet-selector {
    padding: 0px;
    width: 62%;
    float: left
}

.bp .bp-header .bet-selector .home-team {
    float: left;
    width: 44%
}

.bp .bp-header .bet-selector .draw {
    float: left;
    width: 12%
}

.bp .bp-header .bet-selector .visiting-team {
    float: left;
    width: 44%
}

.bp .extra-betting {
    padding: 0px;
    width: 5%;
    float: left
}

.bp .jp-result {
    padding-left: 0px;
    font-size: 12px;
    margin-top: 6px;
    text-align: center;
    width: 6%
}

.bp .jp-result span.jp-result-desc {
    display: none
}

.order-events {
    font-size: 12px;
    text-align: right;
    padding: 10px 10px 0px 10px
}

.order-events label {
    padding-right: 5px;
    font-weight: 500
}

.bp-events {
    width: 100%;
    position: relative;
    font-size: 12px;
    line-height: 16px;
    vertical-align: middle
}

.bp-events .match {
    color: #fff important
}

.bp-events .match ul {
    display: inline-block;
    text-align: center
}

.bp-events .match ul li {
    display: inline-block;
    list-style: none;
    padding: 0px;
    margin: 0px;
    padding-left: 1px
}

.bp-events .match .leaguename {
    display: block;
    overflow: hidden;
    margin-top: 6px;
    margin-bottom: 6px
}

.bp-events .match .leaguename .name {
    padding: 6px;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 2.25px
}

.bp-events .match .leaguename:after {
    content: "";
    display: inline-block;
    height: 0.3em;
    opacity: 0.2;
    vertical-align: center;
    width: 100%;
    margin-right: -100%;
    margin-left: 0px;
    border-top: 1px solid white
}

.bp-events .match .meta {
    padding: 0px;
    width: 30%;
    float: left;
    min-height: 30px;
    line-height: 30px
}

.bp-events .match .meta .date {
    float: left;
    width: 36%
}

.bp-events .match .meta .time {
    float: left;
    width: 28%
}

.bp-events .match .meta .game-id {
    float: left;
    width: 36%
}

.bp-events .match .meta .game-id span.gameid {
    display: none;
    text-transform: uppercase;
    font-weight: 700
}

.bp-events .match .bet-selector {
    padding: 0px;
    width: 62%;
    float: left
}

.bp-events .match .bet-selector .pick01,
.bp-events .match .bet-selector .pick02 {
    float: left;
    width: 40%
}

.bp-events .match .bet-selector .pick01 .favorite,
.bp-events .match .bet-selector .pick02 .favorite {
    width: 8%
}

.bp-events .match .bet-selector .pick01 .team,
.bp-events .match .bet-selector .pick02 .team,
.bp-events .match .bet-selector .pick0X .team {
    overflow: hidden;
    max-width: 65%;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left
}

.bp-events .match .bet-selector .pick01 .odd,
.bp-events .match .bet-selector .pick02 .odd,
.bp-events .match .bet-selector .pick0X .odd {
    min-width: 25%;
    text-align: right
}

.bp-events .match .bet-selector .pick0X {
    float: left;
    width: 20%
}

.bp-events .match .bet-selector .pick0X .team {
    display: none
}

.bp-events .match .bet-selector .pick0X .odd {
    text-align: center;
    width: 100%
}

.bp-events .match .bet-selector .pick02 {
    float: left;
    width: 40%
}

.bp-events .match .game-stats {
    display: none
}

.bp-events .match .extra-picks {
    padding: 0px;
    width: 8%;
    float: left
}

.bp-events .match .extra-picks li {
    float: left;
    width: 98%
}

.bp-events .match .extra-picks li a {
    display: block;
    text-align: center
}

.bp-events .match .extra-picks li a span.short-desc {
    display: inline
}

.bp-events .match .extra-picks li a span.long-desc {
    display: none
}

.bp-events .match .teams {
    display: none
}

.odd {
    float: right
}

.odd.rise:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: 0px;
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat -100px -300px;
    width: 8px;
    height: 4px;
    right: 2px
}

.odd.fall:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: -1px;
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat -150px -300px;
    width: 8px;
    height: 4px;
    right: 2px
}

.market-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    background-color: rgba(2, 11, 20, 1);
    min-height: 35px;
    text-align: left;
    padding-left: 8px;
    padding-right: 8px;
    margin-top: 15px;
    font-weight: 700
}

.market-header span:first-child {
    max-width: 92% !important;
    padding-top: 10px;
    padding-bottom: 10px
}

.market-header[data-market-status="closed"] {
    background-color: rgba(2, 11, 20, 0.35);
    display: none
}

.market-header[data-market-status="closed"] span:first-child {
    opacity: 0.35
}

.market-header[data-market-status="closed"] span:nth-child(2):before {
    position: relative;
    display: inline-block;
    content: " ";
    top: -1px;
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat -1400px -100px;
    width: 10px;
    height: 13px;
    right: 4px
}

.market-header[data-market-status="suspended"] {
    background-color: rgba(2, 11, 20, 0.35)
}

.market-header[data-market-status="suspended"] span:first-child {
    opacity: 0.35
}

.market-header[data-market-status="suspended"] span:nth-child(2):before {
    position: relative;
    display: inline-block;
    content: " ";
    top: 1px;
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat -1448px -100px;
    width: 10px;
    height: 13px;
    right: 4px
}

.market-header .help {
    display: inline-block;
    width: 14px;
    height: 16px;
    background: url("../images/main_sprite_dark.svg") -500px -100px;
    text-indent: 100%;
    overflow: hidden;
    top: 3px
}

.market-picker {
    padding: 0px;
    width: 100%;
    float: left;
    padding-right: 3px;
    padding-left: 2px
}

.market-picker ul {
    display: flex;
    padding-left: 0px;
    flex-flow: row wrap
}

.market-picker ul li {
    flex-grow: 1 !important;
    display: inline-block;
    flex-basis: 30%;
    margin-bottom: 1px;
    min-width: 0
}

.market-picker ul li a {
    min-width: 0
}

.market-picker ul li a .team {
    overflow: hidden;
    max-width: 75%;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left
}

.market-picker ul.market-col-3 li {
    flex-basis: 30%
}

.market-picker ul.market-col-2 li {
    flex-basis: 50%
}

.market-picker ul .flexclear:after {
    content: "";
    flex-grow: 1 !important;
    display: inline-block;
    flex-basis: 30%
}

.inac .bp-header .bet-selector .home-team {
    width: 34% !important
}

.inac .bp-header .bet-selector .draw {
    width: 21%
}

.inac .bp-header .bet-selector .results {
    width: 8% !important
}

.inac .bp-header .bet-selector .visiting-team {
    width: 35% !important
}

.bp-market-info {
    width: 100%;
    padding: 15px
}

.bp-market-info .meta-info {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 12px
}

.bp-market-info .event-name {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 18px;
    padding: 5px
}

.bp-market-info .cta a {
    padding: 8px 10px 8px 34px !important
}

.bp-market-info .cta a:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: -1px;
    vertical-align: middle;
    background: url('../../img/edit_icon.svg') no-repeat;
    width: 14px;
    height: 14px;
    right: 5px
}

.live-notification {
    background: #f0f0f0;
    padding: 12px;
    color: #000 !important;
    margin-bottom: 16px
}

.live-notification:before {
    display: inline-block;
    content: " ";
    background-image: url('../../img/live-table/warning.svg');
    width: 32px;
    height: 32px;
    margin-right: 12px
}

.live-notification .content {
    display: inline-block
}

.live-notification .content h3 {
    padding: 0px;
    margin: 0px;
    font-size: 14pt;
    font-weight: 700
}

.live-notification .content p {
    margin: 0px;
    padding: 0px
}

.live-notification .content p a {
    text-decoration: underline !important;
    font-weight: 600
}

@media only screen and (max-width: 1200px) {
    .bp .bp-events .match .bet-selector {
        padding: 0px;
        width: 62%;
        float: left
    }
    .bp .bp-events .match .bet-selector .pick01,
    .bp .bp-events .match .bet-selector .pick02 {
        float: left;
        width: 40%
    }
    .bp .bp-events .match .bet-selector .pick01 .favorite,
    .bp .bp-events .match .bet-selector .pick02 .favorite {
        width: 7% !important
    }
    .bp .bp-events .match .bet-selector .pick01 .team,
    .bp .bp-events .match .bet-selector .pick02 .team,
    .bp .bp-events .match .bet-selector .pick0X .team {
        overflow: hidden;
        max-width: 68%;
        display: inline-block;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-align: left
    }
    .bp .bp-events .match .bet-selector .pick01 .odd,
    .bp .bp-events .match .bet-selector .pick02 .odd,
    .bp .bp-events .match .bet-selector .pick0X .odd {
        min-width: 20%;
        text-align: right
    }
    .bp .bp-events .match .bet-selector .pick0X {
        float: left;
        width: 16%
    }
    .bp .bp-events .match .bet-selector .pick0X .team {
        display: none
    }
    .bp .bp-events .match .bet-selector .pick0X .odd {
        text-align: center;
        width: 100%
    }
    .bp .bp-events .match .bet-selector .pick02 {
        float: left;
        width: 44%
    }
}

@media only screen and (max-width: 992px) {
    .bp .bp-events .match .bet-selector {
        padding: 0px;
        width: 62%;
        float: left
    }
    .bp .bp-events .match .bet-selector .pick01,
    .bp .bp-events .match .bet-selector .pick02 {
        float: left;
        width: 36%
    }
    .bp .bp-events .match .bet-selector .pick01 .favorite,
    .bp .bp-events .match .bet-selector .pick02 .favorite {
        width: 13% !important
    }
    .bp .bp-events .match .bet-selector .pick01 .team,
    .bp .bp-events .match .bet-selector .pick02 .team,
    .bp .bp-events .match .bet-selector .pick0X .team {
        overflow: hidden;
        max-width: 45%;
        display: inline-block;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-align: left
    }
    .bp .bp-events .match .bet-selector .pick01 .odd,
    .bp .bp-events .match .bet-selector .pick02 .odd,
    .bp .bp-events .match .bet-selector .pick0X .odd {
        min-width: 35%;
        text-align: right
    }
    .bp .bp-events .match .bet-selector .pick0X {
        float: left;
        width: 20%
    }
    .bp .bp-events .match .bet-selector .pick0X .team {
        display: none
    }
    .bp .bp-events .match .bet-selector .pick0X .odd {
        text-align: center;
        width: 100%
    }
    .bp .bp-events .match .bet-selector .pick02 {
        float: left;
        width: 44%
    }
}

@media only screen and (max-width: 767px) {
    .bp {
        margin-left: 8px;
        margin-right: 8px;
        border-radius: 3px;
        margin-bottom: 32px;
        color: #fff !important
    }
    .bp .bp-title {
        border-top-right-radius: 3px;
        border-top-left-radius: 3px;
        height: 45px;
        justify-content: space-between
    }
    .bp .bp-title .title {
        font-size: 14px;
        letter-spacing: 0px;
        font-weight: 400;
        padding-left: 10px;
        max-width: 250px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: center
    }
    .bp .bp-title .icon-football {
        margin-left: 5px
    }
    .bp .bp-title .icon-sport {
        margin-left: 5px
    }
    .bp .bp-title .help {
        margin-left: auto;
        margin-right: 5px
    }
    .bp .bp-title .bp-tools {
        float: right !important
    }
    .bp .bp-header {
        display: none
    }
    .bp .market-header {
        text-align: left;
        min-height: 35px !important
    }
    .bp .market-picker .betting-button .odd {
        width: 100%;
        text-align: center;
        font-size: 14px;
        font-weight: 700
    }
    .bp .market-picker .betting-button span:first-child {
        display: block;
        width: 100%;
        overflow: hidden;
        max-width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-align: center
    }
    .bp .bp-events {
        margin-top: 5px
    }
    .bp .bp-events .match {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2)
    }
    .bp .bp-events .match:last-child {
        border-bottom: none
    }
    .bp .bp-events .match .meta {
        width: 100%;
        padding-bottom: 10px;
        padding-top: 0px
    }
    .bp .bp-events .match .meta .date,
    .bp .bp-events .match .meta .time,
    .bp .bp-events .match .meta .game-id {
        font-size: 12px !important
    }
    .bp .bp-events .match .meta .date {
        text-align: left;
        padding-left: 18px
    }
    .bp .bp-events .match .meta .date:before {
        position: relative;
        display: inline-block;
        content: " ";
        top: -1px;
        vertical-align: middle;
        background: url("../images/main_sprite_dark.svg") no-repeat 0px -900px;
        width: 14px;
        height: 14px;
        right: 5px
    }
    .bp .bp-events .match .meta .time {
        text-align: center
    }
    .bp .bp-events .match .meta .time:before {
        position: relative;
        display: inline-block;
        content: " ";
        top: -1px;
        vertical-align: middle;
        background: url("../images/main_sprite_dark.svg") no-repeat -50px -900px;
        width: 14px;
        height: 14px;
        right: 5px
    }
    .bp .bp-events .match .meta .game-id {
        text-align: right;
        padding-right: 15px
    }
    .bp .bp-events .match .meta .game-id span.gameid {
        display: inline
    }
    .bp .bp-events .match .teams {
        display: block;
        position: relative;
        padding-left: 18px;
        text-align: left;
        font-size: 14px;
        color: #fff;
        font-weight: 400;
        padding-right: 5px
    }
    .bp .bp-events .match .teams li {
        display: inline-block !important;
        padding-bottom: 16px;
        width: 48%;
        vertical-align: top;
        padding-left: 1.5em;
        text-indent: -1.5em
    }
    .bp .bp-events .match .teams .favorite {
        position: relative;
        display: inline-block;
        content: " ";
        top: -2px;
        vertical-align: middle;
        background: url("../images/main_sprite_dark.svg") no-repeat -50px -1200px;
        width: 20px;
        height: 20px;
        right: 5px;
        text-indent: -99999px;
        cursor: pointer
    }
    .bp .bp-events .match .teams .active {
        vertical-align: middle;
        background: url("../images/main_sprite_dark.svg") no-repeat 0px -1200px !important
    }
    .bp .bp-events .match .teams .fav:before {
        position: relative;
        display: inline-block;
        content: " ";
        top: -2px;
        vertical-align: middle;
        background: url("../images/main_sprite_dark.svg") no-repeat 0px -1200px;
        width: 20px;
        height: 20px;
        right: 5px
    }
    .bp .bp-events .match .teams .no-fav:before {
        position: relative;
        display: inline-block;
        content: " ";
        top: -2px;
        vertical-align: middle;
        background: url("../images/main_sprite_dark.svg") no-repeat -50px -1200px;
        width: 20px;
        height: 20px;
        right: 5px
    }
    .bp .bp-events .match .bet-selector {
        width: 100%
    }
    .bp .bp-events .match .bet-selector .pick01,
    .bp .bp-events .match .bet-selector .pick02 {
        float: left;
        width: 40%
    }
    .bp .bp-events .match .bet-selector .pick01 .favorite,
    .bp .bp-events .match .bet-selector .pick02 .favorite {
        display: none
    }
    .bp .bp-events .match .bet-selector .pick01 {
        float: left;
        width: 33.1%
    }
    .bp .bp-events .match .bet-selector .pick0X {
        float: left;
        width: 33.1%
    }
    .bp .bp-events .match .bet-selector .pick0X .team {
        display: inline
    }
    .bp .bp-events .match .bet-selector .pick02 {
        float: left;
        width: 33.1%
    }
    .bp .bp-events .match .bet-selector .pick01 a .odd,
    .bp .bp-events .match .bet-selector .pick02 a .odd,
    .bp .bp-events .match .bet-selector .pick0X a .odd {
        width: 100%;
        text-align: center;
        font-size: 14px;
        font-weight: 700
    }
    .bp .bp-events .match .bet-selector .pick01 a .team,
    .bp .bp-events .match .bet-selector .pick02 a .team,
    .bp .bp-events .match .bet-selector .pick0X a .team {
        display: block;
        width: 100%;
        overflow: hidden;
        max-width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-align: center
    }
    .bp .bp-events .match .extra-picks {
        width: 100%
    }
    .bp .bp-events .match .extra-picks li {
        width: 99.3%;
        margin-top: 1px;
        letter-spacing: 1px
    }
    .bp .bp-events .match .extra-picks li .betting-button {
        min-height: 24px !important
    }
    .bp .bp-events .match .extra-picks li a {
        line-height: 14px
    }
    .bp .bp-events .match .extra-picks li a span.short-desc {
        display: none
    }
    .bp .bp-events .match .extra-picks li a span.long-desc {
        display: inline
    }
    .bp .betting-button {
        font-size: 10px;
        font-weight: 700;
        text-align: left;
        display: block;
        background: linear-gradient(-179deg, rgba(21, 30, 39, 1) 2%, #662483 99%);
        border: 1px solid rgba(45, 74, 94, 1);
        padding: 6px 8px 6px 8px;
        color: #fff;
        text-transform: uppercase;
        margin-left: 1px;
        min-height: 48px !important
    }
    .bp .betting-button:hover,
    .bp .betting-button:focus,
    .bp .betting-button:active {
        background: linear-gradient(-179deg, rgba(21, 30, 39, 1) 2%, #662483 99%);
        border: 1px solid rgba(45, 74, 94, 1);
        box-shadow: 0px 0px 5px 0px rgba(82, 121, 148, 1);
        color: #fff
    }
    .bp .jp-result li span.jp-result-desc {
        display: inline;
        font-weight: 200;
        text-transform: uppercase
    }
    .bp-market-info {
        width: 100%;
        padding: 15px
    }
    .bp-market-info .meta-info {
        display: block;
        width: 100%;
        text-align: center;
        font-size: 12px
    }
    .bp-market-info .event-name {
        display: block;
        width: 100%;
        text-align: center;
        font-size: 18px;
        padding: 5px;
        padding-left: 0px
    }
    .jackpot-table .bp-events .match .meta .game-id:before {
        content: " "
    }
    .jackpot-table .bp-title .title {
        padding-left: 10px;
        padding-right: 10px
    }
    .jackpot-table .bp-title span:nth-child(2),
    .jackpot-table .bp-title span:nth-child(4) {
        padding-left: 5px;
        padding-right: 5px
    }
    .jackpot-table .bp-header .meta {
        padding: 0px;
        width: 32% !important;
        float: left
    }
    .jackpot-table .bp-header .bet-selector-active {
        padding: 0px;
        width: 68% !important;
        float: left
    }
    .jackpot-table .meta .date {
        padding-left: 24px
    }
    .jackpot-table .meta .time {
        padding-left: 20px
    }
    .jackpot-table .meta .game-id {
        padding-left: 18px !important
    }
    .jackpot-table .bp-header .bet-selector {
        width: 70%
    }
    .jackpot-table .bp-header .bet-selector .visiting-team,
    .jackpot-table .bp-header .bet-selector .jackpot-table .bp-header .bet-selector .home-team {
        width: 39%
    }
    .jackpot-table .bp-header .bet-selector .draw {
        width: 20%
    }
    .jackpot-table .bp-events .match .meta .match-pos {
        padding: 0px;
        width: 7%;
        float: left;
        min-width: 30px
    }
    .jackpot-table .bp-events .match .meta .date {
        width: 30% !important
    }
    .jackpot-table .bp-events .match .meta .time {
        width: 26% !important
    }
    .jackpot-table .bp-events .match .meta .game-id {
        width: 30% !important
    }
    .jp-result {
        width: 100% !important;
        padding: 15px;
        margin: 0px;
        list-style-type: none;
        font-weight: 700;
        text-align: center !important
    }
    .jp-result li {
        display: inline-block
    }
    .jp-result li span.jp-result-desc {
        display: inline;
        font-weight: 200;
        text-transform: uppercase
    }
}

@media only screen and (max-width: 480px) {
    .bp .bp-title .title {
        max-width: 120px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: center
    }
    .bp .order-events {
        text-align: center !important
    }
    .jp-result {
        width: 100% !important;
        padding: 15px;
        margin: 0px;
        list-style-type: none;
        font-weight: 700;
        text-align: center !important
    }
    .jp-result li {
        display: inline-block
    }
    .market-header {
        text-align: center
    }
    .market-header[data-market-status="closed"] {
        background-color: rgba(2, 11, 20, 0.35)
    }
    .market-header[data-market-status="closed"] span:nth-child(2) {
        width: 20px !important;
        overflow: hidden !important;
        height: 13px !important
    }
    .market-header[data-market-status="suspended"] {
        background-color: rgba(2, 11, 20, 0.35)
    }
    .market-header[data-market-status="suspended"] span:nth-child(2) {
        width: 20px !important;
        overflow: hidden !important;
        height: 13px !important
    }
}

@media only screen and (max-width: 320px) {
    .bp .bp-title .title {
        max-width: 100px !important;
        font-size: 13px !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: center
    }
}

@media only screen and (max-width: 290px) {
    .bp .bp-title .title {
        max-width: 90px !important;
        font-size: 12px !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: center
    }
}

@media only screen and (max-width: 285px) {
    .bp .bp-title .title {
        max-width: 80px !important;
        font-size: 12px !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: center
    }
}

.bp .bp-search {
    width: 100%;
    background-color: #662483;
    margin-bottom: 0px
}

.bp .bp-search form {
    min-height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.bp .bp-search form label {
    margin-right: 10px
}

.bp .bp-search form a {
    display: inline-block;
    margin: 5px 10px 5px 10px;
    color: #fff;
    opacity: 0.8;
    font-weight: 700
}

.bp .bp-search form a:hover {
    color: #fff;
    opacity: 1
}

.bp .bp-search form a.clear {
    color: #f18686
}

.bp .bp-search form input {
    margin: 5px;
    height: 30px
}

.bp .bp-search form input[type="text"] {
    color: #000;
    font-size: 12px;
    min-width: 200px
}

.bp .bp-search form input[type="submit"] {
    background: rgba(82, 121, 148, 1);
    border: 0px;
    display: inline-block;
    background: #fff;
    border: 0px solid rgba(25, 34, 126, 0.13);
    padding-top: 0px;
    text-transform: uppercase;
    font-weight: 800;
    position: relative;
    display: inline-block;
    text-indent: -9999999px;
    top: -1px;
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat -300px -1400px;
    width: 18px;
    height: 18px;
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer
}

.bp .bp-search .shadow {
    position: absolute !important;
    background-color: transparent;
    opacity: 0.5;
    height: 10px;
    width: 100%;
    position: relative;
    background-image: linear-gradient(-180deg, #000 0%, transparent 98%);
    margin-bottom: -5px
}

@media only screen and (max-width: 767px) {
    .bp .bp-search form label {
        display: none
    }
}

@media only screen and (max-width: 480px) {
    .bp .bp-search form {
        font-size: 12px !important
    }
    .bp .bp-search form .close {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .bp .upcomingmatches .league .leaguename {
        margin-bottom: 0px
    }
    .bp .upcomingmatches .league .match {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2)
    }
    .bp .upcomingmatches .league .match:last-child {
        border-bottom: none
    }
    .bp .upcomingmatches .league .match .meta {
        width: 100%
    }
    .bp .upcomingmatches .league .match .meta .time,
    .bp .upcomingmatches .league .match .meta .game-id {
        width: 50%
    }
    .bp .upcomingmatches .league .match .meta .time {
        text-align: left
    }
    .bp .upcomingmatches .league .match .meta .time:before {
        left: 10px;
        margin-right: 15px
    }
    .bp .upcomingmatches .league .match .meta .game-id {
        text-align: right
    }
    .bp .upcomingmatches .league .match .bet-selector {
        width: 100%
    }
}

.bs {
    background-color: rgba(255, 255, 255, 1);
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
    padding-bottom: 1px;
    padding-bottom: 0px;
    margin-bottom: 30px
}

.bs .bs-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    background-color: #662483;
    height: 35px;
    padding-left: 8px;
    padding-right: 8px
}

.bs .bs-title .title {
    display: inline-block;
    font-size: 14px;
    line-height: 35px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase
}

.bs .bs-body #betslip .possible-winnings-line {
    display: none
}

.bs .bs-body #betslip .bet-amount-line {
    display: flex
}

.bs .bs-body #betslip .bet-total-amount-line {
    display: none
}

.bs .bs-body #betslip[data-betslip="mixed"] .possible-winnings-line {
    display: flex
}

.bs .bs-body #betslip[data-betslip="mixed"] .bet-amount-line {
    display: none
}

.bs .bs-body #betslip[data-betslip="mixed"] .bet-total-amount-line {
    display: flex
}

.bs .bs-body .bs-empty {
    background-color: rgba(0, 0, 0, 0.8);
    text-align: center
}

.bs .bs-body .bs-empty>p {
    font-size: 14px;
    color: #fff;
    padding-right: 15px;
    padding-left: 15px
}

.bs .bs-body .bs-empty>p:first-child {
    padding-top: 20px;
    font-weight: 700;
    text-align: center
}

.bs .bs-body .bs-empty>p:first-child:before {
    content: "";
    display: block;
    position: relative;
    left: 50%;
    margin-left: -20px;
    margin-bottom: 15px;
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat 0 -600px;
    width: 37px;
    height: 46px;
    opacity: 0.4;
    zoom: 0.75;
    -moz-transform: scale(0.75);
    -moz-transform-origin: 0 0
}

.bs .bs-body .bs-empty>p:last-of-type {
    font-weight: 200;
    padding-bottom: 15px
}

.bs .bs-body .bs-empty .bs-error>div {
    margin-bottom: -2px
}

.bs .bs-body .bs-quickbet-toggle {
    display: block;
    padding-left: 8px;
    padding-right: 8px;
    height: 35px;
    background-color: #1b411f
}

.bs .bs-body .bs-quickbet-toggle span {
    display: inline-block;
    line-height: 35px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 70%
}

.bs .bs-body .bs-quickbet-toggle .material-toggle {
    display: inline-block;
    float: right;
    line-height: 35px
}

.bs .bs-body .bs-quickbet-toggle .material-toggle.disabled {
    cursor: no-drop !important;
    opacity: 0.4;
    filter: gray;
    filter: grayscale(1);
    -webkit-filter: grayscale(1)
}

.bs .bs-body .bs-quickbet-toggle .material-toggle.disabled label {
    cursor: no-drop !important;
    opacity: 0.4;
    filter: gray;
    filter: grayscale(1);
    -webkit-filter: grayscale(1)
}

.bs .bs-body .bs-success {
    font-size: 12px;
    color: #fff;
    font-weight: 400;
    background-color: #469866;
    text-align: left;
    padding: 14px 14px 14px 14px;
    width: 100%;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word
}

.bs .bs-body .bs-success p {
    margin: 0px !important;
    font-weight: 500;
    font-size: 12px
}

.bs .bs-body .bs-success h3 {
    margin: 0px;
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 20px
}

.bs .bs-body .bs-success ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    margin-top: 10px;
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap
}

.bs .bs-body .bs-success ul li {
    display: inline-block;
    margin-top: 10px
}

.bs .bs-body .bs-success ul li:first-child {
    float: left
}

.bs .bs-body .bs-success ul li:last-child {
    float: right
}

.bs .bs-body .bs-success ul li a {
    display: block;
    background-color: #fff;
    color: #000;
    border: 1px solid #dadada;
    padding: 5px 15px;
    font-size: 12px;
    width: auto !important;
    text-transform: uppercase
}

.bs .bs-body .bs-success ul li:first-child a {
    display: inline-block;
    font-weight: 500
}

.bs .bs-body .bs-success ul li:last-child a {
    display: inline-block;
    font-weight: 900
}

.bs .bs-body .bs-error {
    background-color: rgba(106, 0, 13, 1);
    text-align: left;
    padding: 14px 14px 14px 14px;
    width: 100%;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word
}

.bs .bs-body .bs-error p {
    font-size: 14px;
    color: #fff;
    font-weight: 200
}

.bs .bs-body .bs-error .cta {
    display: block;
    text-align: center
}

.bs .bs-body .bs-error .cta a {
    color: #fff;
    font-weight: 700;
    opacity: 0.9
}

.bs .bs-body .bs-error .cta a:hover {
    opacity: 1;
    transition: opacity 0.2s
}

.bs .bs-body .bs-error .cta a:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: -2px;
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat -650px -100px;
    width: 16px;
    height: 16px;
    right: 5px
}

.bs .bs-body .bs-error.live-error p {
    font-size: 12px;
    font-weight: 400;
    margin: 0px;
    padding: 0px
}

.bs .bs-body .bs-error.live-error .actions {
    display: block;
    width: 100%;
    padding: 0px;
    margin: 0px;
    list-style-type: none
}

.bs .bs-body .bs-error.live-error .actions li {
    display: inline-block;
    width: 48%;
    margin-top: 10px
}

.bs .bs-body .bs-error.live-error .actions li a {
    display: block;
    height: 8;
    width: 100%;
    line-height: 26px;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase
}

.bs .bs-body .bs-error.live-error .actions li:first-child a {
    color: rgba(255, 255, 255, 1);
    border-radius: 2px;
    border: 1px solid rgba(255, 255, 255, 1);
    margin-right: 7px;
    transition: 0.2s all
}

.bs .bs-body .bs-error.live-error .actions li:first-child a:before {
    position: relative;
    display: inline-block;
    top: -1px;
    width: 10px;
    height: 10px;
    right: 4px;
    content: " ";
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat -999px -999px
}

.bs .bs-body .bs-error.live-error .actions li:first-child a:hover {
    background-color: rgba(255, 255, 255, 0.2);
    transition: 0.4s all
}

.bs .bs-body .bs-error.live-error .actions li:first-child a:active {
    background-color: rgba(0, 0, 0, 0.1);
    transition: 0.1s all
}

.bs .bs-body .bs-error.live-error .actions li:last-child a {
    color: rgba(0, 0, 0, 1);
    border-radius: 2px;
    border: 1px solid rgba(255, 255, 255, 1);
    background-color: rgba(255, 255, 255, 1);
    margin-left: 7px;
    transition: 0.2s all
}

.bs .bs-body .bs-error.live-error .actions li:last-child a:before {
    position: relative;
    display: inline-block;
    top: -1px;
    width: 10px;
    height: 10px;
    right: 4px;
    content: " ";
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat -1099px -999px
}

.bs .bs-body .bs-error.live-error .actions li:last-child a:hover {
    background-color: rgba(255, 255, 255, 0.8);
    transition: 0.4s all
}

.bs .bs-body .bs-error.live-error .actions li:last-child a:active {
    background-color: rgba(255, 255, 255, 0.60);
    transition: 0.1s all
}

.bs .bs-body .bs-list ul {
    list-style: none;
    padding: 0 8px 8px 8px;
    margin-bottom: 0px !important
}

.bs .bs-body .bs-list ul .bet {
    font-size: 12px;
    color: #000;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px dashed #ccc;
    line-height: 12px
}

.bs .bs-body .bs-list ul .bet:first-child {
    border: none
}

.bs .bs-body .bs-list ul .bet div {
    display: block
}

.bs .bs-body .bs-list ul .bet .event-info {
    color: #000;
    font-weight: 600
}

.bs .bs-body .bs-list ul .bet .event-info span[class*="type-"]:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: -1px;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-right: 6px
}

.bs .bs-body .bs-list ul .bet .event-info .name {
    width: 71%;
    display: inline-block
}

.bs .bs-body .bs-list ul .bet .event-info .number-jackpot {
    vertical-align: top
}

.bs .bs-body .bs-list ul .bet .event-info .type-football:before,
.bs .bs-body .bs-list ul .bet .event-info .type-soccer:before {
    background: url("../images/main_sprite_dark.svg") -300px -200px
}

.bs .bs-body .bs-list ul .bet .event-info .type-basketball:before {
    background: url("../images/main_sprite_dark.svg") -350px -200px;
    width: 14px;
    height: 14px
}

.bs .bs-body .bs-list ul .bet .event-info .type-tennis:before {
    background: url("../images/main_sprite_dark.svg") -250px -200px;
    width: 14px;
    height: 12px
}

.bs .bs-body .bs-list ul .bet .event-info .type-rugby:before {
    background: url("../images/main_sprite_dark.svg") -400px -200px;
    width: 14px;
    height: 14px
}

.bs .bs-body .bs-list ul .bet .event-info .type-cricket:before {
    background: url("../images/main_sprite_dark.svg") -450px -200px;
    width: 14px;
    height: 14px
}

.bs .bs-body .bs-list ul .bet .event-info .remove {
    float: right;
    display: inline-block;
    right: 0px;
    margin-top: -9px;
    width: 25px;
    height: 25px;
    background: url("../images/main_sprite_dark.svg") -686px -89px;
    text-indent: 100%;
    overflow: hidden
}

.bs .bs-body .bs-list ul .bet .event-info .remove a {
    display: block;
    width: 100%;
    height: 100%
}

.bs .bs-body .bs-list ul .bet .bet-type .type {
    display: inline-block;
    color: rgba(21, 30, 39, 1);
    font-weight: 400;
    padding-top: 8px;
    padding-bottom: 10px
}

.bs .bs-body .bs-list ul .bet .pick-info {
    padding-top: 4px
}

.bs .bs-body .bs-list ul .bet .pick-info span {
    color: rgba(21, 30, 39, 1);
    font-weight: 400
}

.bs .bs-body .bs-list ul .bet .pick-info span .your-pick {
    color: rgba(2, 11, 20, 1);
    font-weight: 700
}

.bs .bs-body .bs-list ul .bet .pick-info span.custom {
    display: block;
    padding-top: 10px;
    padding-bottom: 5px;
    line-height: 20px
}

.bs .bs-body .bs-list ul .bet .pick-info .your-odd {
    float: right;
    color: rgba(2, 11, 20, 1);
    font-weight: 700
}

.bs .bs-body .bs-list ul .bet .pick-info .old-odd {
    float: right;
    color: #f16161;
    font-weight: 700;
    text-decoration: line-through;
    margin-right: 10px
}

.bs .bs-body .bs-list ul.single .bet .pick-info.updated-odd .old-odd {
    display: inline
}

.bs .bs-body .bs-checkout {
    background-color: #662483
}

.bs .bs-body .bs-checkout .total-odds,
.bs .bs-body .bs-checkout .bet-amount,
.bs .bs-body .bs-checkout .possible-winnings,
.bs .bs-body .bs-checkout .jp-combination,
.bs .bs-body .bs-checkout .actions,
.bs .bs-body .bs-checkout .bs-checkout-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1px
}

.bs .bs-body .bs-checkout .total-odds,
.bs .bs-body .bs-checkout .bet-amount,
.bs .bs-body .bs-checkout .possible-winnings,
.bs .bs-body .bs-checkout .jp-combination,
.bs .bs-body .bs-checkout .price-details,
.bs .bs-body .bs-checkout .bs-checkout-row {
    border-bottom: 1px rgba(255, 255, 255, 0.5) solid;
    height: auto
}

.bs .bs-body .bs-checkout .total-odds,
.bs .bs-body .bs-checkout .bet-amount,
.bs .bs-body .bs-checkout .possible-winnings,
.bs .bs-body .bs-checkout .actions,
.bs .bs-body .bs-checkout .jp-combination,
.bs .bs-body .bs-checkout .bs-checkout-row {
    padding: 8px;
    height: 40px
}

.bs .bs-body .bs-checkout .clear {
    padding-top: 0px
}

.bs .bs-body .bs-checkout label {
    display: inline-block;
    font-weight: 600;
    font-size: 12px;
    line-height: 24px;
    text-transform: uppercase;
    vertical-align: middle
}

.bs .bs-body .bs-checkout span {
    display: inline-block;
    font-weight: bold;
    font-size: 12px;
    line-height: 24px;
    text-transform: uppercase;
    vertical-align: middle
}

.bs .bs-body .bs-checkout .total-odds .value {
    font-weight: 700;
    font-size: 14px;
    color: #fff
}

.bs .bs-body .bs-checkout .jp-combination .value {
    font-weight: 700;
    font-size: 14px;
    color: #fff
}

.bs .bs-body .bs-checkout .possible-winnings .value {
    font-weight: 700;
    font-size: 14px;
    color: #f8e71c
}

.bs .bs-body .bs-checkout .bet-amount {
    padding-bottom: 4px;
    flex-wrap: wrap
}

.bs .bs-body .bs-checkout .bet-amount .field-error {
    display: block;
    width: 100%;
    position: relative;
    border: 0px !important;
    font-weight: 700;
    font-size: 10px;
    color: #b80017;
    line-height: 14px;
    text-align: right
}

.bs .bs-body .bs-checkout .bet-amount .amount {
    display: flex;
    justify-content: flex-end;
    position: relative;
    padding: 0px;
    width: 40%;
    text-align: right
}

.bs .bs-body .bs-checkout .bet-amount .amount span {
    padding-left: 8px
}

.bs .bs-body .bs-checkout .bet-amount .title {
    width: 40%
}

.bs .bs-body .bs-checkout .bet-amount input {
    box-sizing: content-box
}

.bs .bs-body .bs-checkout .bet-amount input[type=text] {
    position: relative;
    height: 22px;
    width: 60px;
    background: #fff;
    border: 1px solid #b3b3b3;
    box-shadow: inset 2px 2px 3px 0px rgba(7, 15, 101, 0.33);
    font-size: 14px;
    color: rgba(2, 11, 20, 1);
    padding: 0;
    text-align: right
}

.bs .bs-body .bs-checkout .bet-amount input[type=submit] {
    background: rgba(82, 121, 148, 1);
    border: 1px solid rgba(25, 34, 126, 0.13);
    padding-top: 0px;
    width: 85px;
    width: 25%;
    text-transform: uppercase;
    font-weight: 800
}

.bs .bs-body .bs-checkout div.price-details {
    display: block !important;
    min-height: 40px;
    width: 100%;
    position: relative
}

.bs .bs-body .bs-checkout div.price-details .toggle {
    display: block;
    position: relative;
    padding: 10px;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    transition: 0.2s all;
    width: 100%;
    text-align: right;
    height: 40px;
    border-bottom: 2px rgba(39, 90, 40, 0.8) solid
}

.bs .bs-body .bs-checkout div.price-details .toggle:hover {
    background-color: rgba(0, 0, 0, 0.20);
    transition: 0.2s all
}

.bs .bs-body .bs-checkout div.price-details .toggle:active {
    background-color: rgba(0, 0, 0, 0.35);
    transition: 0.1s all
}

.bs .bs-body .bs-checkout div.price-details .contents {
    display: block !important;
    width: 100% !important;
    background-color: rgba(0, 0, 0, 0.80);
    display: block !important;
    overflow: hidden !important
}

.bs .bs-body .bs-checkout div.price-details .contents .list {
    width: 100%;
    display: block;
    height: auto
}

.bs .bs-body .bs-checkout div.price-details .contents .bs-row {
    display: block;
    padding: 8px;
    border-bottom: 1px rgba(0, 0, 0, 0.2) solid;
    background-color: rgba(39, 90, 40, 1);
    z-index: auto;
    width: 100% !important
}

.bs .bs-body .bs-checkout div.price-details .contents .bs-row:last-child {
    border-bottom: none !important
}

.bs .bs-body .bs-checkout div.price-details .contents .bs-row .title {
    display: inline-block;
    text-align: left;
    width: 69%;
    float: left
}

.bs .bs-body .bs-checkout div.price-details .contents .bs-row .value {
    display: inline-block;
    text-align: right;
    width: 30%;
    float: right
}

.bs .bs-body .bs-checkout div.price-details .contents .bs-row .value.highlight {
    font-weight: 700;
    color: #f8e71c
}

.bs .bs-body .bs-checkout .actions {
    text-transform: uppercase;
    text-align: center;
    height: auto !important
}

.bs .bs-body .bs-checkout .actions .remove {
    display: block;
    width: 50%
}

.bs .bs-body .bs-checkout .actions .place-bet {
    color: #29532d;
    display: block;
    width: 55%;
    height: 38px;
    line-height: 38px;
    padding-top: 0px;
    text-transform: uppercase;
    font-weight: 800;
    background-image: -webkit-linear-gradient(#fff 50%, #bdffc4 100%);
    background-image: -o-linear-gradient(#fff 50%, #bdffc4 100%);
    background-image: linear-gradient(#fff 50%, #bdffc4 100%);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0);
    border: 1px solid rgba(25, 34, 126, 0.13);
    border-radius: 5px;
    transition: all 0.25s
}

.bs .bs-body .bs-checkout .actions .place-bet:hover {
    box-shadow: 0px 0px 15px 0px #7ada84;
    color: #57ae60;
    transition: all 0.5s;
    border: 1px solid rgba(25, 34, 126, 0)
}

.bs .bs-body .bs-checkout .actions .remove {
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 5px;
    background: none;
    font-size: 14px;
    color: #fff;
    display: block;
    width: 45%;
    height: 38px;
    line-height: 38px;
    padding-top: 0px;
    margin-right: 3%;
    text-transform: uppercase;
    font-weight: 700;
    transition: all 0.25s
}

.bs .bs-body .bs-checkout .actions .remove:hover {
    border: 1px solid rgba(255, 255, 255, 1);
    transition: all 0.5s;
    color: rgba(255, 255, 255, 0.6)
}

.bs .bs-body .bs-checkout .bs-note {
    padding: 8px;
    padding-bottom: 0px;
    font-size: 12px
}

.bs .more-markets-link {
    color: #000;
    font-weight: 700;
    transition: all 0.2s
}

.bs .more-markets-link:hover {
    text-decoration: underline !important
}

.bs-error.live-error {
    border-bottom: 1px rgba(255, 255, 255, 1) solid
}

.bs-error.live-error:last-child {
    border-bottom: 0px rgba(255, 255, 255, 1) solid
}

@media only screen and (max-width: 1150px) {
    .bs .bs-checkout .title,
    .bs .bs-checkout .value,
    .bs .bs-checkout .amount {
        font-size: 10px !important
    }
    .bs .bs-checkout .actions .remove,
    .bs .bs-checkout .actions .place-bet {
        font-size: 12px !important
    }
    .bs .bs-success {
        font-size: 12px !important
    }
    .bs .bs-body .bs-success {
        font-size: 12px;
        color: #fff;
        font-weight: 400;
        background-color: #7e9c5c;
        text-align: left;
        padding: 14px 14px 14px 14px;
        width: 100%;
        white-space: -moz-pre-wrap;
        white-space: -pre-wrap;
        white-space: -o-pre-wrap;
        word-wrap: break-word
    }
    .bs .bs-body .bs-success p {
        margin: 0px !important;
        font-weight: 500;
        font-size: 12px
    }
    .bs .bs-body .bs-success h3 {
        margin: 0px;
        margin-bottom: 8px;
        font-weight: 700;
        font-size: 20px
    }
    .bs .bs-body .bs-success ul {
        list-style-type: none;
        padding: 0px;
        margin: 0px;
        margin-top: 20px
    }
    .bs .bs-body .bs-success ul li {
        display: inline-block
    }
    .bs .bs-body .bs-success ul li:first-child {
        float: left
    }
    .bs .bs-body .bs-success ul li:last-child {
        float: right
    }
    .bs .bs-body .bs-success ul li a {
        display: block;
        background-color: #fff;
        color: #000;
        border: 1px solid #dadada;
        padding: 5px 15px;
        font-size: 12px;
        width: auto !important;
        text-transform: uppercase
    }
    .bs .bs-body .bs-success ul li:first-child a {
        display: inline-block;
        font-weight: 500
    }
    .bs .bs-body .bs-success ul li:last-child a {
        display: inline-block;
        font-weight: 900
    }
}

@media only screen and (max-width: 1030px) {
    .bs .bs-body .bs-success {
        font-size: 12px;
        color: #fff;
        font-weight: 400;
        background-color: #7e9c5c;
        text-align: left;
        padding: 14px 14px 14px 14px;
        width: 100%;
        white-space: -moz-pre-wrap;
        white-space: -pre-wrap;
        white-space: -o-pre-wrap;
        word-wrap: break-word
    }
    .bs .bs-body .bs-success p {
        margin: 0px !important;
        font-weight: 500;
        font-size: 12px
    }
    .bs .bs-body .bs-success h3 {
        margin: 0px;
        margin-bottom: 8px;
        font-weight: 700;
        font-size: 20px
    }
    .bs .bs-body .bs-success ul {
        list-style-type: none;
        padding: 0px;
        margin: 0px;
        margin-top: 20px
    }
    .bs .bs-body .bs-success ul li {
        display: block;
        text-align: center;
        padding: 4px;
        width: 100%;
        float: none
    }
    .bs .bs-body .bs-success ul li a {
        display: block;
        background-color: #fff;
        color: #000;
        border: 1px solid #dadada;
        padding: 5px 15px;
        font-size: 12px;
        text-transform: uppercase;
        width: 100%;
        text-align: center
    }
    .bs .bs-body .bs-success ul li:first-child a {
        display: inline-block;
        font-weight: 500
    }
    .bs .bs-body .bs-success ul li:last-child a {
        display: inline-block;
        font-weight: 900
    }
}

@media only screen and (max-width: 767px) {
    .bs .bs-checkout .title,
    .bs .bs-checkout .value,
    .bs .bs-checkout .amount {
        font-size: 12px !important
    }
    .bs .bs-checkout .actions .remove,
    .bs .bs-checkout .actions .place-bet {
        font-size: 14px !important
    }
    .bs .bs-body .bs-success ul {
        list-style-type: none;
        padding: 0px;
        margin: 0px;
        margin-top: 20px
    }
    .bs .bs-body .bs-success ul li {
        display: inline-block;
        text-align: center;
        padding: 0px;
        width: auto !important
    }
    .bs .bs-body .bs-success ul li a {
        display: block;
        background-color: #fff;
        color: #000;
        border: 1px solid #dadada;
        padding: 5px 15px;
        font-size: 12px;
        text-transform: uppercase;
        width: 100%;
        text-align: center
    }
    .bs .bs-body .bs-success ul li:first-child {
        float: left
    }
    .bs .bs-body .bs-success ul li:first-child a {
        display: inline-block;
        font-weight: 500
    }
    .bs .bs-body .bs-success ul li:last-child {
        float: right
    }
    .bs .bs-body .bs-success ul li:last-child a {
        display: inline-block;
        font-weight: 900
    }
}

.betslip-v2 {
    font-family: "Open Sans";
    font-size: 12px;
    margin-bottom: 5px
}

.betslip-v2 hr {
    margin: 0
}

.betslip-v2 .betslip-bold {
    /*font-weight: bold*/
}

.betslip-v2 .betslip-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.betslip-v2 .betslip-row>div.betslip-column:nth-child(2) {
    text-align: right
}

.betslip-v2 .betslip-row>div.betslip-place-bet-button.betslip-column {
    text-align: center
}

.betslip-v2 .betslip-row.betslip-row-custom {
    align-items: flex-end;
    -ms-flex-align: end
}

.betslip-v2 .betslip-row .betslip-column {
    align-items: left;
    padding: 0
}

.betslip-v2 .betslip-row .betslip-column:first-child {
    -ms-flex: 1
}

    .betslip-v2 .betslip-header {
        padding: 7px 8px;
        background-color: var(--primary);
        color: #f7f7f7;
        font-size: 1.2em;
        font-weight: 600;
        text-transform: uppercase;
        font-size: 14px;
        text-transform: none;
        font-weight: 700;
    }

.betslip-v2 .betslip-quickbet-toggle {
    font-size: 1.2em;
    background-color: #1b411f;
    padding: 8px
}

.betslip-v2 .betslip-quickbet-toggle .material-toggle {
    text-align: left !important;
    min-height: 0
}

.betslip-v2 .betslip-quickbet-toggle .material-toggle.disabled {
    cursor: no-drop !important;
    opacity: 0.4;
    filter: gray;
    filter: grayscale(1);
    -webkit-filter: grayscale(1)
}

.betslip-v2 .betslip-quickbet-toggle .material-toggle.disabled label {
    cursor: no-drop !important;
    opacity: 0.4;
    filter: gray;
    filter: grayscale(1);
    -webkit-filter: grayscale(1)
}

    .betslip-v2 .betslip-content {
        /*background-color: var(--primary);*/
        color: #98a9bc;
        padding: 0 0px;
    }

.betslip-v2 .betslip-content .betslip-content-bets>div,
.betslip-v2 .betslip-content .betslip-content-bets .ng-animate-enabled>div {
    padding: 0px 0;
}

.betslip-v2 .betslip-content .betslip-content-bets:not([data-count="0"]):after {
    content: "";
    display: block;
    /*margin-left: -8px;
    margin-right: -8px;
    border-bottom: 1px solid #032431*/
}

        .betslip-v2 .betslip-content .betslip-content-bets .betslip-content-type {
            background-color: var(--primary);
            color: var(--quaternary);
            font-weight: bold;
            padding: 4px 4px 0px 4px;
        }

.betslip-v2 .betslip-content .betslip-content-bets .betslip-content-type.web3-enabled {
    cursor: pointer
}

.betslip-v2 .betslip-content .betslip-content-bets .betslip-content-type.web3-enabled:after {
    content: '';
    position: absolute;
    right: 28px;
    transition: all 0.2s 0.2s;
    width: 8px;
    text-align: center;
    font-size: 14px;
    margin-top: -3px;
    font-weight: 600
}

.betslip-v2 .betslip-content .betslip-content-bets.collapse-open {
    min-height: 24px
}

.betslip-v2 .betslip-content .betslip-content-bets.collapse-open .betslip-content-type.web3-enabled:after {
    content: '+'
}

.betslip-v2 .betslip-content .betslip-content-bets .betslip-selected-bets {
    list-style: none;
    padding: 0;
    margin: 0
}

    .betslip-v2 .betslip-content .betslip-content-bets .betslip-selected-bets .betslip-content-bet,
    .betslip-v2 .betslip-content .betslip-content-bets .betslip-selected-bets .betslip-content-bet lbs-bet {
        border-bottom: 1px solid #2d4458;
        padding-bottom: 0px;
        padding: 4px 8px;
        margin: 0px 4px 0px 4px;
    }
       



    

    .betslip-v2 .betslip-content .betslip-content-bets .betslip-selected-bets .betslip-content-bet > div:first-of-type,
    .betslip-v2 .betslip-content .betslip-content-bets .betslip-selected-bets .betslip-content-bet lbs-bet > div:first-of-type {
        margin-top: -4px
    }

.betslip-v2 .betslip-content .betslip-content-bets .betslip-selected-bets .betslip-content-bet>div:nth-of-type(2),
.betslip-v2 .betslip-content .betslip-content-bets .betslip-selected-bets .betslip-content-bet lbs-bet>div:nth-of-type(2) {
    margin-top: -8px
}

.betslip-v2 .betslip-content .betslip-content-bets .betslip-selected-bets .betslip-content-bet>div,
.betslip-v2 .betslip-content .betslip-content-bets .betslip-selected-bets .betslip-content-bet lbs-bet>div {
    padding: 4px 0
}

        .betslip-v2 .betslip-content .betslip-content-bets .betslip-selected-bets .betslip-content-bet:last-child,
        .betslip-v2 .betslip-content .betslip-content-bets .betslip-selected-bets .betslip-content-bet lbs-bet >li:last-child {
            /*border-bottom: none*/
            
        }

.betslipItems > div:last-child .betslip-content-bet {
    border-bottom: 0px solid #2d4458!important;
}


        .betslip-v2 .betslip-content .betslip-content-bets .betslip-selected-bets .betslip-content-bet .name,
        .betslip-v2 .betslip-content .betslip-content-bets .betslip-selected-bets .betslip-content-bet lbs-bet .name {
            margin-top: 2px;
            margin-bottom: 2px
        }

.betslip-v2 .betslip-content .betslip-content-bets .betslip-selected-bets .betslip-content-bet .betslip-game-name,
.betslip-v2 .betslip-content .betslip-content-bets .betslip-selected-bets .betslip-content-bet lbs-bet .betslip-game-name {
    color: #fff;
    font-weight: 400;
    transition: all 0.2s;
    /*font-weight:bold;*/
}

.betslip-v2 .betslip-content .betslip-content-bets .betslip-selected-bets .betslip-content-bet .betslip-game-name:hover,
.betslip-v2 .betslip-content .betslip-content-bets .betslip-selected-bets .betslip-content-bet lbs-bet .betslip-game-name:hover {
    color: #fff;
    text-decoration: underline !important
}

        .betslip-v2 .betslip-content .betslip-content-bets .betslip-selected-bets .betslip-content-bet .betslip-game-remove,
        .betslip-v2 .betslip-content .betslip-content-bets .betslip-selected-bets .betslip-content-bet lbs-bet .betslip-game-remove,
        .betslip-v2 .betslip-content .betslip-content-bets .betslip-selected-bets .betslip-content-bet .betslip-game-remove:hover,
        .betslip-v2 .betslip-content .betslip-content-bets .betslip-selected-bets .betslip-content-bet lbs-bet .betslip-game-remove:hover,
        .betslip-v2 .betslip-content .betslip-content-bets .betslip-selected-bets .betslip-content-bet .quick-bet-status,
        .betslip-v2 .betslip-content .betslip-content-bets .betslip-selected-bets .betslip-content-bet lbs-bet .quick-bet-status {
            font-weight: bold;
            font-size: 13px;
            color: red;
        }

.betslip-v2 .betslip-content .betslip-content-bets .betslip-selected-bets .betslip-content-bet .number-jackpot,
.betslip-v2 .betslip-content .betslip-content-bets .betslip-selected-bets .betslip-content-bet lbs-bet .number-jackpot {
    margin-top: 8px;
    margin-bottom: 8px
}

.betslip-v2 .betslip-content .betslip-content-bets .betslip-selected-bets .betslip-content-bet .betslip-bet-current-odd,
.betslip-v2 .betslip-content .betslip-content-bets .betslip-selected-bets .betslip-content-bet lbs-bet .betslip-bet-current-odd {
    color: rgba(2, 11, 20, 1);
    font-weight: 700
}

.betslip-v2 .betslip-content .betslip-content-bets .betslip-selected-bets .betslip-content-bet .betslip-bet-old-odd:not(:empty)+.betslip-bet-current-odd,
.betslip-v2 .betslip-content .betslip-content-bets .betslip-selected-bets .betslip-content-bet lbs-bet .betslip-bet-old-odd:not(:empty)+.betslip-bet-current-odd {
    background-color: #d8e8da;
    border-radius: 4px;
    color: #295b29;
    font-weight: bold;
    padding: 0 8px
}

.betslip-v2 .betslip-content .betslip-content-bets .betslip-selected-bets .betslip-content-bet .betslip-bet-old-odd,
.betslip-v2 .betslip-content .betslip-content-bets .betslip-selected-bets .betslip-content-bet lbs-bet .betslip-bet-old-odd {
    color: #000;
    text-decoration: line-through;
    margin-right: 4px;
    opacity: 0.4;
    font-weight: 600
}

.betslip-v2 .betslip-content .betslip-content-bets .betslip-selected-bets .betslip-content-bet .sport-icon,
.betslip-v2 .betslip-content .betslip-content-bets .betslip-selected-bets .betslip-content-bet lbs-bet .sport-icon {
    top: 1px;
}

.betslip-v2 .betslip-content .betslip-content-bets:not([data-count="0"])~.betslip-content-bets .betslip-content-type {
    border-top: 1px solid #95b598
}

.betslip-v2 .betslip-content .betslip-content-bets:first-child:last-child .betslip-total-winnings {
    display: none
}

.betslip-v2 .betslip-content .betslip-content-bets[data-count="0"] .betslip-content-type,
.betslip-v2 .betslip-content .betslip-content-bets[data-count="0"] .betslip-selected-bets,
.betslip-v2 .betslip-content .betslip-content-bets[data-count="0"] .betslip-content-form {
    display: none
}

.betslip-v2 .betslip-content .betslip-content-bets:not([data-count="0"]) .betslip-message.betslip-success-message {
    display: none !important
}

        .betslip-v2 .betslip-content .betslip-content-form {
            font-weight: 600;
            text-transform: uppercase;
            border-top: 0px solid var(--tertiary);
            padding: 2px 8px !important;
            background-color: var(--primary);
        }

.betslipItems {
    background-color: var(--secondary);
    border-radius: 5px;
}

.betslip-v2 .betslip-content .betslip-content-form .betslip-row-amount {
    /*margin-bottom: 6px*/
}

.betslip-v2 .betslip-content .betslip-content-form .betslip-row-amount .betslip-column-amount {
    width: 120px
}

.betslip-v2 .betslip-content .betslip-content-form .betslip-row-amount .betslip-column-amount .amount-selector {
    width: 2em;
    cursor: pointer
}

    .betslip-v2 .betslip-content .betslip-content-form .betslip-row-amount .betslip-column-amount input {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
        text-align: right;
        height: auto;
        font-size: 1em;
        padding: 4px;
        color: #fff;
        border-radius: 0;
        border-color: #8e968f;
        text-align: center;
        background-color: var(--secondary);
        border: 0px;
    }

    .betslip-v2 .betslip-content .betslip-content-form .betslip-row-amount .betslip-column-amount span {
        font-size: 0.9em;
        padding: 0 3px;
        vertical-align: middle;
        color: #fff;
        font-weight: 600;
        background-color: var(--secondary);
        border-color: var(--secondary);
    }

.betslip-v2 .betslip-content .betslip-content-form .betslip-total-winnings {
    margin-top: 6px
}

.betslip-v2 .betslip-row-amount-error {
    margin-top: 9px
}

.betslip-v2 .betslip-message {
   /* sam display: none*/
}

.betslip-v2 .betslip-message.betslip-message-show,
.betslip-v2 .betslip-message.ng-active {
    display: block
}

.betslip-v2 .betslip-message .betslip-message-text {
    -ms-flex: 0 1 auto;
    flex-grow: 1
}

.betslip-v2 .betslip-message .betslip-message-title {
    font-weight: bold;
    font-size: 1.4em
}

    .betslip-v2 .betslip-message.betslip-empty-message {
        background-color: var(--primary);
        text-align: center;
        color: hsla(0,0%,100%,.8);
        font-size: 1.2em;
        padding: 8px 0;
        /*border-top: 1px solid var(--secondary);*/
    }

.betslip-v2 .betslip-message.betslip-empty-message .betslip-emtpy-title {
    font-weight: bold
}

.betslip-v2 .betslip-message.betslip-empty-message>p:last-child {
    padding-bottom: 18px;
    margin-bottom: 0
}

.betslip-v2 .betslip-message .betslip-error-box {
    font-weight: 600;
    padding: 8px 8px 10px 8px;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: flex-start
}

.betslip-v2 .betslip-message .betslip-error-box:not(:last-child) {
    border-bottom: none
}

.betslip-v2 .betslip-message .betslip-error-box:not(:first-child) {
    border-top: none
}

.betslip-v2 .betslip-message .betslip-error-box p {
    padding: 0;
    margin: 0;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    text-transform: none
}

.betslip-v2 .betslip-message .betslip-error-box p:not(:first-child) {
    margin-top: 30px
}

.betslip-v2 .betslip-message .betslip-error-box .betslip-error-remove,
.betslip-v2 .betslip-message .betslip-error-box .betslip-error-remove:hover {
    font-size: 2em;
    opacity: 0.64;
    margin-top: -10px;
    display: none
}

.betslip-v2 .betslip-message .betslip-error-box .icon-exclamation {
    position: relative;
    display: inline-block;
    content: " ";
    top: -1px;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    background-size: contain !important;
    min-width: 15px;
    background-size: auto !important;
    background: url("../images/main_sprite_dark.svg") -100px -1500px;
    margin-right: 6px
}

.betslip-v2 .betslip-message .betslip-warning-box {
    border: 1px solid rgba(109, 104, 12, 0.3);
    background-color: rgba(255, 248, 124, 0.4);
    color: #5c5600;
    font-weight: 600;
    padding: 8px 8px 10px 8px;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: flex-start
}

.betslip-v2 .betslip-message .betslip-warning-box p {
    padding: 0;
    margin: 0;
    color: inherit;
    font-size: inherit;
    font-weight: inherit
}

.betslip-v2 .betslip-message .betslip-warning-box .icon-exclamation {
    position: relative;
    display: inline-block;
    content: " ";
    top: -1px;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    background-size: contain !important;
    min-width: 15px;
    background-size: auto !important;
    background: url("../images/main_sprite_dark.svg") -400px -1500px;
    margin-right: 6px
}

.betslip-v2 .betslip-message .betslip-success-box {
    border: 1px solid rgba(11, 96, 28, 0.3);
    background-color: #22a52f;
    color: #fff;
    font-weight: 600;
    padding: 8px 8px 10px 8px;
    align-items: flex-start;
    -ms-flex-align: start
}

.betslip-v2 .betslip-message .betslip-success-box p {
    padding: 0;
    margin: 0;
    color: inherit;
    font-size: inherit;
    font-weight: inherit
}

.betslip-v2 .betslip-message .betslip-success-box .betslip-success-remove,
.betslip-v2 .betslip-message .betslip-success-box .betslip-success-remove:hover {
    font-size: 1em;
    color: #fff;
    opacity: 0.64
}

.betslip-v2 .betslip-message .icon-exclamation {
    position: relative;
    display: inline-block;
    content: " ";
    top: -1px;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    background-size: contain !important;
    min-width: 15px;
    background-size: auto !important;
    background: url("../images/main_sprite_dark.svg") -100px -1500px;
    margin-right: 6px
}

.betslip-v2 .betslip-message .icon-success {
    position: relative;
    display: inline-block;
    content: " ";
    top: -2px;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    background-size: contain !important;
    min-width: 15px;
    background-size: auto !important;
    background: url("../images/main_sprite_dark.svg") -550px -1500px;
    margin-right: 6px
}

.betslip-v2 .betslip-message .icon-empty {
    position: relative;
    display: inline-block;
    content: " ";
    top: -2px;
    vertical-align: middle;
    width: 45px;
    height: 46px;
    opacity: 0.4;
    zoom: 0.75;
    background-size: contain !important;
    min-width: 15px;
    background-size: auto !important;
    background: url("../images/icons/ebetslip.svg") no-repeat;
    margin: 20px 0 12px 0;
    -moz-transform: scale(0.75);
    -moz-transform-origin: 0 0
}

.betslip-v2 .betslip-error-message-local {
    padding: 8px 0 0 !important
}

.betslip-v2 .betslip-general-errors {
    padding: 8px 0 0
}

.betslip-v2 .betslip-general-errors:last-child {
    padding: 8px 0
}

.betslip-v2 .betslip-notificacion-type-error {
    border: 0px solid #eda9a9;
    background-color: #ffe8e8;
    color: rgba(208, 2, 27, 1)
}

.betslip-v2 .betslip-notificacion-type-error .betslip-error-box div span.icon-notification-error {
    position: relative;
    display: inline-block;
    content: " ";
    top: -1px;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    background-size: contain !important;
    min-width: 15px;
    background-size: auto !important;
    background: url("../images/main_sprite_dark.svg") -100px -1500px;
    margin-right: 6px
}

.betslip-v2 .betslip-notificacion-type-warning {
    border: 1px solid #d5d093;
    background-color: #fffccb;
    color: #5c5600
}

.betslip-v2 .betslip-notificacion-type-warning .betslip-error-box div span.icon-notification-error {
    position: relative;
    display: inline-block;
    content: " ";
    top: -1px;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    background-size: contain !important;
    min-width: 15px;
    background-size: auto !important;
    background: url("../images/main_sprite_dark.svg") -400px -1500px;
    margin-right: 6px
}

.betslip-v2 .betslip-notificacion-type-warning .betslip-error-box div.betslip-column {
    margin-top: -8px
}

.betslip-v2 .betslip-notificacion-type-warning .betslip-error-box div a.betslip-warning-remove {
    font-size: 2em;
    color: #5c5600
}

    .betslip-v2 .betslip-footer {
        background-color: var(--primary);
        padding: 0px 0px 2px 0px;
    }

.betslip-v2 .betslip-footer hr {
    box-sizing: border-box;
    height: 1px;
    border-top: 1px solid #9fb3bb !important
}

.betslip-v2 .betslip-footer>hr:first-of-type {
    display: none
}

        .betslip-v2 .betslip-footer > div,
        .betslip-v2 .betslip-footer > section > div {
            padding: 2px 8px;
        }

.betslip-v2 .betslip-footer .betslip-summarize {
    text-transform: uppercase;
    font-weight: 600
}

        .betslip-v2 .betslip-footer .betslip-total {
            /*color: var(--tertiary);*/
            /*font-size: 1.2em;
            font-weight: bold*/
        }

        .betslip-v2 .betslip-footer .betslip-actions {
            /*text-transform: uppercase;*/
            text-align: center;
            margin: 4px 0px;
        }

.betslip-v2 .betslip-footer .betslip-actions a {
    padding: 7px 0
}

.betslip-v2 .betslip-footer .betslip-remove-button {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

    .betslip-v2 .betslip-footer .betslip-remove-button a {
        border: 1px solid var(--secondary)!important;
        border-radius: 3px;
        /* background: none; */
        background-color: var(--secondary);
        font-size: 1.2em;
        /*color: var(--primary) !important;*/
        display: block;
        /* text-transform: uppercase; */
        font-weight: 600;
        transition: all 0.25s;
        width: 98%;
        float:left;
    }

.betslip-v2 .betslip-footer .betslip-remove-button a:hover {
    border: 1px solid rgba(255, 255, 255, 1);
    transition: all 0.5s;
    color: rgba(255, 255, 255, 0.6)
}

.betslip-v2 .betslip-footer .betslip-place-bet-button {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

.betslip-v2 .betslip-footer .betslip-place-bet-button a {
    display: block;
    text-transform: uppercase;
    background-color: #fff;
    background-image: -webkit-linear-gradient(180deg, #fff 0%, #c5daea 100%);
    background-image: -o-linear-gradient(180deg, #fff 0%, #c5daea 100%);
    background-image: linear-gradient(180deg, #fff 0%, #c5daea 100%);
    box-shadow: 0 2px 4px 0 rgba(22, 39, 48, 0.5);
    border: 1px solid rgba(26, 35, 126, 0.13);
    border-radius: 5px;
    transition: all 0.25s;
    color: #662483;
    font-size: 1.2em;
    font-weight: 800
}

.betslip-v2 .betslip-footer .betslip-place-bet-button a:hover {
    box-shadow: 0px 0px 15px 0px #2ac4ff;
    color: #238cb4;
    transition: all 0.5s;
    border: 1px solid rgba(25, 34, 126, 0)
}

.betslip-v2 .betslip-footer .betslip-place-bet-button div input[type="submit"] {
    display: block;
    text-transform: uppercase;
    background-color: #fff;
    background-image: -webkit-linear-gradient(180deg, #fff 0%, #c5daea 100%);
    background-image: -o-linear-gradient(180deg, #fff 0%, #c5daea 100%);
    background-image: linear-gradient(180deg, #fff 0%, #c5daea 100%);
    box-shadow: 0 2px 4px 0 rgba(22, 39, 48, 0.5);
    border: 1px solid rgba(26, 35, 126, 0.13);
    border-radius: 5px;
    transition: all 0.25s;
    color: #662483;
    font-size: 1.2em;
    font-weight: 800
}

.betslip-v2 .betslip-footer .betslip-place-bet-button div input[type="submit"]:hover {
    box-shadow: 0px 0px 15px 0px #2ac4ff;
    color: #238cb4;
    transition: all 0.5s;
    border: 1px solid rgba(25, 34, 126, 0)
}

.betslip-v2 .betslip-total-amount,
.betslip-v2 .betslip-total-winnings {
    display: none
}

.betslip-v2[data-betslip="mixed"] .betslip-total-amount,
.betslip-v2[data-betslip="mixed"] .betslip-total-winnings {
    display: flex
}

.betslip-v2[data-betslip="mixed"] .betslip-footer>hr:first-of-type {
    display: block
}

.betslip-v2:not([data-active-betslips="1"]) .betslip-total-amount,
.betslip-v2:not([data-active-betslips="1"]) .betslip-total-winnings {
    display: flex !important
}

.betslip-v2:not([data-active-betslips="1"]) .betslip-footer>hr:first-of-type {
    display: block
}

.betslip-v2[data-count="0"] .betslip-content {
    background-color: #1c313b
}

.betslip-v2[data-count="0"] .betslip-empty-message~.betslip-content .betslip-message {
    margin-top: -8px
}

.betslip-v2[data-count="0"] .betslip-content-type,
.betslip-v2[data-count="0"] .betslip-selected-bets,
.betslip-v2[data-count="0"] .betslip-content-form,
.betslip-v2[data-count="0"] .betslip-footer {
    display: none
}

.hidebetslip{
	display: none;
}

.showbetslip{
	display: block;
}

.betslip-v2[data-count="0"] .betslip-message.betslip-empty-message {
    display: block
}

.betslip-v2[data-count="0"] .betslip-message .betslip-error-box .betslip-error-remove {
    display: inline-block
}

form.ng-invalid .betslip-v2 .betslip-content .betslip-content-form .betslip-row-amount .betslip-column-amount input,
form.ng-invalid .betslip-v2 .betslip-content .betslip-content-form .betslip-row-amount .betslip-column-amount span {
    border-color: #c51a1a
}

form.ng-invalid .betslip-v2[data-active-betslips] .betslip-content .betslip-content-form .betslip-row-amount .betslip-column-amount input,
form.ng-invalid .betslip-v2[data-active-betslips] .betslip-content .betslip-content-form .betslip-row-amount .betslip-column-amount span {
    border-color: #8e968f
}

form.ng-invalid .betslip-v2[data-active-betslips] .betslip-content .betslip-content-form .betslip-row-amount .betslip-column-amount.amount-invalid input,
form.ng-invalid .betslip-v2[data-active-betslips] .betslip-content .betslip-content-form .betslip-row-amount .betslip-column-amount.amount-invalid span {
    border-color: #c51a1a
}

#betslip-jackpot .betslip-odds,
#betslip-jackpot .betslip-odds,
#betslip-jackpot .betslip-total-winnings {
    display: none !important
}

#betslip-custom .betslip-game-name.more-markets-link,
#betslip-jackpot .betslip-game-name.more-markets-link {
    cursor: default !important
}

@media only screen and (max-width: 1023px) {
    .betslip-v2 {
        font-size: 11px
    }
}

@media only screen and (max-width: 950px) {
    .betslip-v2 {
        font-size: 10px
    }
}

@media only screen and (max-width: 767px) {
    .betslip-v2 {
        font-size: 12px;
		margin: 0 -15px;
    }
}

@media only screen and (max-width: 280px) {
    .betslip-v2 {
        font-size: 11px;
		margin: 0 -15px;
    }
}

@media only screen and (max-width: 250px) {
    .betslip-v2 {
        font-size: 10px;
		margin: 0 -15px;
    }
}

.bets-filter {
    background-color: rgba(2, 11, 20, 1);
    margin-bottom: 16px;
    padding: 13px;
    border-radius: 3px
}

.bets-filter form {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center
}

.bets-filter form input {
    width: 20% !important;
    margin: 8px;
    color: #000;
    background: #fff;
    border: 1px solid #b3b3b3;
    box-shadow: inset 2px 2px 3px 0px rgba(7, 15, 101, 0.33);
    font-size: 12px;
    color: rgba(2, 11, 20, 1);
    line-height: 20px;
    padding: 5px
}

.bets-filter form input[name="match-search"] {
    width: 28% !important
}

@media only screen and (max-width: 480px) {
    .bets-filter {
        background-color: rgba(2, 11, 20, 1);
        margin: -15px 8px 15px 8px;
        padding: 13px;
        border-radius: 3px
    }
    .bets-filter form {
        flex-wrap: wrap
    }
    .bets-filter form span {
        font-size: 14px;
        font-weight: 700
    }
    .bets-filter form input {
        width: 100% !important;
        margin: 8px;
        color: #000;
        background: #fff;
        border: 1px solid #b3b3b3;
        box-shadow: inset 2px 2px 3px 0px rgba(7, 15, 101, 0.33);
        font-size: 12px;
        color: rgba(2, 11, 20, 1);
        line-height: 20px;
        padding: 5px
    }
}

.betslip-cta a {
    display: block;
    position: fixed;
    bottom: 70px;
    z-index: 99;
    background-color: rgba(46, 46, 46, 0.95);
    height: 65px;
    min-width: 130px;
    padding-left: 20px;
    color: #fff;
    font-size: 20px;
    color: #fff;
    line-height: 65px;
    box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.37), 0px 9px 38px 0px rgba(0, 0, 0, 0.35);
    border-radius: 0px 0px 2px 2px;
    left: -10px;
    transition: all 0.2s;
    cursor: pointer
}

.betslip-cta a:hover {
    left: -2px;
    transition: all 0.2s
}

.betslip-cta a:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: -2px;
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat -700px -1000px;
    width: 22px;
    height: 27px
}

.betslip-cta a:after {
    position: relative;
    display: inline-block;
    content: " ";
    top: 0px;
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat -800px -1000px;
    width: 7px;
    height: 12px
}

.bp-two-way .bp-header .bet-selector {
    width: 65%
}

.bp-two-way .bp-header .bet-selector .draw {
    display: none !important
}

.bp-two-way .bp-header .bet-selector {
    width: 68% !important
}

.bp-two-way .bp-header .bet-selector .home-team,
.bp-two-way .bp-header .bet-selector .visiting-team {
    width: 49% !important
}

.bp-two-way .bp-header .extra-betting {
    width: 5% !important
}

.bp-two-way .bp-events .match .bet-selector .pick01 {
    width: 50% !important
}

.bp-two-way .bp-events .match .bet-selector .pick02 {
    width: 50% !important
}

.bp-two-way .bp-events .match .bet-selector .pick0X {
    display: none !important
}

.bp-two-way .bp-events .match .extra-picks {
    width: 5% !important
}

@media only screen and (max-width: 767px) {
    .bp-two-way .bp-events .match .bet-selector {
        width: 100%
    }
    .bp-two-way .bp-events .match .bet-selector .pick01 {
        width: 50% !important
    }
    .bp-two-way .bp-events .match .bet-selector .pick02 {
        width: 50% !important
    }
    .bp-two-way .bp-events .match .bet-selector .pick0X {
        display: none !important
    }
    .bp-two-way .bp-events .match .extra-picks {
        width: 100% !important
    }
    .bp-two-way .bp-events .match .extra-picks li {
        width: 100% !important
    }
}

#cookies-law-info-bar {
    display: block;
    bottom: 15px;
    left: 0;
    margin: 0;
    position: fixed;
    right: 0;
    z-index: 9999;
    -webkit-font-smoothing: subpixel-antialiased
}

#cookies-law-info-content {
    background-color: rgba(225, 232, 237, 0.94);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5), 0 -4px 43px 0 rgba(0, 0, 0, 0.6);
    color: #000b11;
    font-family: 'Open Sans';
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    text-align: center;
    padding: 15px 100px;
    max-width: 1200px;
    margin: 0 auto
}

#cookies-law-info-content a {
    text-decoration: underline !important;
    color: #000b11;
    font-weight: 700
}

#cookies-law-info-content button {
    font-weight: bold
}

@media only screen and (max-width: 767px) {
    #cookies-law-info-content {
        padding: 15px;
        font-size: 12px;
        line-height: 18px
    }
}

.costumer-care .cc-graphic {
    -webkit-filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.5));
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#444')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
    position: relative;
    display: block;
    background-image: url('../../img/costumercare.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 100%;
    height: 117px;
    z-index: 2
}

.costumer-care .cc-body {
    position: relative;
    margin-top: -15px;
    margin-bottom: 5px;
    background: #01122f;
    padding-top: 1px;
    padding-bottom: 0;
    text-align: center;
    z-index: 1;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5)
}

.costumer-care .cc-body h2 {
    font-weight: 800;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    letter-spacing: 0.8px;
    line-height: 20px
}

.costumer-care .cc-body p {
    font-size: 12px;
    padding: 8px
}

.costumer-care .cc-body .tel a {
    display: block;
    width: 100%;
    height: 35px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    line-height: 35px;
    color: #fff;
    cursor: default;
    font-weight: 700;
    background-color: #18242f
}

.costumer-care .cc-body .tel a:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: -1px;
    right: 5px;
    vertical-align: middle;
    width: 11px;
    height: 11px;
    background: url("../images/main_sprite_dark.svg") -600px -100px
}

.costumer-care .cc-body .email-cc a {
    display: block;
    width: 100%;
    height: 35px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    line-height: 35px;
    color: #fff;
    cursor: default;
    font-weight: 700;
    background-color: rgba(255, 255, 255, 0.07)
}

@media only screen and (max-width: 767px) {
    .costumer-care .tel a {
        cursor: pointer !important
    }
    .costumer-care .tel a:hover {
        background-color: rgba(2, 11, 20, 1);
        transition: background-color 0.2s
    }
    .betslipCheck {
        margin: 0 -15px;
    }

    .betslipCheckSearch {
        background-color: var(--secondary)!important;
        text-align: center;
        color: hsla(0,0%,100%,.8);
        font-size: 1.2em;
        padding: 8px;
        border: 1px solid var(--secondary)!important;
        display: flex;
    }

    .betslipCheckInput {
        background: var(--primary) !important;
        border: 1px solid var(--primary) !important;
        font-size: 12px !important;
        width: 70% !important;
        padding-left: 10px !important;
        height: 34px;
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px;
        margin-right: -1px;
    }
}


.betslipCheckHeader {
    padding: 7px 8px;
    background-color: var(--primary);
    border-bottom: 2px solid var(--primary);
    color: hsla(0,0%,100%,.8);
    font-size: 1.2em;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    text-transform: none;
    font-weight: 700;
    margin-top: 5px;
}
.betslipCheckSearch {
    background-color: var(--primary);
    text-align: center;
    color: hsla(0,0%,100%,.8);
    font-size: 1.2em;
    padding: 8px;
    border: 1px solid var(--primary);
    display: flex;
}
.divBetslipChekcErrMsg {
    background-color: var(--secondary);
    text-align: left;
    color: #dfe3e9;
    font-size: 12px;
    padding: 8px;
}

.betslipCheckInput {
    background: var(--secondary) ;
    border: 1px solid var(--secondary) ;
    font-size: 12px !important;
    width: 70% !important;
    padding-left: 10px !important;
    height: 34px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    margin-right: -1px;
}

    .betslipCheckInput:focus-visible {
        outline: -webkit-focus-ring-color auto 0px !important;
    }

.betslipCheckBtn {
    background-color: var(--quaternary);
    color: hsla(0,0%,100%,.8) !important;
    border: 1px solid var(--quaternary);
    width: 30% !important;
    height: 32px !important;
    box-sizing: content-box;
    display: block;
    line-height: 33px!important;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    padding-left: unset !important;
}



.betslipCheckResults {
    background-color: var(--secondary);
    text-align: center;
    color: #dfe3e9;
    font-size: 12px;
    padding: 8px;
    border: 1px solid var(--secondary);
    font-weight: 700;
}

.resultsGameName {
    /*width: 100%;
    border-bottom: 1px solid #323f52;*/
    text-align: left;
}

    .resultsGameName div {
        max-width: 225px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 225px;
        display: inline-block;
    }


.resultBetType {
    text-align: left;
    max-width: 250px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 250px;
    display: flex;
}

.rrFirstChild {
    border-bottom: 1px solid #323f52;
}
.resultsRow {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

    .resultsRow .odd {
        text-align: right;
    }
    .resultsRow .resultsStatus {
        text-align: right;
        margin-top: -3px;
    }
        .resultsRow .resultsStatus div {
            color: #fff;
            text-transform: uppercase;
            font-weight: bold;
            font-size: 10px;
            border-radius: 3px;
            padding: 0px 5px;
            background-color: #323f52;
        }

.resultsStatus .Won {
    background-color: #01720d!important;
}

.resultsStatus .lost {
    background-color: red!important;
}

.resultsStatus .pending {
    background-color: #e9dc01 !important;
    color: #033148!important;
}

.resultsStatus .Void {
    background-color: #323f52;
}


.betslipCheckResults .resultsHeader {
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 8px;
}

    .betslipCheckResults .resultsHeader .Won {
        background-color: #01720d !important;
    }
    .betslipCheckResults .resultsHeader .Lost {
        background-color: red !important;
    }
    .betslipCheckResults .resultsHeader .Pending {
        background-color: #e9dc01 !important;
        color: #033148!important;
    }
    .betslipCheckResults .resultsHeader .Void {
        background-color: #323f52 !important;
    }


.resultsBodyDetails {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 50%);
    margin-bottom: 10px;
    padding: 6px 6px;
    color: #01122f;
}

.betslipCheckResults .resultsHeader span {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    border-radius: 3px;
    padding: 2px 10px;
    background-color: #ce8d04
}

.footerRow {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 6px 0px;
    border-bottom: 1px solid #607d8b;
}

    .footerRow .leftCol {
        text-align: left;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        display: inline-block;
    }

    .footerRow .rightRow {
        text-align: right;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        display: inline-block;
    }

.paybillnumbers {
    position: relative;
    margin-top: -15px;
    background: var(--tertiary);
    background-position: -20% 20%;
    background-size: 100%;
    margin-bottom: 5px;
    padding-bottom: 0px;
    text-align: center;
    z-index: 1;
    -webkit-box-shadow: 0px 0px 6px 0px rgb(19 30 40);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 6px 0px rgb(19 30 40);
}

    .paybillnumbers h2 {
        font-weight: 600;
        text-transform: uppercase;
        font-size: 14px;
        color: #fff;
        letter-spacing: 0.8px;
        padding: 10px 10px 0px 8px;
        text-align: left;
    }

.paybillnumbers ul {
    padding: 0px;
    margin: 0px;
    list-style-type: none
}

    .paybillnumbers ul li {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        /*border-top: 1px solid hsla(0,0%,100%,.2);*/
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: var(--secondary)
    }

.paybillnumbers ul li span {
    padding: 5px 15px;
    font-weight: 700
}

.paybillnumbers ul li.safaricom>span:first-child {
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    width: 76px;
    height: 20px;
    text-indent: 100%;
    overflow: hidden;
    margin-left: 10px
}

.paybillnumbers ul li.airtel>span:first-child {
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    width: 47px;
    height: 20px;
    text-indent: 100%;
    overflow: hidden;
    margin-left: 10px
}

.paybillnumbers ul li.airtelmoney>span:first-child {
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    width: 66px;
    height: 36px;
    text-indent: 100%;
    overflow: hidden;
    margin-left: 10px
}

.paybillnumbers ul li.vodacom>span:first-child {
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    width: 94px;
    height: 25px;
    text-indent: 100%;
    overflow: hidden;
    margin-left: 10px
}

.paybillnumbers ul li.orange>span:first-child {
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    width: 76px;
    height: 20px;
    text-indent: 100%;
    overflow: hidden;
    margin-left: 10px;
    margin-top: 5px
}

.paybillnumbers ul li.tigo>span:first-child {
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    width: 114px;
    height: 36px;
    text-indent: 100%;
    overflow: hidden;
    margin-left: 10px;
    margin-top: 5px
}

.paybillnumbers ul li.halopesa>span:first-child {
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    width: 97px;
    height: 28px;
    text-indent: 100%;
    overflow: hidden;
    margin-left: 10px
}

.paybillnumbers ul li.vodacommpesa>span:first-child {
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    width: 94px;
    height: 25px;
    text-indent: 100%;
    overflow: hidden;
    margin-left: 10px
}

.paybillnumbers ul li.zantel>span:first-child {
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    width: 92px;
    height: 36px;
    text-indent: 100%;
    overflow: hidden;
    margin-left: 10px
}

.paybillnumbers ul li.ussd>span:first-child {
    display: inline-block;
    background: url("../../img/icon-company@2x.png") no-repeat;
    background-size: 50px 14px;
    width: 50px;
    height: 15px;
    text-indent: 100%;
    overflow: hidden;
    margin-left: 15px;
    margin-top: 4px
}

.paybillnumbers ul li.sms-ussd>span:first-child {
    display: inline-block;
    background: url("../../img/icon-company copy@2x.png") no-repeat;
    background-size: 50px 14px;
    width: 50px;
    height: 15px;
    text-indent: 100%;
    overflow: hidden;
    margin-left: 15px;
    margin-top: 4px
}

.paybillnumbers ul li.telkom>span:first-child {
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    width: 31px;
    height: 20px;
    text-indent: 100%;
    overflow: hidden;
    margin-left: 10px
}

.airtelmoney-icon {
    display: inline-block;
    background: url("../images/airtelmoney.png") no-repeat;
    background-size: contain;
    width: 66px;
    height: 36px;
    text-indent: 100%;
    overflow: hidden;
    margin-left: -10px
}

.vodacom-icon {
    display: inline-block;
    background: url("../images/vodacommpesa.png") no-repeat;
    background-size: contain;
    width: 94px;
    height: 25px;
    text-indent: 100%;
    overflow: hidden;
    margin-left: -10px
}

.tigo-icon {
    display: inline-block;
    background: url('../images/tigo.png') no-repeat;
    background-size: contain;
    width: 114px;
    height: 36px;
    text-indent: 100%;
    overflow: hidden;
    margin-left: -10px
}

.halopesa-icon {
    display: inline-block;
    background: url('../images/halopesa.png') no-repeat;
    background-size: contain;
    width: 97px;
    height: 28px;
    text-indent: 100%;
    overflow: hidden;
    margin-left: -10px
}

.vodacommpesa-icon {
    display: inline-block;
    background: url('../images/vodacommpesa.png') no-repeat;
    background-size: contain;
    width: 114px;
    height: 47px;
    text-indent: 100%;
    overflow: hidden;
    margin-left: -10px
}

.zantel-icon {
    display: inline-block;
    background: url('../images/zantel.png') no-repeat;
    background-size: contain;
    width: 92px;
    height: 36px;
    text-indent: 100%;
    overflow: hidden;
    margin-left: -10px
}

@media only screen and (max-width: 1065px) {
    .paybillnumbers h2 {
        font-size: 12px
    }
    .paybillnumbers ul {
        padding: 0px;
        margin: 0px;
        list-style-type: none
    }
    .paybillnumbers ul li {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        border-top: 1px solid rgba(255, 255, 255, 0.5);
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: rgba(255, 255, 255, 0.07)
    }
    .paybillnumbers ul li span {
        padding: 5px 15px;
        font-weight: 700;
        font-size: 12px;
        padding-top: 5px;
        display: block;
        width: 100%;
        margin-left: 10px !important
    }
    .paybillnumbers ul li.safaricom>span:first-child {
        display: block !important;
        background-size: contain;
        width: 76px;
        height: 20px;
        text-indent: 100%;
        overflow: hidden;
        margin-left: 0px !important
    }
    .paybillnumbers ul li.airtel>span:first-child {
        display: block !important;
        background-size: contain;
        width: 47px;
        height: 20px;
        text-indent: 100%;
        overflow: hidden;
        margin-left: -3px !important
    }
    .paybillnumbers ul li.orange>span:first-child {
        display: block !important;
        background-size: contain;
        width: 53px;
        height: 20px;
        text-indent: 100%;
        overflow: hidden;
        margin-left: 0px !important;
        margin-top: 5px
    }
}

@media only screen and (max-width: 767px) {
    .paybillnumbers h2 {
        font-size: 12px
    }
    .paybillnumbers ul {
        padding: 0px;
        margin: 0px;
        list-style-type: none
    }
    .paybillnumbers ul li {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        border-top: 1px solid rgba(255, 255, 255, 0.5);
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: rgba(255, 255, 255, 0.07)
    }
    .paybillnumbers ul li span {
        padding: 5px 15px;
        font-weight: 700;
        font-size: 12px !important;
        margin-left: 10px !important
    }
    .paybillnumbers ul li span:last-child {
        display: inline-block !important;
        width: auto !important
    }
    .paybillnumbers ul li.safaricom>span:first-child {
        display: inline-block !important;
        background-size: contain;
        width: 76px;
        height: 20px;
        text-indent: 100%;
        overflow: hidden;
        margin-left: 10px !important
    }
    .paybillnumbers ul li.airtel>span:first-child {
        display: inline-block !important;
        background-size: contain;
        width: 47px;
        height: 20px;
        text-indent: 100%;
        overflow: hidden;
        margin-left: 10px !important
    }
    .paybillnumbers ul li.orange>span:first-child {
        display: inline-block !important;
        background-size: contain;
        width: 76px;
        height: 20px;
        text-indent: 100%;
        overflow: hidden;
        margin-left: 10px !important;
        margin-top: 5px !important
    }
}

@media only screen and (max-width: 767px) {
    .costumer-care .tel a {
        cursor: pointer !important
    }
    .costumer-care .tel a:hover {
        background-color: rgba(2, 11, 20, 1);
        transition: background-color 0.2s
    }
    .paybillnumbers ul li span {
        padding: 5px 4px
    }
}

@media only screen and (max-width: 480px) {
    .paybillnumbers ul li span {
        padding: 5px 4px
    }
}

@media only screen and (max-width: 320px) {
    .paybillnumbers ul li span {
        padding: 5px 4px
    }
}

.user-info {
    flex-grow: 3;
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 3;
    order: 3;
    background-color: var(--secondary);
    border-radius: 5px;
    width: 60%;
}

.user-info .welcome {
    display: block;
    min-height: 20px;
    padding-top: 4px;
    margin-bottom: -15px
}

.user-info .welcome p {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    margin: 0
}

.user-info .welcome p .username {
    font-size: 14px;
    color: #fff;
    font-weight: 700
}

.user-info .welcome .log-info {
    float: right;
    display: inline-block;
	margin-right: 22px;
}

.user-info .welcome .log-info a {
    font-weight: 700;
    color: #fff;
    opacity: 0.9;
    transition: 0.3s all
}

.user-info .welcome .log-info a:hover {
    opacity: 1;
    transition: 0.3s all
}

.user-info .welcome .log-info a:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: 0px;
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat -1100px -100px;
    width: 15px;
    height: 15px;
    right: 3px;
    margin-left: 10px
}

.user-info .balance {
    min-height: 20px;
    padding-bottom: 10px;
	margin-left: 20px;
}

.user-info .balance span:nth-child(1) {
    font-size: 14px;
    color: #fff;
    font-weight: 700
}

.user-info .balance span:nth-child(2) {
    font-size: 14px;
    color: #ffed00;
    line-height: 19px;
    font-weight: 700
}

.user-info .balance span:nth-child(2):after {
    content: "  ";
    margin-left: 5px;
    margin-right: 5px
}

.user-info .balance .deposit {
    font-size: 14px;
    color: #fff;
    line-height: 19px;
    font-weight: 700;
    opacity: 0.9
}

.user-info .balance .deposit:hover {
    opacity: 1
}

.user-info .balance .deposit:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: 0px;
    vertical-align: middle;
    background: url("../images/icons/dep.svg") no-repeat;
    width: 20px;
    height: 20px;
    right: 5px
}

.user-info .user-tools {
    min-height: 20px;
    padding-bottom: 0
}

    .user-info .user-tools ul {
        list-style: none;
        padding: 0px;
        display: flex;
        justify-content: space-around;
        align-items: center;
        margin: 10px !important;
    }

.user-info .user-tools ul li {
    display: inline-block
}

    .user-info .user-tools ul li a {
        color: var(--tertiary);
        font-size: 12px;
        font-weight: 700;
        text-transform: capitalize
    }

.user-info .user-tools ul li .bet-history:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: 0px;
    vertical-align: middle;
    background: url("../images/icons/historym.svg") no-repeat;
    width: 20px;
    height: 20px;
    right: 5px
}

.user-info .user-tools ul li .transactions:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: 0px;
    vertical-align: middle;
    background: url("../images/icons/transactionm.svg") no-repeat;
    width: 20px;
    height: 20px;
    right: 5px
}

.user-info .user-tools ul li .withdraw:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: -2px;
    vertical-align: middle;
    background: url("../images/icons/withdraw.svg") no-repeat;
    width: 20px;
    height: 20px;
    right: 5px
}

.user-info .user-tools ul li .deposit:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: 0px;
    vertical-align: middle;
    background: url(../images/icons/dep.svg) no-repeat;
    width: 20px;
    height: 20px;
    right: 5px;
}

.user-info .user-tools ul li .logout:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: 1px;
    vertical-align: middle;
    background: url(../images/main_sprite_dark.svg) no-repeat -1100px -100px;
    width: 20px;
    height: 20px;
    right: 5px;
}

.user-info .user-tools ul li .manage-account:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: 0px;
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat -900px -100px;
    width: 15px;
    height: 15px;
    right: 5px
}

.user-info.casino {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    order: 3
}

.user-info.casino .welcome-balance-wrapper {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between
}

.user-info.casino .welcome-balance-wrapper .welcome {
    align-items: baseline;
    display: flex;
    justify-content: flex-end;
    max-height: 36px;
    padding-top: 0;
    margin-bottom: 0
}

.user-info.casino .welcome-balance-wrapper .welcome .lp-link .icon {
    top: 0;
    opacity: 0.6
}

.user-info.casino .welcome-balance-wrapper .welcome .lp-link a,
.user-info.casino .welcome-balance-wrapper .welcome .log-info a {
    color: #e8ecf0;
    font-size: 12px;
    font-weight: bold;
    line-height: 17px;
    transition: 0.3s all
}

.user-info.casino .welcome-balance-wrapper .welcome .lp-link a:hover,
.user-info.casino .welcome-balance-wrapper .welcome .log-info a:hover {
    opacity: 0.8
}

.user-info.casino .welcome-balance-wrapper .welcome .lp-link a:hover a:before,
.user-info.casino .welcome-balance-wrapper .welcome .log-info a:hover a:before {
    opacity: 0.8 !important
}

.user-info.casino .welcome-balance-wrapper .welcome .log-info {
    float: right;
    display: inline-block;
    margin-left: 6px
}

.user-info.casino .welcome-balance-wrapper .welcome .log-info a {
    opacity: 1;
    transition: 0.3s all
}

.user-info.casino .welcome-balance-wrapper .welcome .log-info a:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: 0;
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat -1100px -100px;
    width: 15px;
    height: 15px;
    right: 3px;
    margin-left: 10px;
    opacity: 0.6
}

.user-info.casino .welcome-balance-wrapper .balance {
    display: flex;
    align-items: center;
    max-height: 36px;
    padding-bottom: 0
}

.user-info.casino .welcome-balance-wrapper .balance span:after {
    content: none;
    margin-left: initial;
    margin-right: initial
}

.user-info.casino .welcome-balance-wrapper .balance .sp-balances .sp-sports-balance .sp-balance-title,
.user-info.casino .welcome-balance-wrapper .balance .sp-balances .sp-casino-balance .sp-balance-title {
    color: rgba(232, 236, 240, 0.6);
    font-size: 12px;
    line-height: 17px;
    font-weight: normal
}

.user-info.casino .welcome-balance-wrapper .balance .sp-balances .sp-sports-balance .sp-balance-title:first-letter,
.user-info.casino .welcome-balance-wrapper .balance .sp-balances .sp-casino-balance .sp-balance-title:first-letter {
    text-transform: capitalize
}

.user-info.casino .welcome-balance-wrapper .balance .sp-balances .sp-sports-balance .sp-user-balance,
.user-info.casino .welcome-balance-wrapper .balance .sp-balances .sp-casino-balance .sp-user-balance {
    font-size: 14px;
    color: #ffb200;
    line-height: 19px;
    font-weight: 700
}

.user-info.casino .welcome-balance-wrapper .balance .sp-balances .sp-sports-balance .sp-user-balance:after,
.user-info.casino .welcome-balance-wrapper .balance .sp-balances .sp-casino-balance .sp-user-balance:after {
    content: "  ";
    margin-left: 5px;
    margin-right: 5px
}

.user-info.casino .welcome-balance-wrapper .balance .sp-balances .sp-sports-balance.sp-casino-balance .sp-user-balance,
.user-info.casino .welcome-balance-wrapper .balance .sp-balances .sp-casino-balance.sp-casino-balance .sp-user-balance {
    color: #00a8fa
}

.user-info.casino .welcome-balance-wrapper .balance .sp-balances .sp-sports-balance.sp-casino-balance .sp-user-balance:before,
.user-info.casino .welcome-balance-wrapper .balance .sp-balances .sp-casino-balance.sp-casino-balance .sp-user-balance:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: 0;
    width: 16px;
    height: 16px;
    margin: 0 4px;
    background-image: url("../images/main_sprite_dark.svg");
    background-repeat: no-repeat;
    background-position: -450px -1400px;
    width: 15px;
    height: 8px
}

.user-info.casino .welcome-balance-wrapper .balance .sp-balances .sp-sports-balance.sp-casino-balance .sp-user-balance.ellipsis-loading:after,
.user-info.casino .welcome-balance-wrapper .balance .sp-balances .sp-casino-balance.sp-casino-balance .sp-user-balance.ellipsis-loading:after {
    display: inline-block;
    animation: ellipsis-loading steps(1, end) 1s infinite;
    content: ''
}

@keyframes ellipsis-loading {
    0% {
        content: '';
    }
    25% {
        content: '.';
    }
    50% {
        content: '..';
    }
    75% {
        content: '...';
    }
    100% {
        content: '';
    }
}

.user-info.casino .welcome-balance-wrapper .balance .sp-deposit-cta {
    display: flex;
    flex-wrap: nowrap
}

.user-info.casino .welcome-balance-wrapper .balance .sp-deposit-cta .deposit.sports,
.user-info.casino .welcome-balance-wrapper .balance .sp-deposit-cta .deposit.casino {
    background-color: #332c10;
    border-radius: 8px;
    cursor: pointer;
    text-transform: uppercase;
    min-height: 32px;
    width: auto;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    transition: all 0.2s ease-in-out
}

.user-info.casino .welcome-balance-wrapper .balance .sp-deposit-cta .deposit.sports:hover,
.user-info.casino .welcome-balance-wrapper .balance .sp-deposit-cta .deposit.casino:hover {
    background-color: #55491a
}

.user-info.casino .welcome-balance-wrapper .balance .sp-deposit-cta .deposit.sports:before,
.user-info.casino .welcome-balance-wrapper .balance .sp-deposit-cta .deposit.casino:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: 0;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    right: 0;
    background: url("../images/main_sprite_dark.svg") no-repeat -650px -100px
}

.user-info.casino .welcome-balance-wrapper .balance .sp-deposit-cta .deposit.sports.sports:before,
.user-info.casino .welcome-balance-wrapper .balance .sp-deposit-cta .deposit.casino.sports:before {
    margin-right: 5px
}

.user-info.casino .welcome-balance-wrapper .balance .sp-deposit-cta .deposit.sports.sports>span.sp-deposit-cta-sports-text,
.user-info.casino .welcome-balance-wrapper .balance .sp-deposit-cta .deposit.casino.sports>span.sp-deposit-cta-sports-text {
    color: #fcf7e6;
    font-size: 11px;
    font-weight: bold;
    line-height: 15px
}

.user-info.casino .welcome-balance-wrapper .balance .sp-deposit-cta .deposit.sports.sports>span.sp-deposit-cta-sports-text.trans-funds,
.user-info.casino .welcome-balance-wrapper .balance .sp-deposit-cta .deposit.casino.sports>span.sp-deposit-cta-sports-text.trans-funds {
    margin-left: 5px !important
}

.user-info.casino .welcome-balance-wrapper .balance .sp-deposit-cta .deposit.sports.casino,
.user-info.casino .welcome-balance-wrapper .balance .sp-deposit-cta .deposit.casino.casino {
    background-color: #002142;
    min-height: 31px;
    min-width: 31px;
    margin-left: 8px
}

.user-info.casino .welcome-balance-wrapper .balance .sp-deposit-cta .deposit.sports.casino:hover,
.user-info.casino .welcome-balance-wrapper .balance .sp-deposit-cta .deposit.casino.casino:hover {
    background-color: #003770
}

.user-info.casino .welcome-balance-wrapper .balance .sp-deposit-cta .deposit.sports.casino:before,
.user-info.casino .welcome-balance-wrapper .balance .sp-deposit-cta .deposit.casino.casino:before {
    right: 0;
    background-image: url("../images/main_sprite_dark.svg");
    background-repeat: no-repeat;
    background-position: -550px -1400px;
    width: 15px;
    height: 15px
}

.user-info.casino .user-tools {
    min-height: 36px;
    padding-bottom: 0;
    display: flex
}

.user-info.casino .user-tools ul {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    align-self: flex-end;
    width: 100%
}

.user-info.casino .user-tools ul li {
    display: inline-block
}

.user-info.casino .user-tools ul li a {
    color: #e8ecf0;
    font-size: 14px;
    font-weight: 700;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    transition: all 0.2s ease-in-out;
    opacity: 1
}

.user-info.casino .user-tools ul li a:before {
    right: 0 !important;
    margin-right: 5px
}

.user-info.casino .user-tools ul li a:hover {
    opacity: 0.8
}

.user-info.casino .user-tools ul li a:hover a:before {
    opacity: 0.8 !important
}

.user-info.casino .user-tools ul li .bet-history:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: 0px;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    opacity: 0.6;
    background-image: url("../images/main_sprite_dark.svg");
    background-repeat: no-repeat;
    background-position: -150px -1400px;
    width: 15px;
    height: 15px
}

.user-info.casino .user-tools ul li .transactions:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: 0;
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat -800px -100px;
    width: 14px;
    height: 15px;
    opacity: 0.6;
    background-image: url("../images/main_sprite_dark.svg");
    background-repeat: no-repeat;
    background-position: -550px -200px;
    width: 12px;
    height: 15px
}

.user-info.casino .user-tools ul li .withdraw:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: 0;
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat -850px -100px;
    width: 19px;
    height: 20px;
    opacity: 0.6;
    background-image: url("../images/main_sprite_dark.svg");
    background-repeat: no-repeat;
    background-position: -200px -1400px;
    width: 15px;
    height: 16px
}

.user-info.casino .user-tools ul li .manage-account:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: 0;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    opacity: 0.6;
    background-image: url("../images/main_sprite_dark.svg");
    background-repeat: no-repeat;
    background-position: -500px -1400px;
    width: 15px;
    height: 15px
}

@media only screen and (max-width: 955px) {
    .user-info:not(.casino) {
        flex-grow: 2 !important;
        -webkit-box-ordinal-group: 2 !important;
        -moz-box-ordinal-group: 2 !important;
        -ms-flex-order: 2 !important;
        order: 2 !important
    }
}

@media only screen and (max-width: 920px) {
    .user-info.casino .welcome .lp-link a,
    .user-info.casino .welcome .log-info a {
        font-size: 10px !important;
        line-height: 14px !important
    }
    .user-info.casino .balance .sp-balances .sp-sports-balance .sp-balance-title,
    .user-info.casino .balance .sp-balances .sp-casino-balance .sp-balance-title {
        font-size: 10px !important;
        line-height: 14px !important
    }
    .user-info.casino .balance .sp-balances .sp-sports-balance .sp-user-balance,
    .user-info.casino .balance .sp-balances .sp-casino-balance .sp-user-balance {
        font-size: 12px !important;
        line-height: 17px !important
    }
    .user-info.casino .balance .sp-deposit-cta a.deposit.sports span {
        font-size: 10px !important;
        line-height: 14px !important
    }
    .user-info.casino .balance .sp-deposit-cta a.deposit.sports span.trans-funds {
        display: none !important
    }
    .user-info.casino .user-tools ul li a {
        font-size: 12px !important;
        line-height: 17px !important
    }
}

@media only screen and (max-width: 767px) {
    .user-info * {
        font-size: 12px !important
    }
    .user-info a:before {
        display: none !important
    }
}

.mobile-user-info {
    display: none;
    width: 100%;
    font-size: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    background-image: linear-gradient(-180deg, #121212 0%, #252525 22%, #252525 80%, #121212 98%)
}

.mobile-user-info .log-info {
    width: 50%;
    display: inline-block;
    justify-content: space-between;
    align-items: center;
    padding: 15px 10px 7px 10px;
    float: right;
    text-align: right
}

.mobile-user-info .log-info a {
    font-weight: 700;
    color: #fff;
    opacity: 0.9;
    transition: 0.3s all
}

.mobile-user-info .log-info a:hover {
    opacity: 1;
    transition: 0.3s all
}

.mobile-user-info .log-info a:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: 0px;
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat -1100px -100px;
    width: 15px;
    height: 15px;
    right: 3px;
    margin-left: 10px
}

.mobile-user-info .balance {
    display: inline-block;
    min-height: 20px;
    padding-bottom: 10px;
    width: 45%;
    text-align: left;
    padding-top: 12px;
    padding-right: 7px;
    margin-left: 10px
}

.mobile-user-info .balance span:nth-child(1) {
    font-size: 14px;
    color: #fff;
    font-weight: 700
}

.mobile-user-info .balance span:nth-child(2) {
    font-size: 14px;
    color: #ffb200;
    line-height: 19px;
    font-weight: 700
}

.mobile-user-info .balance span:nth-child(2):after {
    content: "  ";
    margin-left: 5px;
    margin-right: 5px
}

.mobile-user-info .balance .deposit {
    font-size: 14px;
    color: #ffb200;
    line-height: 19px;
    font-weight: 700;
    opacity: 0.9;
    display: none
}

.mobile-user-info .balance .deposit:hover {
    opacity: 1
}

.mobile-user-info .balance .deposit:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: 0px;
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat -650px -100px;
    width: 16px;
    height: 16px;
    right: 5px
}

.mobile-user-info .user-tools {
    min-height: 20px;
    padding-bottom: 8px
}

.mobile-user-info .user-tools ul {
    list-style: none;
    padding: 5px 10px 5px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.mobile-user-info .user-tools ul li {
    display: inline-block
}

.mobile-user-info .user-tools ul li a {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    background-color: rgba(82, 121, 148, 1);
    padding: 8px 12px;
    text-transform: capitalize
}

.mobile-user-info .user-tools ul li .bet-history:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: 0px;
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat -750px -100px;
    width: 20px;
    height: 20px;
    right: 2px;
    zoom: 0.75;
    -moz-transform: scale(0.75);
    -moz-transform-origin: 0 0
}

.mobile-user-info .user-tools ul li .transactions-user:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: 0px;
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat -800px -100px;
    width: 14px;
    height: 15px;
    right: 2px;
    zoom: 0.75;
    -moz-transform: scale(0.75);
    -moz-transform-origin: 0 0
}

.mobile-user-info .user-tools ul li .withdraw:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: 0px;
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat -850px -100px;
    width: 19px;
    height: 20px;
    right: 2px;
    zoom: 0.75;
    -moz-transform: scale(0.75);
    -moz-transform-origin: 0 0
}

.mobile-user-info .user-tools ul li .manage-account:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: 0px;
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat -900px -100px;
    width: 15px;
    height: 15px;
    right: 2px;
    zoom: 0.75;
    -moz-transform: scale(0.75);
    -moz-transform-origin: 0 0
}

@media only screen and (max-width: 767px) {
    .mobile-user-info {
        display: block
    }
}

@media only screen and (max-width: 480px) {
    .mobile-user-info {
        width: 100%;
        font-size: 12px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.10);
        border-top: 1px solid rgba(255, 255, 255, 0.2);
        background-image: linear-gradient(-180deg, #121212 0%, #252525 22%, #252525 80%, #121212 98%)
    }
    .mobile-user-info .log-info {
        width: 100%;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 15px 10px 7px 10px
    }
    .mobile-user-info .log-info a {
        font-weight: 700;
        color: #fff;
        opacity: 0.9;
        transition: 0.3s all
    }
    .mobile-user-info .log-info a:hover {
        opacity: 1;
        transition: 0.3s all
    }
    .mobile-user-info .log-info a:before {
        position: relative;
        display: inline-block;
        content: " ";
        top: 0px;
        vertical-align: middle;
        background: url("../images/main_sprite_dark.svg") no-repeat -1100px -100px;
        width: 15px;
        height: 15px;
        right: 3px;
        margin-left: 10px
    }
    .mobile-user-info .balance {
        min-height: 20px;
        padding-bottom: 10px;
        width: 100%;
        text-align: center;
        margin-left: 0px;
        padding-top: 0px
    }
    .mobile-user-info .balance span:nth-child(1) {
        font-size: 14px;
        color: #fff;
        font-weight: 700
    }
    .mobile-user-info .balance span:nth-child(2) {
        font-size: 14px;
        color: #ffb200;
        line-height: 19px;
        font-weight: 700
    }
    .mobile-user-info .balance span:nth-child(2):after {
        content: "  ";
        margin-left: 5px;
        margin-right: 5px
    }
    .mobile-user-info .balance .deposit {
        font-size: 14px;
        color: #ffb200;
        line-height: 19px;
        opacity: 0.9;
        display: none
    }
    .mobile-user-info .balance .deposit:hover {
        opacity: 1
    }
    .mobile-user-info .balance .deposit:before {
        position: relative;
        display: inline-block;
        content: " ";
        top: 0px;
        vertical-align: middle;
        background: url("../images/main_sprite_dark.svg") no-repeat -650px -100px;
        width: 16px;
        height: 16px;
        right: 5px
    }
    .mobile-user-info .user-tools {
        min-height: 20px;
        padding-bottom: 8px
    }
    .mobile-user-info .user-tools ul {
        list-style: none;
        padding: 5px 10px 5px 10px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap
    }
    .mobile-user-info .user-tools ul li {
        display: flex;
        padding: 1px
    }
    .mobile-user-info .user-tools ul li a {
        color: #fff;
        font-size: 12px;
        font-weight: 700;
        background-color: rgba(82, 121, 148, 1);
        padding: 5px
    }
    .mobile-user-info .user-tools ul li .bet-history:before {
        position: relative;
        display: inline-block;
        content: " ";
        top: 0px;
        vertical-align: middle;
        background: url("../images/main_sprite_dark.svg") no-repeat -750px -100px;
        width: 20px;
        height: 20px;
        right: 2px;
        zoom: 0.75;
        -moz-transform: scale(0.75);
        -moz-transform-origin: 0 0;
        display: none
    }
    .mobile-user-info .user-tools ul li .transactions-user:before {
        position: relative;
        display: inline-block;
        content: " ";
        top: 0px;
        vertical-align: middle;
        background: url("../images/main_sprite_dark.svg") no-repeat -800px -100px;
        width: 14px;
        height: 15px;
        right: 2px;
        zoom: 0.75;
        -moz-transform: scale(0.75);
        -moz-transform-origin: 0 0;
        display: none
    }
    .mobile-user-info .user-tools ul li .withdraw:before {
        position: relative;
        display: inline-block;
        content: " ";
        top: 0px;
        vertical-align: middle;
        background: url("../images/main_sprite_dark.svg") no-repeat -850px -100px;
        width: 19px;
        height: 20px;
        right: 2px;
        zoom: 0.75;
        -moz-transform: scale(0.75);
        -moz-transform-origin: 0 0;
        display: none
    }
    .mobile-user-info .user-tools ul li .manage-account:before {
        position: relative;
        display: inline-block;
        content: " ";
        top: 0px;
        vertical-align: middle;
        background: url("../images/main_sprite_dark.svg") no-repeat -900px -100px;
        width: 15px;
        height: 15px;
        right: 2px;
        zoom: 0.75;
        -moz-transform: scale(0.75);
        -moz-transform-origin: 0 0;
        display: none
    }
}

.mobile-user-login-v3 {
    margin: 70px 10px 10px;
    display: none
}

.mobile-user-login-v3 a {
    text-decoration: none;
    color: #fff
}

.mobile-user-login-v3 ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: right;
    align-items: center;
    list-style: none;
    padding: 0
}

.mobile-user-login-v3 li {
    width: auto;
    margin: 0 5px;
    padding: 8px 12px;
    flex: 1;
    text-transform: uppercase;
    text-align: center
}

.mobile-user-login-v3 li a {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    display: block
}

.mobile-user-login-v3 .forgot-password {
    color: #fff;
    padding: 0 0 5px 10px;
    font-size: 12px;
    font-weight: 700
}

.register-btn {
    background-color: var(--quaternary);
    border: 1px solid var(--quaternary);
    padding: 6px 6px;
    font-size: 12px;
    height: 100%;
    margin-right: 5px;
    width: 80px;
    /* border-radius: 2px; */
    font-weight: 600;
    text-align: center;
    /*color: var(--secondary) !important;*/
}

.register-btn:hover {
	/*background-color: #0c1b2e;
    border: 1px solid #ce8d04;*/
}

.signin-btn {
    background-color: var(--primary);
    border: 1px solid var(--primary);
    padding: 6px 6px;
    font-size: 16px;
    height: 100%;
    font-weight: 600;
    width: 80px;
    text-align: center;
    color:var(--quaternary)!important;
}

    .signin-btn:hover {
        border: 1px solid var(--primary);
    }

.logoutMobile-btn {
    background-color: #1c2129;
    padding: 1px 11px;
    /* font-size: 16px; */
    height: 100%;
    margin-right: 10px;
    border-radius: 2px;
    font-weight: 600;
    background: url(../images/logout.svg) no-repeat;
}

.login-btn {
    padding: 6px 8px;
    background-color: #006495;
    border: 1px solid #e9dc01;
    font-size: 12px;
    border-radius: 2px;
    font-weight: 600;
}

.forgot-password span:before {
    position: relative;
    display: inline-block;
    content: " ";
    vertical-align: middle;
    background: url("../images/icons/forgotpwd.svg") no-repeat ;
    width: 11px;
    height: 11px;
    right: 5px
}

#mobile-balance {
    color: #f2cc39 !important;
    font-weight: bold;
    font-size: 12px;
}

.mobile-user-info-casino {
    background: #0d161f;
    display: none;
    padding: 8px;
    height: 48px;
    width: 100%
}

.mobile-user-info-casino .sp-balances {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    min-width: 190px
}

.mobile-user-info-casino .sp-balances .sp-sports-balance,
.mobile-user-info-casino .sp-balances .sp-casino-balance {
    align-items: baseline;
    display: flex;
    justify-content: space-between
}

.mobile-user-info-casino .sp-balances .sp-sports-balance .sp-balance-title,
.mobile-user-info-casino .sp-balances .sp-casino-balance .sp-balance-title,
.mobile-user-info-casino .sp-balances .sp-sports-balance .sp-user-balance,
.mobile-user-info-casino .sp-balances .sp-casino-balance .sp-user-balance {
    color: rgba(255, 255, 255, 0.6);
    font-family: "Open Sans", serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 17px;
    margin-right: 6px
}

.mobile-user-info-casino .sp-balances .sp-sports-balance .sp-user-balance,
.mobile-user-info-casino .sp-balances .sp-casino-balance .sp-user-balance {
    font-weight: bold
}

.mobile-user-info-casino .sp-balances .sp-sports-balance.sp-sports-balance .sp-user-balance,
.mobile-user-info-casino .sp-balances .sp-casino-balance.sp-sports-balance .sp-user-balance {
    color: #ffb200
}

.mobile-user-info-casino .sp-balances .sp-sports-balance.sp-casino-balance .sp-user-balance,
.mobile-user-info-casino .sp-balances .sp-casino-balance.sp-casino-balance .sp-user-balance {
    color: #00a8fa
}

.mobile-user-info-casino .sp-balances .sp-sports-balance.sp-casino-balance .sp-user-balance:before,
.mobile-user-info-casino .sp-balances .sp-casino-balance.sp-casino-balance .sp-user-balance:before {
    content: '';
    display: inline-block;
    margin-right: 4px;
    position: relative;
    top: 0;
    background-image: url("../images/main_sprite_dark.svg");
    background-repeat: no-repeat;
    background-position: -450px -1400px;
    width: 15px;
    height: 8px
}

.mobile-user-info-casino .sp-balances .sp-sports-balance.sp-casino-balance .sp-user-balance.ellipsis-loading:after,
.mobile-user-info-casino .sp-balances .sp-casino-balance.sp-casino-balance .sp-user-balance.ellipsis-loading:after {
    animation: ellipsis-loading steps(1, end) 1s infinite;
    content: '';
    width: 12px;
    display: inline-block
}

@keyframes ellipsis-loading {
    0% {
        content: '';
    }
    25% {
        content: '.';
    }
    50% {
        content: '..';
    }
    75% {
        content: '...';
    }
    100% {
        content: '';
    }
}

.mobile-user-info-casino .sp-deposit-cta {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.mobile-user-info-casino .sp-deposit-cta .deposit {
    border-radius: 8px;
    height: 32px;
    transition: all 0.3s ease-in-out;
    width: 32px
}

.mobile-user-info-casino .sp-deposit-cta .deposit.sports,
.mobile-user-info-casino .sp-deposit-cta .deposit.casino {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative
}

.mobile-user-info-casino .sp-deposit-cta .deposit.sports {
    background-color: #332c10
}

.mobile-user-info-casino .sp-deposit-cta .deposit.sports span.sp-deposit-cta-sports-text {
    display: none
}

.mobile-user-info-casino .sp-deposit-cta .deposit.sports:not(:last-child) {
    margin-right: 8px
}

.mobile-user-info-casino .sp-deposit-cta .deposit.sports:hover {
    background-color: #55491a
}

.mobile-user-info-casino .sp-deposit-cta .deposit.sports:before {
    content: '';
    position: absolute;
    background-image: url("../images/main_sprite_dark.svg");
    background-repeat: no-repeat;
    background-position: -650px -100px;
    width: 15px;
    height: 16px
}

.mobile-user-info-casino .sp-deposit-cta .deposit.casino {
    background-color: #002142;
    cursor: pointer
}

.mobile-user-info-casino .sp-deposit-cta .deposit.casino:hover {
    background-color: #003770
}

.mobile-user-info-casino .sp-deposit-cta .deposit.casino:before {
    content: '';
    position: absolute;
    background-image: url("../images/main_sprite_dark.svg");
    background-repeat: no-repeat;
    background-position: -550px -1400px;
    width: 15px;
    height: 15px
}

@media only screen and (max-width: 767px) {
    .mobile-user-login-v3 {
        display: block
    }
    .mobile-user-info .balance {
        width: fit-content
    }
    .mobile-user-info .balance span {
        margin-right: 15px
    }
    .mobile-user-info .balance .deposit:before {
        margin-right: -5px
    }
    .mobile-user-info .log-info {
        float: none;
        text-align: left;
        width: fit-content;
        padding: 13px 10px 7px 10px
    }
    .mobile-user-info {
        display: flex !important;
        flex-direction: row;
        justify-content: left;
        padding: 0 10px 0 !important;
        font-weight: 700;
        float: none;
        height: 50px
    }
    .mobile-user-info-casino {
        align-items: center;
        display: flex;
        justify-content: space-between;
        flex-wrap: nowrap
    }
}

@media only screen and (max-width: 480px) {
    .mobile-user-info {
        display: block !important;
        height: auto
    }
    .mobile-user-info .balance .deposit:before,
    .mobile-user-info .balance span {
        margin-right: 0px
    }
    .mobile-user-info .balance {
        width: 100%;
        display: flex !important;
        flex-direction: row;
        justify-content: space-between;
        padding: 0 10px 0 !important;
        font-weight: 700
    }
}

@media only screen and (min-width: 375px) {
    .mobile-user-info-casino .sp-deposit-cta .deposit.sports {
        justify-content: space-between;
        min-width: 82px;
        padding: 10px 8px;
        width: auto !important
    }
    .mobile-user-info-casino .sp-deposit-cta .deposit.sports span.sp-deposit-cta-sports-text {
        color: #fcf7e6;
        display: inline-block;
        font-family: "Open Sans", serif;
        font-size: 11px;
        font-weight: bold;
        line-height: 15px;
        text-transform: uppercase
    }
    .mobile-user-info-casino .sp-deposit-cta .deposit.sports span.sp-deposit-cta-sports-text.trans-deposit {
        height: auto;
        margin-left: calc(15px + 5px)
    }
    .mobile-user-info-casino .sp-deposit-cta .deposit.sports span.sp-deposit-cta-sports-text.trans-funds {
        display: none;
        margin-left: 5px
    }
    .mobile-user-info-casino .sp-deposit-cta .deposit.sports:before {
        left: 8px
    }
}

@media only screen and (min-width: 425px) {
    .mobile-user-info-casino .sp-deposit-cta .deposit.sports span.sp-deposit-cta-sports-text.trans-funds {
        display: inline-block
    }
}

.mobile-login {
    display: none;
    width: 100%;
    font-size: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    background-image: linear-gradient(-180deg, #121212 0%, #252525 22%, #252525 80%, #121212 98%);
    padding: 25px 15px
}

.mobile-login ul {
    padding: 0px;
    margin: 0px;
    text-align: right
}

.mobile-login ul li {
    list-style-type: none;
    display: inline-block
}

.mobile-login ul li a {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    background-color: rgba(82, 121, 148, 1);
    padding: 8px 12px;
    text-transform: uppercase
}

.mobile-login .forgot-password {
    margin-top: 14px;
    margin-bottom: -10px
}

.mobile-login .forgot-password>a,
.mobile-login .forgot-password>span {
    color: #fff;
    display: inline-block;
    font-size: 12px
}

.mobile-login .forgot-password>a:before,
.mobile-login .forgot-password>span:before {
    position: relative;
    display: inline-block;
    content: " ";
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat -450px -100px;
    width: 11px;
    height: 11px;
    right: 5px
}

.mobile-login .forgot-password a {
    color: #fff;
    font-weight: 800
}

@media only screen and (max-width: 767px) {
    .mobile-login {
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap
    }
}

@media only screen and (max-width: 480px) {
    .mobile-login {
        width: 100%;
        justify-content: space-between;
        flex-wrap: nowrap;
        font-size: 12px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.10);
        border-top: 1px solid rgba(255, 255, 255, 0.2);
        background-color: #252525;
        background-image: none;
        display: block
    }
}

@media only screen and (max-width: 280px) {
    .mobile-login>div.lp-link {
        text-align: center;
        margin-bottom: 20px
    }
}

body#body-opera-mini .mobile-login {
    justify-content: space-between !important
}

body#body-opera-mini .mobile-login>div.lp-link {
    text-align: left;
    width: auto;
    margin-bottom: auto
}

.mj-archive-filter {
    display: flex;
    padding: 16px 8px;
    font-weight: 600
}

.archive-jackpot-filter {
    margin-bottom: 0 !important
}

.separator {
    border: 1px solid #fff;
    opacity: 0.2;
    height: 2px;
    margin: 0 9px
}

.mj-archive-filter .filter-dropdown-list {
    padding: 0
}

.mj-archive-filter .filter-dropdown-list div {
    margin-right: 40px;
    margin-bottom: 0
}

.mj-archive-filter div label {
    font-size: 14px;
    margin-right: 8px
}

.mj-archive-filter div select {
    border-radius: 4px;
    background: linear-gradient(180deg, rgba(38, 48, 60, 1) 0%, rgba(16, 23, 31, 1) 100%);
    border: 1px solid #565c62;
    color: #fff !important;
    opacity: 0.8;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    height: 25px;
    min-width: 103px
}

.mj-archive-filter div select:disabled {
    background: #151e27;
    border: 1px solid #33363a;
    padding-left: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.mj-archive-filter div select option {
    background-color: #10171f
}

@media only screen and (max-width: 1184px) {
    .archive-jackpot-filter .filter-dropdown-list {
        display: flex !important
    }
    .archive-jackpot-filter .filter-dropdown-list div {
        margin-right: 40px !important
    }
}

@media only screen and (max-width: 1212px) {
    .archive-jackpot-filter {
        background-color: #01122f !important;
        box-shadow: none !important
    }
    .archive-jackpot-filter .separator {
        display: none
    }
}

@media only screen and (max-width: 924px) {
    .event-list-title {
        /*border-radius: 3px 3px 3px 3px;*/
    }
    .mj-archive-filter {
        background-color: #01122f !important;
        border-radius: 0 0 8px 8px;
        padding: 8px 4px 16px 8px
    }
    .separator {
        height: 0;
        border: none
    }
    .mj-archive-filter div {
        margin: 0 auto
    }
    .archive-jackpot-filter .filter-dropdown-list {
        display: flex !important;
        flex-direction: column
    }
    .archive-jackpot-filter .filter-dropdown-list .archived-jackpot-year-filter {
        margin-right: 40px !important;
        margin-left: 0;
        margin-bottom: 8px;
        min-width: 104px;
        max-width: 104px
    }
}

.sticky-banner-jackpot {
    height: 59px;
    background-color: #223241;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.5);
    color: white;
    display: flex;
    z-index: 99
}

.sticky-banner-jackpot .hidden {
    display: none
}

.sticky-banner-jackpot .current-hidden {
    display: none
}

.sticky-banner-jackpot .next-full-width {
    width: 100%;
    margin: 0;
    padding-top: 6px
}

.sticky-banner-jackpot .next-full-width p {
    margin: 0
}

.sticky-banner-jackpot .next-full-width .prize {
    font-size: 21px
}

.sticky-banner-jackpot div {
    width: 50%;
    text-align: center;
    margin-top: 0.5em
}

.sticky-banner-jackpot div.current {
    border-right: 1px solid #42505d
}

.sticky-banner-jackpot div.next p.prize {
    color: #fdec43;
    font-weight: bold;
    font-size: 16px;
    text-shadow: 0px 2px 0px rgba(255, 153, 0, 0.5)
}

.sticky-banner-jackpot div p {
    margin: 4px
}

.sticky-banner-jackpot div p.title {
    color: #dfe3e9;
    font-weight: 600;
    font-size: 12px;
    opacity: 0.7
}

.sticky-banner-jackpot div p.prize {
    color: #dfe3e9;
    font-weight: 600;
    font-size: 16px
}

.sticky-banner-jackpot div p.prize span {
    margin: 0 4px;
    font-size: 12px
}

@media only screen and (min-width: 768px) {
    .sticky-banner-jackpot {
        position: fixed;
        bottom: 0;
        width: 417px;
        right: 0;
        left: 0;
        margin-right: auto;
        margin-left: auto;
        border-radius: 8px 8px 0 0
    }
}

@media only screen and (max-width: 767px) {
    .sticky-banner-jackpot {
        top: 146px;
        width: 100%;
        left: 0
    }
    .sticky-banner-jackpot.fixed {
        position: fixed;
        margin-top: 7px
    }
}

@media only screen and (max-width: 350px) {
    .sticky-banner-jackpot.mobile div p.title span.hidden-on-mobile {
        display: none
    }
}

.archived-jackpot-centered {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 0 0 8px 8px;
    background-color: #01122f;
    min-height: 83px
}

.archived-jackpot-centered.hidden {
    display: none
}

.archived-jackpot-centered .info-text {
    display: flex;
    align-items: center;
    color: white;
    margin: 24px 24px 24px 16px
}

.archived-jackpot-centered .info-text .icon {
    margin-right: 16px
}

.archived-jackpot-centered .info-text .icon:before {
    position: relative;
    display: inline-block;
    content: " ";
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat -300px -1600px;
    width: 40px;
    height: 40px;
    left: 8px;
    top: 8px;
    zoom: 1.5
}

.archived-jackpot-centered .info-text .info .title {
    opacity: 0.87;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 0;
    padding-bottom: 0
}

.archived-jackpot-centered .info-text .info .description {
    color: #5a6168;
    font-size: 12px;
    font-weight: 600;
    margin-top: 0px;
    padding-top: 0
}

.archived-jackpot-centered .action-button button {
    height: 38px;
    width: 172px;
    border-radius: 6.66px;
    background-color: #182836;
    box-shadow: 0 2px 10px 0 rgba(20, 28, 36, 0.7);
    border: 0;
    margin: 24px
}

.archived-jackpot-centered .action-button button:hover {
    background-color: #213c54
}

.archived-jackpot-centered .action-button button span {
    color: #00a8fa;
    font-weight: 600;
    font-size: 12px;
    text-align: center
}

@media only screen and (max-width: 700px) {
    .archived-jackpot-centered {
        flex-direction: column;
        border-radius: 8px;
        margin-top: 16px
    }
    .archived-jackpot-centered .info-text {
        flex-direction: column;
        margin: 16px 16px 8px 16px
    }
    .archived-jackpot-centered .info-text .icon:before {
        left: 16px
    }
    .archived-jackpot-centered .info-text .info {
        display: flex;
        flex-direction: column;
        text-align: center
    }
    .archived-jackpot-centered .info-text .info .title {
        margin-bottom: 8px
    }
    .archived-jackpot-centered .info-text .info .description {
        max-width: 80%;
        align-self: center
    }
}

@media only screen and (max-width: 1212px) {
    .archived-jackpot-centered {
        border-radius: 8px
    }
}

.event-main-container {
    padding: 8px
}

.event-main-container .header,
.event-main-container .body .event_row div,
.event-main-container .body .event_row div .responsive-first-section {
    display: flex
}

.event-main-container .header div,
.event-main-container .body .event_row div div,
.event-main-container .body .event_row div .responsive-first-section div {
    flex-grow: 1;
    flex-shrink: 2;
    width: 100%;
    font-size: 11px;
    padding: 0 3px;
    margin-right: 4px
}

.event-main-container .header div.event_order,
.event-main-container .body .event_row div div.event_order,
.event-main-container .body .event_row div .responsive-first-section div.event_order {
    max-width: 53px
}

.event-main-container .header div.event_date,
.event-main-container .body .event_row div div.event_date,
.event-main-container .body .event_row div .responsive-first-section div.event_date {
    max-width: 110px
}

.event-main-container .header div.event_competitor,
.event-main-container .body .event_row div div.event_competitor,
.event-main-container .body .event_row div .responsive-first-section div.event_competitor {
    flex-shrink: 1 !important
}

.event-main-container .header div.event_pick,
.event-main-container .body .event_row div div.event_pick,
.event-main-container .body .event_row div .responsive-first-section div.event_pick {
    flex-shrink: 1.8;
    max-width: 200px
}

.event-main-container .header div.event_results,
.event-main-container .body .event_row div div.event_results,
.event-main-container .body .event_row div .responsive-first-section div.event_results {
    max-width: 70px
}

.event-main-container .header {
    padding: 8px;
    border-radius: 6px 6px 0 0;
    background-color: #000;
    font-weight: bold;
    text-transform: uppercase;
    color: rgba(253, 255, 254, 1)
}

.event-main-container .body {
    font-weight: 600;
    text-transform: capitalize;
    color: #aeb4b7;
    background-color: #17242f;
    border-radius: 0 0 6px 6px
}

.event-main-container .body .event_row {
    padding-bottom: 1px
}

.event-main-container .body .event_row:last-child div {
    border-radius: 0 0 6px 6px
}

.event-main-container .body .event_row div {
    padding: 16px 10px;
    background-color: #26323b
}

.event-main-container .body .event_row div .responsive-first-section {
    max-width: 163px
}

.event-main-container .body .event_row div .responsive-first-section .event_order {
    opacity: 0.5;
    margin-left: -3px
}

.event-main-container .body .event_row div .responsive-first-section .event_date {
    opacity: 0.5
}

.event-main-container .body .event_row div .event_pick span,
.event-main-container .body .event_row div .event_results span {
    display: none
}

@media only screen and (max-width: 1346px) {
    .event-main-container .header {
        display: none;
        color: rgba(253, 255, 254, 1)
    }
    .event-main-container .body {
        border-radius: 6px 6px 0 0
    }
    .event-main-container .body .event_row:first-child div {
        border-radius: 6px 6px 0 0
    }
    .event-main-container .body .event_row div {
        flex-direction: column;
        color: rgba(253, 255, 254, 1)
    }
    .event-main-container .body .event_row div .responsive-first-section {
        max-width: 100%;
        flex-direction: row;
        justify-content: space-between
    }
    .event-main-container .body .event_row div .responsive-first-section .event_date {
        text-align: right
    }
    .event-main-container .body .event_row div .event_competitor {
        margin-top: 2px
    }
    .event-main-container .body .event_row div .event_pick,
    .event-main-container .body .event_row div .event_results {
        display: flex;
        flex-direction: row;
        max-width: 100%;
        margin-top: 2px
    }
    .event-main-container .body .event_row div .event_pick span,
    .event-main-container .body .event_row div .event_results span {
        display: flex;
        margin-right: 5px;
        opacity: 0.5;
        text-transform: capitalize
    }
}

.events-content-multijackpot {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    border-radius: 0 0 8px 8px
}

.events-content-multijackpot .event-list {
    background-color: #01122f;
    box-shadow: none;
    font-size: 12px;
    font-family: "Open Sans", Arial, sans-serif;
    color: #fff;
    margin-bottom: 16px
}

.events-content-multijackpot .event-list .event-list-header {
    margin-bottom: 8px
}

.events-content-multijackpot .event-list .event-list-header .event-list-title {
    background-color: #000b15;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    letter-spacing: 3px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    font-weight: 800;
    font-size: 1.2em;
    padding: 8px 6px
}

.events-content-multijackpot .event-list .event-list-header .event-list-title .event-icon.event-show-sport .sport-icon {
    vertical-align: sub
}

.events-content-multijackpot .event-list .event-list-header .event-list-title .event-icon:not(.event-show-sport) {
    opacity: 0.8
}

.events-content-multijackpot .event-list .event-list-header .event-list-title .event-icon+.event-icon {
    margin-left: 16px
}

.events-content-multijackpot .event-list .event-list-header .event-list-title>div:first-child {
    width: 50%;
    flex-shrink: 9999999;
    display: flex
}

.events-content-multijackpot .event-list .event-list-header .event-list-title>div:not(:first-child):not(:last-child) {
    flex-shrink: 1
}

.events-content-multijackpot .event-list .event-list-header .event-list-title>div:last-child {
    width: 50%;
    flex-shrink: 9999999;
    display: flex;
    justify-content: flex-end
}

.events-content-multijackpot .event-list .event-list-header .event-list-title .event-list-name {
    flex-grow: 1;
    text-transform: uppercase
}

.events-content-multijackpot .event-list .event-list-header .event-list-title .event-list-name .event-title-small {
    text-transform: none;
    font-weight: normal
}

.events-content-multijackpot .jackpot-archive-navigation-bottom {
    padding: 24px 8px
}

.events-content-multijackpot .jackpot-archive-navigation-bottom .button-archive-nav-bottom {
    display: inline-flex;
    transition: all 0.2s;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.1);
    padding: 8px;
    width: 150px
}

.events-content-multijackpot .jackpot-archive-navigation-bottom .button-archive-nav-bottom .nav-icon {
    font-size: 3em;
    line-height: 24px;
    opacity: 0.9;
    color: #fff
}

.events-content-multijackpot .jackpot-archive-navigation-bottom .button-archive-nav-bottom .nav-icon-left {
    padding: 0 16px 0 8px
}

.events-content-multijackpot .jackpot-archive-navigation-bottom .button-archive-nav-bottom .nav-icon-right {
    padding: 0 8px 0 16px
}

.events-content-multijackpot .jackpot-archive-navigation-bottom .button-archive-nav-bottom .nav-data {
    font-weight: 600;
    color: #feffff;
    font-size: 12px;
    width: 100%
}

.events-content-multijackpot .jackpot-archive-navigation-bottom .button-archive-nav-bottom .nav-data .nav-date {
    opacity: 0.7
}

.events-content-multijackpot .jackpot-archive-navigation-bottom .button-archive-nav-bottom .nav-data .nav-date-right {
    text-align: right
}

.events-content-multijackpot .jackpot-archive-navigation-bottom .button-archive-nav-bottom .nav-data .nav-dir {
    opacity: 0.9
}

.events-content-multijackpot .jackpot-archive-navigation-bottom .button-archive-nav-bottom:hover {
    opacity: 0.6;
    cursor: pointer
}

.events-content-multijackpot .text-right {
    text-align: right
}

.events-content-multijackpot .right {
    float: right
}

.events-content-multijackpot .archived-jackpot-details {
    background-color: #01122f !important;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.32);
    padding: 16px 8px 8px 8px
}

.events-content-multijackpot .archived-jackpot-details-list {
    background-color: #17242f;
    padding: 24px 8px 8px 8px;
    border-radius: 8px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5)
}

.events-content-multijackpot .archived-jackpot-details-list .jackpot-details {
    text-align: center;
    line-height: 27px
}

.events-content-multijackpot .archived-jackpot-details-list .jackpot-details .jackpot-date {
    color: #fdfffe;
    font-weight: bold;
    opacity: 0.9;
    font-size: 20px
}

.events-content-multijackpot .archived-jackpot-details-list .jackpot-details .jackpot-id {
    color: #feffff;
    opacity: 0.6;
    font-size: 12px
}

.events-content-multijackpot .archived-jackpot-details-list .jackpot-details .button-archive-nav {
    margin: 0px 8px 0 8px;
    transition: all 0.2s;
    font-size: 3em;
    width: 48px;
    height: 48px;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.1);
    line-height: 43px
}

.events-content-multijackpot .archived-jackpot-details-list .jackpot-details .button-archive-nav>div>span {
    font-size: 3em;
    opacity: 0.9;
    color: #fff
}

.events-content-multijackpot .archived-jackpot-details-list .jackpot-details .button-archive-nav:hover {
    opacity: 0.6;
    cursor: pointer
}

.events-content-multijackpot .archived-jackpot-details-list .row-separator {
    margin: 12px auto 0
}

.events-content-multijackpot .archived-jackpot-details-list .row-separator .separator {
    border-bottom: 1px solid #fff;
    opacity: 0.1;
    margin: 0
}

.events-content-multijackpot .archived-jackpot-details-list .archived-jackpot {
    padding-top: 12px
}

.events-content-multijackpot .archived-jackpot-details-list .archived-jackpot .header {
    display: block;
    width: 100%;
    text-align: center;
    color: #fdfffe;
    padding: 8px 0 8px 0
}

.events-content-multijackpot .archived-jackpot-details-list .archived-jackpot .header .title {
    opacity: 0.9;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px
}

.events-content-multijackpot .archived-jackpot-details-list .archived-jackpot .header .subtitle {
    opacity: 0.5;
    font-size: 14px;
    line-height: 19px
}

.events-content-multijackpot .archived-jackpot-details-list .archived-jackpot .category-list {
    font-size: 12px;
    text-align: center;
    line-height: 17px;
    width: 100%;
    margin-left: 0;
    margin-right: 0
}

.events-content-multijackpot .archived-jackpot-details-list .archived-jackpot .category-list .category-item {
    padding-left: 4px;
    padding-right: 4px
}

.events-content-multijackpot .archived-jackpot-details-list .archived-jackpot .category-list .category-item .category-body {
    padding: 8px;
    border-radius: 6px;
    background-color: #1b2e3e;
    box-shadow: 0 2px 10px 0 rgba(20, 28, 36, 0.7);
    text-align: center;
    height: 68px
}

.events-content-multijackpot .archived-jackpot-details-list .archived-jackpot .category-list .category-item .category-body>div {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.events-content-multijackpot .archived-jackpot-details-list .archived-jackpot .category-list .category-item .category-body .category-title {
    color: #feffff;
    opacity: 0.9;
    font-weight: 600
}

.events-content-multijackpot .archived-jackpot-details-list .archived-jackpot .category-list .category-item .category-body .category-winners {
    color: #feffff;
    opacity: 0.5
}

.events-content-multijackpot .archived-jackpot-details-list .archived-jackpot .category-list .category-item .category-body .category-prize {
    color: #00a8fa;
    font-weight: bold;
    opacity: 0.9
}

.events-content-multijackpot .event-main-container {
    padding: 8px
}

.events-content-multijackpot .event-main-container .responsive-first-section {
    min-width: 141px
}

.events-content-multijackpot .event-main-container .header,
.events-content-multijackpot .event-main-container .body .event_row div,
.events-content-multijackpot .event-main-container .body .event_row div .responsive-first-section {
    display: flex
}

.events-content-multijackpot .event-main-container .header div,
.events-content-multijackpot .event-main-container .body .event_row div div,
.events-content-multijackpot .event-main-container .body .event_row div .responsive-first-section div {
    flex-grow: 1;
    flex-shrink: 2;
    width: 100%;
    font-size: 12px;
    padding: 0 3px;
    margin-right: 4px
}

.events-content-multijackpot .event-main-container .header div.event_order,
.events-content-multijackpot .event-main-container .body .event_row div div.event_order,
.events-content-multijackpot .event-main-container .body .event_row div .responsive-first-section div.event_order {
    float: left;
    max-width: 20px;
    opacity: 0.5
}

.events-content-multijackpot .event-main-container .header div.event_date,
.events-content-multijackpot .event-main-container .body .event_row div div.event_date,
.events-content-multijackpot .event-main-container .body .event_row div .responsive-first-section div.event_date {
    min-width: 110px;
    opacity: 0.5
}

.events-content-multijackpot .event-main-container .header div.event_order_header,
.events-content-multijackpot .event-main-container .body .event_row div div.event_order_header,
.events-content-multijackpot .event-main-container .body .event_row div .responsive-first-section div.event_order_header {
    float: left;
    opacity: 0.9
}

.events-content-multijackpot .event-main-container .header div.event_date_header,
.events-content-multijackpot .event-main-container .body .event_row div div.event_date_header,
.events-content-multijackpot .event-main-container .body .event_row div .responsive-first-section div.event_date_header {
    opacity: 0.9
}

.events-content-multijackpot .event-main-container .header div.event_competitor,
.events-content-multijackpot .event-main-container .body .event_row div div.event_competitor,
.events-content-multijackpot .event-main-container .body .event_row div .responsive-first-section div.event_competitor {
    flex-shrink: 1 !important;
    opacity: 0.9
}

.events-content-multijackpot .event-main-container .header div.event_pick,
.events-content-multijackpot .event-main-container .body .event_row div div.event_pick,
.events-content-multijackpot .event-main-container .body .event_row div .responsive-first-section div.event_pick {
    flex-shrink: 1.8;
    max-width: 200px;
    opacity: 0.9
}

.events-content-multijackpot .event-main-container .header div.event_results,
.events-content-multijackpot .event-main-container .body .event_row div div.event_results,
.events-content-multijackpot .event-main-container .body .event_row div .responsive-first-section div.event_results {
    max-width: 70px;
    opacity: 0.9
}

.events-content-multijackpot .event-main-container .title {
    padding: 24px 0 16px 0;
    text-align: center;
    color: #fdfffe;
    font-weight: 600;
    opacity: 0.9;
    font-size: 16px;
    line-height: 22px
}

.events-content-multijackpot .event-main-container .header {
    padding: 8px;
    border-radius: 6px 6px 0 0;
    background-color: #000;
    font-weight: bold;
    text-transform: uppercase;
    color: rgba(253, 255, 254, 1)
}

.events-content-multijackpot .event-main-container .body {
    font-weight: 600;
    text-transform: capitalize;
    color: #aeb4b7;
    background-color: #17242f;
    border-radius: 0 0 6px 6px
}

.events-content-multijackpot .event-main-container .body .event_row {
    color: #feffff;
    padding-bottom: 1px
}

.events-content-multijackpot .event-main-container .body .event_row:last-child div {
    border-radius: 0 0 6px 6px
}

.events-content-multijackpot .event-main-container .body .event_row div {
    padding: 8px 10px;
    background-color: #26323b
}

.events-content-multijackpot .event-main-container .body .event_row div .responsive-first-section {
    max-width: 163px
}

.events-content-multijackpot .event-main-container .body .event_row div .responsive-first-section .event_order {
    opacity: 0.5;
    margin-left: -3px
}

.events-content-multijackpot .event-main-container .body .event_row div .responsive-first-section .event_date {
    opacity: 0.5
}

.events-content-multijackpot .event-main-container .body .event_row div .event_pick span,
.events-content-multijackpot .event-main-container .body .event_row div .event_results span {
    display: none
}

@media only screen and (max-width: 1346px) {
    .events-content-multijackpot .event-main-container .header {
        display: none;
        color: rgba(253, 255, 254, 1)
    }
    .events-content-multijackpot .event-main-container .body {
        border-radius: 6px 6px 0 0
    }
    .events-content-multijackpot .event-main-container .body .event_row:first-child div {
        border-radius: 6px 6px 0 0
    }
    .events-content-multijackpot .event-main-container .body .event_row div {
        flex-direction: column;
        color: rgba(253, 255, 254, 1)
    }
    .events-content-multijackpot .event-main-container .body .event_row div .responsive-first-section {
        max-width: 100%;
        flex-direction: row;
        justify-content: space-between
    }
    .events-content-multijackpot .event-main-container .body .event_row div .responsive-first-section .event_date {
        display: inline;
        text-align: right
    }
    .events-content-multijackpot .event-main-container .body .event_row div .event_competitor {
        margin-top: 2px
    }
    .events-content-multijackpot .event-main-container .body .event_row div .event_pick,
    .events-content-multijackpot .event-main-container .body .event_row div .event_results {
        display: flex;
        flex-direction: row;
        max-width: 100%;
        margin-top: 2px
    }
    .events-content-multijackpot .event-main-container .body .event_row div .event_pick span,
    .events-content-multijackpot .event-main-container .body .event_row div .event_results span {
        display: flex;
        margin-right: 5px;
        opacity: 0.5;
        text-transform: capitalize
    }
}

@media only screen and (max-width: 1212px) {
    .events-content-multijackpot {
        box-shadow: none
    }
    .events-content-multijackpot .event-list {
        border-radius: 0 0 8px 8px
    }
    .events-content-multijackpot .archived-jackpot-details {
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.32) !important;
        margin-top: 16px;
        padding: 0;
        border-radius: 8px
    }
    .events-content-multijackpot .archived-jackpot-details .jackpot-archive-navigation-bottom .button-archive-nav-bottom {
        width: 120px
    }
    .events-content-multijackpot .archived-jackpot-details .jackpot-archive-navigation-bottom .button-archive-nav-bottom .nav-icon-left {
        padding: 0 4px 0 0
    }
    .events-content-multijackpot .archived-jackpot-details .jackpot-archive-navigation-bottom .button-archive-nav-bottom .nav-icon-right {
        padding: 0 0 0 4px
    }
    .events-content-multijackpot .archived-jackpot-details .jackpot-archive-navigation-bottom .button-archive-nav-bottom .nav-data .nav-dir {
        font-size: 11px
    }
    .events-content-multijackpot .archived-jackpot-details-list {
        background-color: #01122f;
        padding: 12px 4px 4px 4px
    }
    .events-content-multijackpot .archived-jackpot-details-list .jackpot-details {
        padding-left: 4px;
        padding-right: 4px
    }
    .events-content-multijackpot .archived-jackpot-details-list .jackpot-details .button-archive-nav {
        width: 40px;
        height: 40px;
        line-height: 34px
    }
    .events-content-multijackpot .archived-jackpot-details-list .jackpot-details .jackpot-date {
        font-size: 16px;
        line-height: 16px
    }
    .events-content-multijackpot .archived-jackpot-details-list .jackpot-details .jackpot-id {
        font-size: 12px
    }
    .events-content-multijackpot .archived-jackpot-details-list .category-list .category-item {
        padding: 4px
    }
}

.mj-archive-header-title {
    margin-bottom: 0;
    display: flex;
    justify-content: center
}

.mj-archive-header-title .event-list-title {
    width: 100%
}

.mj-archive-header-title .event-list-title .event-text span {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0;
    width: 100%
}

.archived-jackpots-list-container {
    border-radius: 0 0 8px 8px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    min-height: 453px;
    align-items: normal
}

.empty-archived-list-container {
    flex-direction: column;
    justify-content: center;
    min-height: 453px;
    opacity: 0.8;
    font-size: 12px;
    line-height: 16px
}

.empty-archived-list-icon {
    background: url("../../images/main_sprite_dark.svg") no-repeat -850px -200px;
    zoom: 1.5;
    margin-bottom: 8px;
    width: 22px;
    height: 20px;
    top: 0;
    right: -3px;
    opacity: 0.3
}

.archived-jackpot-pagination {
    padding: 32px 16px 16px 16px
}

.archived-jackpots-list {
    width: 100%;
    padding: 8px
}

.archived-jackpots-list .archived-jackpot-date-header {
    text-transform: uppercase;
    opacity: 0.9;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    margin: 24px 0
}

.archived-jackpots-list .archived-jackpot-row {
    transition: all 0.2s;
    padding: 8px;
    border-radius: 8px;
    background-color: #17242f;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.5);
    margin: 8px 0
}

.archived-jackpots-list .archived-jackpot-row .date-col {
    color: #fdfffe;
    opacity: 0.9;
    font-size: 16px;
    font-weight: bold;
    line-height: 22px
}

.archived-jackpots-list .archived-jackpot-row .id-col {
    opacity: 0.6;
    color: #feffff;
    font-size: 12px;
    line-height: 17px
}

.archived-jackpots-list .archived-jackpot-row .next-column {
    text-align: right
}

.archived-jackpots-list .archived-jackpot-row .next-column .next-icon {
    transition: all 0.2s;
    font-size: 2.5em;
    font-weight: 100;
    line-height: 36px
}

.archived-jackpots-list .archived-jackpot-row .next-column .next-icon:hover {
    filter: drop-shadow(0 1px 3px #fff)
}

.archived-jackpots-list .archived-jackpot-row .pill-column {
    text-align: right;
    padding: 11px 0
}

.archived-jackpots-list .archived-jackpot-row .pill-column .cancelled-pill {
    text-transform: uppercase;
    text-align: center;
    background-color: #9a9fa4;
    border-radius: 3px;
    padding: 4px 8px 4px 8px;
    width: 25px;
    color: #042533;
    opacity: 0.9;
    font-size: 12px;
    font-weight: bold
}

.archived-jackpots-list .archived-jackpot-row:hover {
    background-color: #1e2d3b;
    cursor: pointer
}

.archived-jackpots-list .archived-jackpot-row-cancelled:hover {
    background-color: #17242f;
    cursor: default
}

@media only screen and (max-width: 374px) {
    .archived-jackpot-row {
        padding: 8px 4px 8px 4px
    }
    .archived-jackpot-row .detail-col {
        padding-left: 8px
    }
}

@media only screen and (max-width: 1212px) {
    .archived-jackpots-list-container {
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.32);
        margin-top: 16px;
        padding: 0;
        border-radius: 8px
    }
}

nav ul.pagination {
    width: 100%;
    display: block;
    padding: 20px;
    padding-top: 0px;
    margin: 0px;
    text-align: center
}

nav ul.pagination li {
    list-style-type: none;
    display: inline-block
}

nav ul.pagination li a {
    display: block;
    padding: 6px;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, 0.2);
    font-size: 12px;
    color: #fff;
    min-height: 30px;
    min-width: 30px;
    text-align: center;
    margin-top: 3px !important
}

nav ul.pagination li a:hover {
    background-color: #662483;
    transition: all 0.2s;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5)
}

nav ul.pagination li:first-child a,
nav ul.pagination li:last-child a {
    min-width: 80px
}

nav ul.pagination li .current {
    font-weight: 800;
    background-color: #662483;
    transition: all 0.2s;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5)
}

nav ul.pagination li+li {
    margin-left: 4px
}

.form-header {
    position: relative;
    margin-bottom: 24px;
    padding-bottom: 50px;
    background-color: #000;
    background: url('../../img/footer_bg.jpg') no-repeat;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: bottom;
    text-align: center;
    box-shadow: inset 0px 0px 30px #000;
    padding-top: 18px
}

.form-header h2 {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 38px;
    line-height: 25px
}

.form-header h3 {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 25px;
    padding-top: 30px
}

.form-header .register-steps h2 {
    display: inline-block;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 25px;
    font-weight: 400
}

.form-header .register-steps .inactive {
    opacity: 0.4
}

.form-header .register-steps .completed:after {
    position: relative;
    display: inline-block;
    content: " ";
    top: -2px;
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat -1050px -100px;
    width: 18px;
    height: 18px;
    left: 10px
}

@media only screen and (max-width: 767px) {
    .form-header {
        margin-bottom: 14px
    }
    .form-header .register-steps div {
        width: 100%
    }
    .form-header h2 {
        margin-top: 0
    }
    .form-header h3 {
        padding-top: 0
    }
}

@media only screen and (max-width: 480px) {
    .form-header {
        position: relative;
        margin-bottom: 14px;
        padding-bottom: 50px;
        background-color: #000;
        background: url('../../img/footer_bg.jpg') no-repeat;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        background-position: bottom;
        text-align: center
    }
    .form-header h2 {
        font-family: 'Oswald', sans-serif;
        text-transform: uppercase;
        font-size: 26px;
        line-height: 25px
    }
    .form-header h3 {
        font-size: 22px
    }
}

.live-events-card ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 0px;
    list-style-type: none
}

.live-events-card ul li {
    position: relative;
    display: inline-block;
    margin: 7px;
    padding: 8px;
    min-height: 98px;
    border-radius: 5px;
    background-color: rgba(33, 41, 49, 1);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.50);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    transition: background-size 0.2s, box-shadow 0.1s
}

.live-events-card ul li.cancel:after {
    padding: 20px;
    content: "This game has been canceled";
    width: 100%;
    height: 100px;
    min-height: 98px;
    display: block;
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 5px;
    padding-top: 30px;
    text-align: center;
    font-weight: 700
}

.live-events-card ul li.cancel:hover {
    background-size: 100% !important;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.50) !important;
    transition: none !important;
    cursor: not-allowed !important
}

.live-events-card ul li.cancel .xs-live-button {
    display: none
}

.live-events-card ul li.finished:after {
    padding: 8px;
    content: "Ended";
    width: 100%;
    height: 100px;
    min-height: 98px;
    display: block;
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 5px;
    padding-top: 70px;
    text-align: left;
    font-weight: 500
}

.live-events-card ul li.finished:hover {
    background-size: 100% !important;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.50) !important;
    transition: none !important
}

.live-events-card ul li.finished .team01,
.live-events-card ul li.finished .team02 {
    position: relative;
    z-index: 999;
    font-weight: 500
}

.live-events-card ul li.finished .xs-live-button {
    display: none
}

.live-events-card ul li:hover {
    background-size: 115%;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.75);
    transition: background-size 0.2s, box-shadow 0.2s
}

.live-events-card ul li[data-card-sport='1'][data-card-bg='1'] {
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('../../img/live-cards/1/1.png');
    background-image: -o-linear-gradient(rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('../../img/live-cards/1/1.png');
    background-image: linear-gradient(rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('../../img/live-cards/1/1.png')
}

.live-events-card ul li[data-card-sport='1'][data-card-bg='2'] {
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('../../img/live-cards/1/2.png');
    background-image: -o-linear-gradient(rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('../../img/live-cards/1/2.png');
    background-image: linear-gradient(rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('../../img/live-cards/1/2.png')
}

.live-events-card ul li[data-card-sport='1'][data-card-bg='3'] {
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('../../img/live-cards/1/3.png');
    background-image: -o-linear-gradient(rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('../../img/live-cards/1/3.png');
    background-image: linear-gradient(rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('../../img/live-cards/1/3.png')
}

.live-events-card ul li[data-card-sport='1'][data-card-bg='4'] {
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('../../img/live-cards/1/4.png');
    background-image: -o-linear-gradient(rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('../../img/live-cards/1/4.png');
    background-image: linear-gradient(rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('../../img/live-cards/1/4.png')
}

.live-events-card ul li[data-card-sport='2'][data-card-bg='1'] {
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('../../img/live-cards/2/1.png');
    background-image: -o-linear-gradient(rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('../../img/live-cards/2/1.png');
    background-image: linear-gradient(rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('../../img/live-cards/2/1.png')
}

.live-events-card ul li[data-card-sport='2'][data-card-bg='2'] {
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('../../img/live-cards/2/2.png');
    background-image: -o-linear-gradient(rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('../../img/live-cards/2/2.png');
    background-image: linear-gradient(rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('../../img/live-cards/2/2.png')
}

.live-events-card ul li[data-card-sport='2'][data-card-bg='3'] {
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('../../img/live-cards/2/3.png');
    background-image: -o-linear-gradient(rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('../../img/live-cards/2/3.png');
    background-image: linear-gradient(rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('../../img/live-cards/2/3.png')
}

.live-events-card ul li[data-card-sport='2'][data-card-bg='4'] {
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('../../img/live-cards/2/4.png');
    background-image: -o-linear-gradient(rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('../../img/live-cards/2/4.png');
    background-image: linear-gradient(rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('../../img/live-cards/2/4.png')
}

.live-events-card ul li[data-card-sport='3'][data-card-bg='1'] {
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('../../img/live-cards/3/1.png');
    background-image: -o-linear-gradient(rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('../../img/live-cards/3/1.png');
    background-image: linear-gradient(rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('../../img/live-cards/3/1.png')
}

.live-events-card ul li[data-card-sport='3'][data-card-bg='2'] {
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('../../img/live-cards/3/2.png');
    background-image: -o-linear-gradient(rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('../../img/live-cards/3/2.png');
    background-image: linear-gradient(rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('../../img/live-cards/3/2.png')
}

.live-events-card ul li[data-card-sport='3'][data-card-bg='3'] {
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('../../img/live-cards/3/3.png');
    background-image: -o-linear-gradient(rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('../../img/live-cards/3/3.png');
    background-image: linear-gradient(rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('../../img/live-cards/3/3.png')
}

.live-events-card ul li[data-card-sport='3'][data-card-bg='4'] {
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('../../img/live-cards/3/4.png');
    background-image: -o-linear-gradient(rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('../../img/live-cards/3/4.png');
    background-image: linear-gradient(rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('../../img/live-cards/3/4.png')
}

.live-events-card ul li[data-card-sport='5'][data-card-bg='1'] {
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('../../img/live-cards/5/1.png');
    background-image: -o-linear-gradient(rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('../../img/live-cards/4/5.png');
    background-image: linear-gradient(rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('../../img/live-cards/5/1.png')
}

.live-events-card ul li[data-card-sport='5'][data-card-bg='2'] {
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('../../img/live-cards/5/2.png');
    background-image: -o-linear-gradient(rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('../../img/live-cards/5/2.png');
    background-image: linear-gradient(rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('../../img/live-cards/5/2.png')
}

.live-events-card ul li[data-card-sport='5'][data-card-bg='3'] {
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('../../img/live-cards/5/3.png');
    background-image: -o-linear-gradient(rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('../../img/live-cards/5/3.png');
    background-image: linear-gradient(rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('../../img/live-cards/5/3.png')
}

.live-events-card ul li[data-card-sport='5'][data-card-bg='4'] {
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('../../img/live-cards/5/4.png');
    background-image: -o-linear-gradient(rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('../../img/live-cards/5/4.png');
    background-image: linear-gradient(rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('../../img/live-cards/5/4.png')
}

.live-events-card ul li .team01,
.live-events-card ul li .team02 {
    color: #fff;
    font-size: 14px;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.50);
    width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
}

.live-events-card ul li .team01 .result,
.live-events-card ul li .team02 .result {
    position: relative;
    display: inline-block;
    font-weight: 700
}

.live-events-card ul li .timer {
    color: #fff;
    font-size: 12px
}

.live-events-card ul li .xs-live-button {
    position: absolute;
    bottom: 0px
}

@media only screen and (max-width: 767px) {
    .live-events-card {
        white-space: nowrap;
        overflow-y: hidden;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch
    }
    .live-events-card ul {
        display: block !important;
        width: 100%
    }
    .live-events-card ul li {
        display: inline-block;
        width: 200px
    }
    .live-events-card ul li.cancel:after {
        padding: 8px;
        content: "Cancelled game";
        width: 200px !important;
        height: 100px;
        min-height: 98px;
        display: inline-block;
        background-color: rgba(0, 0, 0, 0.9);
        position: absolute;
        top: 0px;
        left: 0px;
        border-radius: 5px;
        padding-top: 35px;
        text-align: center;
        font-weight: 700;
        word-wrap: break-word !important
    }
}

.dp {
    clear: both;
    background-color: var(--secondary);
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
    padding-bottom: 1px;
    margin-top: 0px;
    margin-bottom: 8px
}

.dp .user-status {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    margin-left: 15px
}

.dp .user-status:hover {
    text-decoration: underline
}

.dp .user-status a {
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    font-weight: bold
}

.dp .user-status-unverified {
    opacity: 0.54
}

.dp .icon-user-status {
    background: url("../images/main_sprite_dark.svg") no-repeat -350px -1500px;
    width: 15px;
    height: 20px;
    text-indent: 100%;
    overflow: hidden
}

.dp .icon-user-status-unverified {
    display: inline-block;
    background: url("../images/main_sprite_dark.svg") no-repeat -250px -1500px;
    width: 20px;
    height: 20px;
    text-indent: 100%;
    overflow: hidden;
    margin-left: 0;
    margin-right: 5px;
    vertical-align: middle;
    opacity: 0.4
}

.dp .icon-user-status-verified,
.dp .icon-user-status-fica {
    display: inline-block;
    background: url("../images/main_sprite_dark.svg") no-repeat -250px -1500px;
    width: 20px;
    height: 20px;
    text-indent: 100%;
    overflow: hidden;
    margin-left: 0;
    margin-right: 5px;
    vertical-align: middle
}

.dp .icon-warning {
    display: inline-block;
    background: url("../images/main_sprite_dark.svg") no-repeat -400px -1500px;
    width: 20px;
    height: 20px;
    text-indent: 100%;
    overflow: hidden;
    margin-left: 0;
    margin-right: 0;
    vertical-align: middle
}

.dp ul {
    margin-bottom: 1px !important
}

    .dp .dp-title {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        text-align: center;
        background-color: var(--secondary);
        height: 35px;
        padding-left: 8px;
        padding-right: 8px
    }

.dp .dp-title .title {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    letter-spacing: 3px;
    font-weight: 800;
    padding-left: 10px;
    text-transform: uppercase
}

.dp .dp-title .icon-bethistory {
    width: 15px;
    height: 15px;
    background: url("../images/main_sprite_dark.svg") -500px -200px;
    text-indent: 100%;
    overflow: hidden
}

.dp .dp-title .icon-transactions {
    width: 12px;
    height: 15px;
    background: url("../images/main_sprite_dark.svg") -550px -200px;
    text-indent: 100%;
    overflow: hidden
}

.dp .dp-title .icon-account {
    background: url("../images/main_sprite_dark.svg") no-repeat 0px -1400px;
    width: 15px;
    height: 15px;
    text-indent: 100%;
    overflow: hidden
}

.dp .dp-title .icon-withdrawal {
    background: url("../images/main_sprite_dark.svg") no-repeat -200px -1400px;
    width: 15px;
    height: 15px;
    text-indent: 100%;
    overflow: hidden
}

.dp .dp-title .help {
    width: 14px;
    height: 16px;
    background: url("../images/main_sprite_dark.svg") -500px -100px;
    text-indent: 100%;
    overflow: hidden;
    margin-left: auto;
    margin-right: 5px
}

.dp .dp-title .icon-money {
    background: url("../images/main_sprite_dark.svg") no-repeat -100px -900px;
    width: 15px;
    height: 15px;
    text-indent: 100%;
    overflow: hidden
}

.dp .dp-title .icon-hand {
    background: url("../images/main_sprite_dark.svg") no-repeat -750px -1500px;
    width: 15px;
    height: 15px;
    text-indent: 100%;
    overflow: hidden
}

.dp .dp-header {
    position: relative;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 10px;
    width: 100%;
    min-height: 20px;
    color: #662483
}

.dp .dp-header ul {
    display: inline-block;
    text-align: center
}

.dp .dp-header ul li {
    display: inline-block;
    list-style: none;
    padding: 0px;
    margin: 0px
}

@media only screen and (max-width: 640px) {
    .dp {
        margin: 8px;
        border-radius: 3px;
        margin-bottom: 32px
    }
    .dp>div {
        overflow-x: scroll
    }
    .dp>div::-webkit-scrollbar {
        display: none
    }
    .dp .dp-title {
        border-top-right-radius: 3px;
        border-top-left-radius: 3px;
        height: 45px;
        justify-content: flex-start
    }
    .dp .dp-title .title {
        font-size: 16px;
        letter-spacing: 1px;
        font-weight: 400;
        padding-left: 10px
    }
    .dp .dp-header {
        display: none
    }
}

#dashboard-nav {
    margin-bottom: 25px;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.50)
}

#dashboard-nav ul {
    margin: 0px;
    padding: 0px
}

#dashboard-nav ul li {
    display: block;
    list-style: none;
    padding-left: 0px;
    margin-bottom: 1px
}

#dashboard-nav ul li a.first-level {
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    padding-left: 8px;
    display: block;
    min-height: 30px;
    background-color: #662483
}

#dashboard-nav ul li a.first-level:hover {
    background-color: rgba(2, 11, 20, 1)
}

#dashboard-nav ul li a.second-level {
    font-size: 12px;
    color: #fff;
    line-height: 30px;
    padding-left: 8px;
    display: block;
    min-height: 30px;
    transition: padding-left 0.2s
}

#dashboard-nav ul li a.second-level:hover {
    padding-left: 12px;
    transition: padding-left 0.2s
}

#dashboard-nav ul li:nth-child(1) {
    background-color: rgba(21, 30, 39, 1);
    padding-left: 8px
}

#dashboard-nav ul li:nth-child(1) span {
    font-size: 14px;
    color: #fff;
    letter-spacing: 0.87px;
    font-weight: 500;
    line-height: 30px
}

#dashboard-nav ul #account-nav:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: -1px;
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat 0px -1400px;
    width: 15px;
    height: 15px
}

#dashboard-nav ul #history-nav:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: -1px;
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat -150px -1400px;
    width: 15px;
    height: 15px
}

#dashboard-nav ul #transactions-nav:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: -1px;
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat -50px -1400px;
    width: 15px;
    height: 19px
}

#dashboard-nav ul #deposit-nav:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: -1px;
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat -100px -1400px;
    width: 15px;
    height: 16px
}

#dashboard-nav ul #withdraw-nav:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: -1px;
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat -200px -1400px;
    width: 15px;
    height: 15px
}

#dashboard-nav ul dl {
    position: relative;
    margin: 0px;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 0px !important;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 99
}

#dashboard-nav ul dl dt {
    padding-left: 8px
}

#dashboard-nav ul dl dd {
    padding-left: 10px
}

#dashboard-nav ul .selected {
    background-color: rgba(2, 11, 20, 1) !important
}

#dashboard-nav .arrow-up {
    position: relative;
    margin-right: 5px;
    display: block;
    float: right;
    width: 10px;
    height: 5px;
    background: url("../images/main_sprite_dark.svg") -50px -300px;
    margin-top: 10px
}

#dashboard-nav .arrow-down {
    position: relative;
    margin-right: 5px;
    display: block;
    float: right;
    width: 10px;
    height: 5px;
    background: url("../images/main_sprite_dark.svg") 0px -300px;
    margin-top: 10px
}

@media only screen and (max-width: 767px) {
    #dashboard-nav {
        display: none
    }
}

.about {
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.50);
    margin-bottom: 25px;
    border-radius: 5px
}

.about .user {
    display: block;
    width: 100%;
    min-height: 60px;
    background-color: #ededed;
    padding: 12px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px
}

.about .user span {
    font-size: 14px;
    color: #070f65;
    line-height: 19px;
    display: block
}

.about .user .username {
    font-weight: 700
}

.about .balance {
    display: block;
    width: 100%;
    min-height: 60px;
    background-color: #272727;
    display: block;
    padding: 12px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

.about .balance span {
    font-size: 14px;
    color: #fff;
    line-height: 19px;
    display: block
}

.about .balance .current {
    font-size: 14px;
    color: #ffb200;
    font-weight: 700
}

@media only screen and (max-width: 767px) {
    .about {
        display: none !important
    }
}

.bethistory .cancel-bet {
    color: #da534c !important;
    font-size: 12px;
    font-weight: 600
}

.bethistory thead {
    font-weight: 700;
    text-transform: uppercase;
    background-color: none;
    font-size: 12px;
    color: #fff;
    line-height: 16px;
    background-color: rgba(0, 0, 0, 1)
}

.bethistory th,
.bethistory td {
    padding: 3px
}

.bethistory tbody tr {
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    line-height: 20px;
    letter-spacing: -0.3px
}

.bethistory tbody .master:nth-child(4n-3),
.bethistory tbody .master:nth-child(4n-3)+tr {
    transition: all 0.4s
}

.bethistory tbody .master:nth-child(2n) {
    transition: all 0.4s
}

.bethistory tbody .master {
    cursor: pointer;
    border-bottom: 1px solid rgba(0, 0, 0, 1)
}

.bethistory tbody .master:hover {
    background-color: rgba(25, 34, 126, 0.2) !important;
    transition: all 0.4s
}

.bethistory tbody .lottery-info {
    vertical-align: top
}

.bethistory tbody td {
    padding: 3px
}

.bethistory tbody .control {
    font-size: 10px;
    color: #fff;
    font-weight: 600
}

.bethistory .details {
    background-color: rgba(255, 255, 255, 0.1)
}

.bethistory .details h4 {
    font-size: 14px;
    color: #fff;
    padding-bottom: 5px;
    font-weight: 600;
    padding-left: 5px
}

.bethistory .details.price-details table {
    margin-right: 0px;
    margin-left: auto
}

.bethistory .details tr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15)
}

.bethistory .details thead {
    background-color: rgba(0, 0, 0, 0.15)
}

.bethistory-filter {
    padding: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #cecece;
    display: flex;
    justify-content: space-between
}

.bethistory-filter fieldset {
    display: inline-block;
    width: auto
}

.bethistory-filter fieldset:first-child {
    margin-right: 10px
}

.bethistory-filter fieldset:nth-child(2) {
    margin-right: 15px
}

.bethistory-filter fieldset input[type="text"] {
    width: 80px;
    background-color: white;
    color: black
}

.bethistory-filter fieldset input[type=submit] {
    display: inline-block;
    background: #fff;
    border: 0px solid rgba(25, 34, 126, 0.13);
    padding-top: 0px;
    text-transform: uppercase;
    font-weight: 800;
    position: relative;
    display: inline-block;
    text-indent: -9999999px;
    top: -1px;
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat -300px -1400px;
    width: 18px;
    height: 18px;
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer
}

.bethistory-filter fieldset label {
    color: #fff;
    font-weight: 400 !important;
    font-weight: 12px
}

.bethistory-empty {
    display: block;
    padding: 30px;
    color: #fff;
    font-weight: 400;
    text-align: center;
    width: 100%
}

.bethistory-empty span:first-child {
    font-weight: 700;
    display: block;
    margin-bottom: 10px
}

.bet-info th {
    padding: 5px;
    padding-top: 2px;
    font-size: 12px;
    color: #fff;
    opacity: 0.9
}

.bet-info td {
    padding: 5px;
    font-size: 12px;
    color: #fff;
    font-weight: 600
}

#history-switch {
    border-radius: 8px;
    background-color: #0c1218;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 0 auto 12px;
    padding: 6px;
    max-width: 456px
}

#history-switch button {
    background-color: transparent;
    border: none;
    border-radius: 5px;
    outline: none;
    padding: 8px 36px;
    width: 220px;
    transition: all ease-in-out 0.5s
}

#history-switch button:hover {
    background-color: #28333c 85
}

#history-switch button:hover span {
    opacity: 0.7
}

#history-switch button.active {
    background-color: #28333c
}

#history-switch button.active span {
    opacity: 0.9
}

#history-switch button span {
    opacity: 0.4;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    transition: all ease-in-out 0.5s
}

@media screen and (max-width: 767px) {
    #history-switch {
        margin: 0 auto -8px;
        width: 90vw
    }
    #history-switch button {
        padding: 4px;
        width: 44vw
    }
}

.casino-desktop-history {
    display: block
}

.casino-mobile-history {
    display: none
}

.casino-mobile-history ul {
    align-items: center;
    border-radius: 8px;
    background-color: #28333c;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    list-style: none;
    margin: 8px;
    padding: 8px;
    width: calc(100vw - 16px)
}

.casino-mobile-history ul li {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 4px 0;
    list-style: none;
    width: 100%
}

.casino-mobile-history ul li:first-child {
    padding-top: 0
}

.casino-mobile-history ul li:last-child {
    padding-bottom: 0
}

.bethistory .casino {
    font-weight: 500
}

.bethistory .casino .lighten {
    color: rgba(254, 255, 254, 0.6)
}

.bethistory .casino .medium {
    color: rgba(254, 255, 254, 0.9)
}

.bethistory .casino .white-bold {
    color: rgba(255, 255, 255, 1);
    font-weight: bold
}

div.responsive-table.casino-desktop-history div.table-header.casino .bet_id.casino,
div.responsive-table.casino-desktop-history div.table-rows div.bet_id.casino {
    flex-shrink: 3
}

@media screen and (max-width: 767px) {
    .casino-desktop-history {
        display: none
    }
    .casino-mobile-history {
        display: block;
        margin-bottom: 16px
    }
}

.transactions thead {
    font-weight: 700;
    text-transform: uppercase;
    background-color: none;
    font-size: 12px;
    color: #fff;
    line-height: 16px;
    background-color: transparent;
    border-bottom: 1px rgba(151, 151, 151, 0.19) solid
}

.transactions thead tr {
    height: 35px
}

.transactions th,
.transactions td {
    padding: 5px
}

.transactions tbody tr {
    font-size: 11px;
    font-weight: 500;
    color: #fff;
    line-height: 20px;
    letter-spacing: -0.3px
}

.transactions tbody tr:nth-child(2n) {
    background-color: rgba(255, 255, 255, 0.1);
    transition: all 0.4s
}

.transactions tbody .master:nth-child(2n) {
    background-color: #000;
    transition: all 0.4s
}

.transactions tbody td {
    padding: 5px
}

.transactions tbody .control {
    font-size: 10px;
    color: #3f51b5;
    font-weight: 600
}

.transactions-filter {
    padding: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #cecece;
    display: flex;
    justify-content: space-between;
    color: #fff
}

.transactions-filter fieldset {
    display: inline-block;
    width: auto
}

.transactions-filter fieldset input[type="text"] {
    width: 80px
}

.transactions-filter fieldset input[type=submit] {
    display: inline-block;
    background: #fff;
    border: 0px solid rgba(25, 34, 126, 0.13);
    padding-top: 0px;
    text-transform: uppercase;
    font-weight: 800;
    position: relative;
    display: inline-block;
    text-indent: -999999px;
    top: -1px;
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat -300px -1400px;
    width: 18px;
    height: 18px;
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer
}

.transactions-filter fieldset label {
    color: #000;
    font-weight: 400 !important;
    font-weight: 12px
}

.transactions-empty {
    display: block;
    padding: 30px;
    color: #fff !important;
    font-weight: 400;
    text-align: center;
    width: 100%
}

.transactions-empty span:first-child {
    font-weight: 700;
    display: block;
    margin-bottom: 10px
}

.withdrawal table thead {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
    color: #fff;
    line-height: 16px;
    background-color: rgba(0, 0, 0, 1)
}

.withdrawal table th,
.withdrawal table td {
    padding: 5px
}

.withdrawal table tbody tr {
    font-size: 11px;
    font-weight: 500;
    color: #fff;
    line-height: 20px;
    letter-spacing: -0.3px
}

.withdrawal table tbody .master:nth-child(4n-3),
.withdrawal table tbody .master:nth-child(4n-3)+tr {
    background-color: rgba(255, 255, 255, 0.1);
    transition: all 0.4s
}

.withdrawal table tbody .master:nth-child(2n) {
    background-color: #000;
    transition: all 0.4s
}

.withdrawal table tbody .master {
    cursor: pointer
}

.withdrawal table tbody .master:hover {
    background-color: rgba(25, 34, 126, 0.2) !important;
    transition: all 0.4s
}

.withdrawal table tbody td {
    padding: 5px
}

.withdrawal table tbody .control {
    font-size: 10px;
    color: #fff;
    font-weight: 600
}

.withdrawal-filter {
    padding: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #cecece;
    display: flex;
    justify-content: space-between
}

.withdrawal-filter fieldset {
    display: inline-block;
    width: auto
}

.withdrawal-filter fieldset input[type="text"] {
    width: 80px
}

.withdrawal-filter fieldset input[type=submit] {
    display: inline-block;
    background: #fff;
    border: 0px solid rgba(25, 34, 126, 0.13);
    padding-top: 0px;
    text-transform: uppercase;
    font-weight: 800;
    position: relative;
    text-indent: -999px;
    top: -1px;
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat -300px -1400px;
    width: 18px;
    height: 18px;
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer
}

.withdrawal-filter fieldset label {
    color: #fff;
    font-weight: 400 !important
}

.withdrawal-empty {
    display: block;
    padding: 30px;
    color: #fff;
    font-weight: 400;
    text-align: center;
    width: 100%
}

.withdrawal-empty span:first-child {
    font-weight: 700;
    display: block;
    margin-bottom: 10px
}

.request-withdrawal {
    background-color: rgba(2, 11, 20, 1);
    margin-bottom: 16px;
    padding: 16px 25px;
    border-radius: 3px
}

.request-withdrawal>h2 {
    margin: 0 auto 24px
}

.request-withdrawal>p {
    color: #fff;
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 24px
}

.request-withdrawal>p a {
    color: #fff;
    opacity: 1;
    text-decoration: underline !important
}

.request-withdrawal.bp {
    padding: 0px
}

.request-withdrawal.bp .title div {
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left
}

.request-withdrawal span.withdrawal_title {
    width: 100%;
    display: block !important;
    font-weight: 700;
    text-align: center;
    margin: 8px;
    text-transform: uppercase;
    font-size: 14px
}

.request-withdrawal span.withdrawal_title_za {
    width: 100%;
    display: block !important;
    text-align: center;
    margin-top: 16px;
    text-transform: uppercase;
    height: 22px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 22px
}

.request-withdrawal form {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

.request-withdrawal form .withdraw-mobile,
.request-withdrawal form .withdraw-amount,
.request-withdrawal form .withdraw-operator {
    margin: 8px
}

.request-withdrawal form .withdraw-mobile label,
.request-withdrawal form .withdraw-amount label,
.request-withdrawal form .withdraw-operator label,
.request-withdrawal form .withdraw-mobile input,
.request-withdrawal form .withdraw-amount input,
.request-withdrawal form .withdraw-operator input {
    width: 100%;
    display: block
}

.request-withdrawal form .withdraw-mobile input,
.request-withdrawal form .withdraw-amount input,
.request-withdrawal form .withdraw-operator input {
    width: 100% !important;
    margin: 8px;
    color: #000;
    background: #fff;
    border: 1px solid #b3b3b3;
    box-shadow: inset 2px 2px 3px 0px rgba(7, 15, 101, 0.33);
    font-size: 12px;
    color: rgba(2, 11, 20, 1);
    line-height: 20px;
    padding: 5px;
    margin-left: 0px
}

.request-withdrawal form input[type='submit'],
.request-withdrawal form input[type='button'] {
    display: block;
    width: 200px;
    margin: 0;
    background: #182560;
    border: 1px solid rgba(25, 34, 126, 0.13);
    padding: 7px;
    margin-top: 24px;
    text-transform: uppercase;
    font-weight: 800
}

.request-withdrawal form input[type='submit'].loading,
.request-withdrawal form input[type='button'].loading {
    opacity: 0.4;
    cursor: no-drop
}

.request-withdrawal form .withdraw-form .result-box {
    margin-top: 16px;
    margin-bottom: 24px
}

.request-withdrawal form.withdraw-verify-form {
    flex-direction: column;
    align-items: unset
}

.request-withdrawal form.withdraw-verify-form p {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 19px
}

.request-withdrawal form.withdraw-verify-form .account-data {
    margin-top: 6px
}

.request-withdrawal form.withdraw-verify-form .account-data p span:first-child {
    color: #8c9ba9
}

.request-withdrawal form.withdraw-verify-form .verify-actions {
    display: flex;
    justify-content: space-between
}

.request-withdrawal form.withdraw-verify-form .verify-actions input.withdraw-cancel-button {
    margin-right: 10px;
    background-color: rgba(82, 121, 148, 0.4) !important
}

.request-withdrawal form.withdraw-confirm-form .confirmation-sent {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
    width: 100%;
    margin-bottom: 20px
}

.request-withdrawal form.withdraw-confirm-form .confirmation-sent p:last-child {
    color: #8c9ba9;
    font-weight: normal
}

.withdrawal-global input[type="text"] {
    border: 1px solid #b3b3b3 !important
}

#widthdraw-section .request-withdrawal form input[type='submit'],
#widthdraw-section .request-withdrawal form input[type='button'] {
    display: block;
    width: 200px;
    background: #527994;
    padding: 7px;
    border: none;
    margin-top: 24px;
    text-transform: uppercase;
    font-weight: 800
}

#widthdraw-section .request-withdrawal input[type="submit"] {
    width: 100% !important
}

#widthdraw-section .withdraw-options-button {
    box-sizing: border-box;
    height: 52px;
    width: 164px;
    border: none;
    border-radius: 5px;
    background-color: #527994;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    text-align: center;
    margin: 20px 0 20px 0
}

#widthdraw-section .withdraw-options-button[active] {
    border: 2px solid #fff
}

#widthdraw-section #withdrawform>div.withdraw-mobile,
#widthdraw-section #withdrawform>div.withdraw-amount {
    margin: 8px 0px;
    width: 100%
}

#widthdraw-section .withdramenu .tab-pane {
    display: none
}

#widthdraw-section .withdramenu .tab-pane.active {
    display: inline-block
}

#widthdraw-section .withdraw-container {
    background-color: rgba(2, 11, 20, 1);
    margin-bottom: 16px;
    padding: 13px;
    border-radius: 3px;
    text-align: center
}

#widthdraw-section .withdrawal_subtitle {
    height: 19px;
    width: 100%;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
    display: block;
    margin-top: 8px
}

#widthdraw-section .fnb-option {
    margin: 0 auto;
    width: 75%;
    display: block
}

#widthdraw-section .fnb-option label {
    text-align: left
}

#widthdraw-section #bank_transfer {
    margin: 0 auto;
    width: 100%;
    max-width: 435px
}

#widthdraw-section .withdraw-container .error {
    color: #f00
}

#widthdraw-section .tab-pane {
    text-align: left;
    width: 100%
}

#widthdraw-section .tab-pane section {
    padding: 0
}

#widthdraw-section #withdramenu {
    white-space: nowrap
}

#widthdraw-section .payment-default {
    background-image: url('../../img/payment/default.png'), linear-gradient(294.63deg, #74a74c 0%, #4b8a22 100%);
    background-size: contain;
    background-repeat: no-repeat;
    border: 1px solid #6e9b59
}

#widthdraw-section .payment-pesalink {
    background-image: url('../../img/payment/pesalink.png'), linear-gradient(114.63deg, #1f3e4e 0%, #3e7e97 100%);
    background-size: contain;
    background-repeat: no-repeat;
    border: 1px solid #295667
}

#widthdraw-section .arrow-up {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #808589;
    position: absolute;
    bottom: -31px;
    left: 42px
}

#widthdraw-section .withdraw-tab-button:not(.selected) .arrow-up,
#widthdraw-section .withdraw-options-button:not([active]) .arrow-up {
    display: none
}

#widthdraw-section .withdraw-tab-button,
#widthdraw-section .withdraw-options-button {
    position: relative
}

#widthdraw-section ul.payment-methods {
    margin-bottom: 24px;
    white-space: nowrap
}

#widthdraw-section .withdraw-amount,
#widthdraw-section .withdraw-mobile {
    width: 100% !important;
    margin: 8px 0 !important
}

#widthdraw-section .withdraw-confirm-form input[type="submit"] {
    margin-top: 16px !important
}

#widthdraw-section .withdraw-amount input[name="amount"] {
    margin-bottom: 0 !important
}

#widthdraw-section .withdraw-limits {
    opacity: 0.7;
    color: #a8abad;
    font-size: 12px;
    font-weight: 600;
    line-height: 30px
}

#widthdraw-section .payment-arrow-selector {
    height: 79px;
    border-bottom: 2px solid #41484e;
    padding: 0 24px;
    margin-bottom: 32px
}

#widthdraw-section .payment-arrow-selector button:focus {
    outline: 0 !important
}

#widthdraw-section .payment-arrow-selector.payment-arrow-selector-za {
    height: 102px
}

#widthdraw-section .payment-arrow-selector.payment-arrow-selector-za .arrow-up {
    left: 72px
}

#widthdraw-section .ng-invalid-amount .input-group-addon {
    border: 2px solid red;
    border-right: 0
}

#widthdraw-section .ng-invalid-amount input {
    border: 1px solid red !important;
    outline: 0 !important
}

#widthdraw-section .ng-invalid-amount .withdraw-limits {
    color: #f00
}

#widthdraw-section input.ng-dirty.ng-invalid-min,
#widthdraw-section input.ng-dirty.ng-invalid-max {
    border: 2px solid red !important;
    outline: 0 !important
}

#widthdraw-section .input-group-addon {
    padding: 6px;
    font-size: 10px
}

#widthdraw-section span.help {
    float: right
}

#widthdraw-section span.help a {
    display: inline-block;
    width: 14px;
    height: 16px;
    background: url("../images/main_sprite_dark.svg") -500px -100px;
    vertical-align: bottom;
    margin-bottom: 2px;
    margin-left: 4px
}

#widthdraw-section .request-withdrawal form[name^="withdraw"] input[type="text"],
#widthdraw-section .request-withdrawal form[name^="withdraw"] select {
    height: 38px;
    border: 1px solid #b3b3b3;
    background-color: #fff;
    box-shadow: inset 1px 1px 1px 0 #b7bbd6;
    color: #000;
    text-indent: 10px;
    font-size: 12px;
    width: 100%;
    margin: 0
}

#widthdraw-section .request-withdrawal form[name^="withdraw"] input[type="submit"],
#widthdraw-section .request-withdrawal form[name^="withdraw"] input[type="button"] {
    height: 38px;
    border: 1px solid rgba(26, 35, 126, 0.13);
    background-color: #467a97;
    font-weight: bold;
    border-radius: 3px;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 20px !important
}

#widthdraw-section .withdrawal_title {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase
}

#widthdraw-section #withdraws {
    width: 360px;
    margin: 0 auto
}

@media only screen and (max-width: 550px) {
    #widthdraw-section #withdraws {
        width: auto
    }
    .request-withdrawal .withdraw-mobile,
    .request-withdrawal .withdraw-amount,
    .request-withdrawal .withdraw-operator {
        width: 100%;
        display: block
    }
}

footer .teams {
    padding-top: 5px;
    padding-bottom: 35px;
    background-color: transparent
}

footer .teams h2 {
    display: none
}

footer .teams.international-teams h2 {
    display: block;
    color: #fff;
    font-family: Oswald;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    margin: 0
}

footer .teams.international-teams hr {
    margin-top: 15px;
    margin-bottom: 15px;
    box-sizing: border-box;
    height: 2px;
    max-width: 471px;
    border: 1px solid #fff
}

footer .teams ul {
    padding: 0px;
    list-style-type: none;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center
}

footer .teams ul li {
    display: inline-block
}

footer .teams ul li a {
    display: block;
    width: 60px;
    height: 55px;
    background-color: transparent;
    text-indent: -99999px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    transition: all 0.3s
}

footer .teams ul li a:hover {
    height: 36px
}

footer .teams ul li a#kru:hover {
    height: 25px
}

footer .premiereleague {
    width: 100%;
    text-align: center;
    margin-bottom: 35px
}

footer .premiereleague li {
    display: block
}

footer .premiereleague li a {
    display: block;
    width: 120px;
    height: 120px;
    background-color: transparent;
    text-indent: -99999px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    transition: all 0.3s
}

footer .premiereleague li a:hover {
    height: auto !important;
    transition: all 0.3s
}

@media only screen and (max-width: 640px) {
    footer .teams ul {
        flex-wrap: wrap
    }
    footer .teams ul li {
        padding-top: 15px
    }
}

@media only screen and (max-width: 767px) {
    footer .teams ul li a {
        width: 50px;
        height: 45px
    }
    footer .teams ul li a:hover {
        height: 35px
    }
    footer .teams ul li a#kru:hover {
        height: 22px
    }
}

footer .partners {
    padding-top: 20px;
    padding-bottom: 35px;
    background-color: var(--secondary)
}

footer .partners h2 {
    display: block;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 15px
}

footer .partners ul {
    padding: 0px;
    list-style-type: none;
    text-align: center
}

footer .partners ul li {
    display: inline-block
}

footer .partners ul li a {
    display: block;
    width: 100px;
    height: 100px;
    background-color: transparent;
    text-indent: -99999px;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 2px
}

footer .partners ul #break {
    display: none
}

@media only screen and (max-width: 1300px) {
    footer .partners ul li a {
        width: 90px;
        height: 90px
    }
}

@media only screen and (max-width: 1162px) {
    footer .partners ul li a {
        width: 80px;
        height: 80px
    }
}

@media only screen and (max-width: 1045px) {
    footer .partners ul li a {
        width: 70px;
        height: 70px
    }
}

@media only screen and (max-width: 992px) {
    footer .partners ul li a {
        width: 65px;
        height: 65px
    }
}

@media only screen and (max-width: 862px) {
    footer .partners ul li a {
        width: 80px;
        height: 80px
    }
    footer .partners ul #break {
        width: 100%;
        display: block;
        height: 4px
    }
}

@media only screen and (max-width: 767px) {
    footer .partners ul li a {
        width: 80px;
        height: 80px
    }
}

@media only screen and (max-width: 560px) {
    footer .partners ul li a {
        width: 70px;
        height: 70px
    }
}

@media only screen and (max-width: 480px) {
    footer .partners ul li a {
        width: 60px;
        height: 60px
    }
}

@media only screen and (max-width: 450px) {
    footer .partners ul li a {
        width: 40px;
        height: 40px
    }
}

.bp .bp-title .icon-custom_bets {
    width: 18px;
    height: 23px;
    background: url("../../img/custom-bet-icon.svg") no-repeat;
    background-size: cover;
    text-indent: 100%;
    overflow: hidden
}

.match-markets .bp-market-info,
#custom_bets_creation .bp-market-info {
    padding: 16px 8px 2px 8px
}

.match-markets .panel-body,
#custom_bets_creation .panel-body {
    margin-bottom: 0px;
    padding: 0px
}

.match-markets .panel-body .cta a,
#custom_bets_creation .panel-body .cta a {
    text-transform: none !important;
    padding: 8px 10px 8px 20px !important;
    border: 1px solid #234b60;
    background: linear-gradient(180deg, #102d39 0%, #234b60 100%);
    font-weight: 600
}

.match-markets .panel-body .cta a:before,
#custom_bets_creation .panel-body .cta a:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: 0;
    vertical-align: middle;
    background: url('../../img/custom-bet-icon.svg') no-repeat;
    background-size: cover;
    width: 18px;
    height: 23px;
    right: 5px
}

.match-markets .custom-buttom a,
#custom_bets_creation .custom-buttom a {
    text-transform: none !important;
    padding: 4px 10px 4px 20px !important;
    color: white;
    border: 1px solid #234b60;
    background: linear-gradient(180deg, #102d39 0%, #234b60 100%)
}

.match-markets .custom-buttom a .icon,
#custom_bets_creation .custom-buttom a .icon {
    height: 14px;
    width: 14px;
    background-color: #fff;
    position: relative;
    display: inline-block;
    content: " ";
    top: -1px;
    vertical-align: middle;
    background: url('../../img/edit_icon.svg') no-repeat;
    width: 14px;
    height: 14px;
    right: 5px
}

.betting-button-custom .betting-button {
    height: 100%;
    max-height: none;
    padding-bottom: 2px
}

@media only screen and (max-width: 767px) {
    .bp .market-picker .betting-button .odd {
        display: block;
        float: none
    }
}

custom-bet-list custom-bet {
    flex-grow: 1 !important;
    display: inline-block;
    flex-basis: 50%;
    margin-bottom: 1px;
    min-width: 0
}

custom-bet-list custom-bet li {
    display: inline !important
}

custom-bet-list .market-header {
    text-transform: uppercase
}

#custom_bets_creation {
    margin-top: 26px
}

#custom_bets_creation.live-game-title {
    position: relative;
    min-height: 80px
}

#custom_bets_creation.live-game-title .info {
    margin-top: 46px;
    width: 100%;
    text-align: center !important
}

#custom_bets_creation.live-game-title .info .panel-body {
    background-color: inherit;
    margin-bottom: 0px
}

#custom_bets_creation.live-game-title #betbuilder-iframe {
    border: 0;
    overflow: hidden;
    display: block;
    position: relative;
    z-index: 9
}

#custom_bets_creation.live-game-title.show-betbuilder-section .info {
    display: none
}

#custom_bets_creation.live-game-title.show-betbuilder-section #betbuilder-section {
    display: block !important
}

.loading-info {
    position: relative;
    display: flex;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 35px;
    background-color: rgba(0, 0, 0, 0.75);
    cursor: wait;
    z-index: 1000;
    background: #14657b;
    border: 1px solid #00bbd8;
    box-shadow: 0 0 6px 0 rgba(0, 184, 212, 0.50);
    margin-bottom: 7px;
    background-color: rgba(255, 255, 255, 0.15);
    border: 1px solid #fff
}

.loading-info .element-loader {
    display: block;
    position: relative;
    content: " ";
    background-image: url("../../img/spin.gif");
    background-size: 70%;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 5px;
    width: 13px;
    height: 13px;
    padding: 10px 10px;
    border-radius: 5px
}

.loading-info>span {
    padding: 7px;
    margin-left: 0px;
    font-family: OpenSans-Semibold;
    font-size: 14px;
    color: #fff;
    letter-spacing: 0;
    line-height: 20px;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.30)
}

.loading-widget {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 735px;
    background-color: rgba(0, 0, 0, 0.75);
    cursor: wait;
    z-index: 1000
}

.loading-widget .loader {
    display: block;
    position: relative;
    content: " ";
    background-image: url("../../img/spin.gif");
    background-size: 70%;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0 auto;
    top: 40vh;
    width: 115px;
    height: 100px;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 10px 10px;
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, 0.45);
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5)
}

#custom-ready {
    background: #fff;
    box-shadow: 0 0 7px 0 rgba(61, 142, 69, 0.50);
    height: 45px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

#custom-ready span:first-child {
    font-family: OpenSans-Semibold;
    font-size: 14px;
    color: #00913a;
    letter-spacing: 0;
    line-height: 20px;
    padding: 12px;
    display: inline-block
}

#custom-ready .add-button {
    float: right;
    background-image: linear-gradient(-180deg, #52ba5c 0%, #3d8e45 96%);
    border: 1px solid #358b3e;
    border-radius: 3px;
    margin: 8px;
    cursor: pointer
}

#custom-ready .add-button span {
    font-family: OpenSans-Semibold;
    font-size: 14px;
    color: #fff;
    letter-spacing: 0;
    padding: 6px
}

.selected-bets {
    padding-bottom: 0px
}

#selected-bets-custom .bet {
    padding-top: 0px
}

.bs .bs-body .bs-sub-title {
    background: rgba(61, 142, 69, 0.15);
    height: 24px;
    border-top: 1px solid #2c6b32;
    flex-direction: column
}

.bs .bs-body .bs-sub-title div.row {
    display: flex;
    align-items: flex-start;
    height: 37px;
    width: 100%
}

.bs .bs-body .bs-sub-title div.row:first-child {
    align-items: center
}

.bs .bs-body .bs-sub-title span.title {
    color: #1b411f;
    font-family: "Open Sans";
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    text-transform: uppercase
}

.bs .bs-body .bs-sub-title .total-odds {
    height: 22px;
    border-radius: 4px;
    background-color: rgba(27, 65, 31, 0.1);
    margin-left: auto;
    padding: 1px 6px
}

.bs .bs-body .bs-sub-title .total-odds span {
    color: #1b411f;
    font-family: "Open Sans";
    font-size: 12px;
    line-height: 20px;
    text-align: right;
    text-transform: none
}

.bs .bs-body .bs-winnings {
    background: inherit;
    height: 56px;
    flex-direction: column;
    margin-bottom: 8px
}

.bs .bs-body .bs-winnings div.row {
    border-top: 1px solid rgba(151, 151, 151, 0.72);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    height: 54px;
    width: 100%
}

.bs .bs-body .bs-winnings div.row:first-child {
    align-items: center
}

.bs .bs-body .bs-winnings span.title {
    color: #1b411f;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    text-transform: none
}

.bs .bs-body .bs-winnings .possible-winnings {
    display: flex;
    flex-direction: column;
    align-items: left
}

.bs .bs-body .bs-winnings .possible-winnings span {
    color: #1b411f;
    font-family: "Open Sans";
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 12px;
    text-transform: uppercase
}

.bs .bs-body .bs-winnings .possible-winnings span.value span {
    font-weight: 600
}

.bs .bs-body .bs-winnings .bet-amount {
    margin-left: auto
}

.bs .bs-body .bs-winnings .bet-amount span {
    color: #1b411f;
    font-family: "Open Sans";
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 12px
}

.bs .bs-body .bs-winnings .bet-amount input {
    max-width: 50px;
    position: relative;
    height: 28px;
    width: 50px;
    background: #fff;
    border: 1px solid #b3b3b3;
    font-size: 12px;
    color: rgba(2, 11, 20, 1);
    padding-right: 8px;
    text-align: right;
    font-weight: 600
}

.bs .bs-body .bs-winnings .bet-amount .bet-currency {
    margin-right: -8px;
    color: #5c635c;
    height: 28px;
    width: 26px;
    float: left;
    font-size: 12px;
    font-weight: 400;
    background-color: #eee;
    border-radius: 3px 0 0 3px;
    border: 1px solid #b3b3b3;
    padding-top: 4px
}

.bs .bs-body .bs-winnings .odd-amount {
    margin-left: auto
}

.bs .bs-body .bs-winnings .odd-amount span {
    color: #070707;
    font-weight: bold;
    font-size: 12px
}

.bs .bs-body .bet-amount-value {
    padding-top: 8px
}

.bs .bs-body .bet-amount-value span {
    font-weight: 600 !important
}

.bs .bs-body .bs-error,
.bs .bs-body .amount-validate {
    background-color: transparent;
    padding: 0px 0px 0px 0px
}

.bs .bs-body .bs-error>div,
.bs .bs-body .amount-validate>div {
    height: 100%;
    border: 1px solid rgba(197, 26, 26, 0.3);
    background-color: rgba(255, 197, 197, 0.4);
    color: rgba(208, 2, 27, 1);
    font-size: 12px;
    font-weight: 600;
    line-height: 17px;
    padding: 8px;
    margin: 8px 8px 8px 8px
}

.bs .bs-body .bs-error>div p,
.bs .bs-body .amount-validate>div p {
    padding: 0;
    margin: 0;
    color: inherit;
    font-size: inherit;
    font-weight: inherit
}

.bs .bs-body .bs-empty .bs-error>div {
    border: 1px solid rgba(197, 26, 26, 1);
    background-color: #ffe8e8
}

.bs.recent-custom {
    background-color: transparent
}

.bs.recent-custom .bs-body {
    background-color: rgba(255, 255, 255, 1);
    margin-bottom: 10px
}

.bs .bs-empty {
    padding-bottom: 10px
}

.bs .bs-title.recent-custom-title {
    flex-wrap: wrap
}

.bs .bs-title.recent-custom-title .title {
    font-weight: 600
}

.bs .bs-title.recent-custom-title .clear-recents {
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 5px;
    background: none;
    font-size: 14px;
    color: #fff;
    display: block;
    padding-top: 0px;
    text-transform: uppercase;
    font-weight: 500;
    transition: all 0.25s;
    padding: 2px 8px
}

.bs .bs-title.recent-custom-title .clear-recents:hover {
    border: 1px solid rgba(255, 255, 255, 1);
    transition: all 0.5s;
    color: rgba(255, 255, 255, 0.6)
}

#recent-custom-bets .betting-button-custom:hover>a {
    border: 1px solid rgba(45, 74, 94, 1);
    background: linear-gradient(-179deg, rgba(23, 44, 55, 1) 2%, rgba(45, 74, 94, 1) 99%);
    box-shadow: none
}

#recent-custom-bets .betting-button-custom .betting-button {
    display: flex;
    justify-content: space-between
}

#recent-custom-bets .betting-button-custom .betting-button span:first-child {
    display: flex
}

#recent-custom-bets .betting-button-custom .betting-button span:first-child span:first-child {
    margin-right: 10px
}

#recent-custom-bets .betting-button-custom>span {
    height: auto
}

#recent-custom-bets li {
    padding-bottom: 0px;
    padding-top: 0px
}

#recent-custom-bets span {
    font-size: 12px;
    line-height: 17px
}

#recent-custom-bets .event-info {
    margin-bottom: 8px
}

#recent-custom-bets .name {
    font-weight: bold
}

#recent-custom-bets .your-pick {
    font-weight: normal
}

#recent-custom-bets .social {
    height: 30px;
    display: flex;
    justify-content: space-around;
    position: relative;
    border-top: 1px solid rgba(31, 41, 50, 0.15);
    background-color: inherit
}

#recent-custom-bets .social a {
    width: 100%;
    height: 100%;
    display: flex;
    align-content: center
}

#recent-custom-bets .social a>span {
    margin: auto;
    color: #000;
    font-weight: 600
}

#recent-custom-bets .social a:first-child {
    border-right: 1px solid rgba(31, 41, 50, 0.10)
}

#recent-custom-bets .social .icon {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 3px
}

#recent-custom-bets .social .twitter .icon {
    background: url("../../img/icons/Twitter_logo.png") no-repeat;
    background-size: 100% 100%
}

#recent-custom-bets .social .facebook .icon {
    background: url("../../img/icons/Facebook_logo.png") no-repeat;
    background-size: 100% 100%
}

#betbuilder-section .close,
#betbuilder-section-modal .close {
    width: 25px;
    height: 25px;
    background: url("../images/main_sprite_dark.svg") -500px -1000px
}

#betbuilder-section-modal.bp .bp-title .title {
    max-width: none !important;
    flex-grow: 1
}

@media only screen and (max-width: 480px) {
    .bs .bs-title.recent-custom-title {
        height: auto
    }
}

.deposit-funds {
    background-color: #020b14;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
    border-radius: 3px;
    margin: 0 15px 10px 15px;
    padding: 20px;
    color: #fff;
    font-size: 14px;
    font-weight: 600
}

.deposit-funds h2 {
    font-size: 16px;
    font-weight: bold;
    margin-top: 0;
    text-transform: uppercase
}

.deposit-funds hr {
    border: 1px solid #fff;
    opacity: 0.5
}

.deposit-funds form {
    margin: 20px 0 10px 0
}

.deposit-funds form.ng-submitted input.ng-invalid.ng-touched {
    border: none !important
}

.deposit-funds form .input-group {
    max-width: 254px
}

.deposit-funds form input.ng-invalid-min.ng-not-empty,
.deposit-funds form input.ng-invalid-min.ng-not-empty.ng-touched,
.deposit-funds form input.ng-invalid-max.ng-not-empty,
.deposit-funds form input.ng-invalid-max.ng-not-empty.ng-touched {
    border: 2px solid red !important
}

.deposit-funds .deposit-limits {
    opacity: 0.7;
    color: #a8abad;
    font-size: 12px;
    line-height: 30px
}

.deposit-funds .deposit-limits.out-of-bounds {
    color: #f00
}

.deposit-funds .deposit-limits .deposit-limit::after {
    content: ', '
}

.deposit-funds .deposit-limits .deposit-limit:last-child::after {
    content: none
}

.deposit-funds .deposit-options label {
    padding: 7px 12px;
    min-width: 108px;
    text-align: center;
    margin-right: 8px;
    border: 1px solid #a6afb8;
    border-radius: 5px;
    background: linear-gradient(180deg, #26303c 0%, #10171f 100%);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer
}

.deposit-funds .deposit-options label:not(.selected) {
    opacity: 0.6
}

.deposit-funds .deposit-options input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.deposit-funds .deposit-options select {
    border: 1px solid #565c62;
    border-radius: 4px;
    background-color: #252f3b;
    color: #fff !important;
    font-size: 14px;
    font-weight: 600;
    height: 25px
}

.deposit-funds .deposit-message {
    border-radius: 8px;
    background-color: #131d26;
    padding: 16px 16px 16px 44px;
    position: relative
}

.deposit-funds .deposit-message span.check {
    position: absolute;
    height: 18px;
    width: 18px;
    background: url("../images/main_sprite_dark.svg") no-repeat -250px -1500px;
    top: 25px;
    left: 17px
}

.deposit-funds .deposit-message>h4 {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    margin: 0
}

.deposit-funds .deposit-message>div {
    color: #8c9ba9;
    font-size: 14px;
    font-weight: normal;
    padding: 8px 0 24px
}

.deposit-funds .deposit-message>button {
    height: 36px;
    width: 87px;
    border: 1px solid #fff;
    background-color: rgba(255, 255, 255, 0.12)
}

.deposit-funds .deposit-message ul {
    list-style: none;
    padding: 0
}

.deposit-funds input[type="text"],
.deposit-funds input[type="password"] {
    height: 38px;
    border: 1px solid #b3b3b3;
    background-color: #fff;
    box-shadow: inset 1px 1px 1px 0 #b7bbd6;
    float: left;
    margin-right: 5px;
    color: #000;
    text-indent: 10px;
    font-size: 12px;
    width: 100%;
    min-width: 120px
}

.deposit-funds input[type="submit"],
.deposit-funds .button-deposit-submit {
    height: 38px;
    border: 1px solid rgba(26, 35, 126, 0.13);
    background-color: #467a97;
    font-weight: bold;
    border-radius: 3px;
    min-width: 105px;
    margin-top: 24px;
    width: 80%
}

.deposit-funds input[type="submit"].disabled,
.deposit-funds .button-deposit-submit.disabled {
    opacity: 0.5
}

.deposit-funds input[type="submit"].disabled:hover,
.deposit-funds .button-deposit-submit.disabled:hover {
    opacity: 0.5;
    filter: none;
    -webkit-filter: none
}

.deposit-funds .input-group-addon {
    padding: 6px;
    font-size: 10px
}

.deposit-funds .password-toggler {
    margin: 10px -32px
}

.deposit-funds .flag-icon-toggler {
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 18px;
    background: url("../images/main_sprite_dark.svg") no-repeat -650px -1500px;
    cursor: pointer;
    height: 16px
}

.deposit-funds .flag-icon-show {
    background: url("../images/main_sprite_dark.svg") no-repeat -650px -1500px
}

.deposit-funds .flag-icon-hide {
    background: url("../images/main_sprite_dark.svg") no-repeat -700px -1500px
}

.deposit-funds a {
    font-weight: inherit;
    color: #fff;
    text-decoration: underline !important
}

.payment-methods {
    margin-top: 20px;
    padding-left: 0
}

.payment-methods li {
    display: inline-block;
    list-style: none;
    margin-right: 7px;
    height: 50px;
    width: 107px;
    border-radius: 5px;
    cursor: pointer
}

.payment-methods li:not(.selected) {
    opacity: 0.6
}

.payment-methods li:hover {
    opacity: 1
}

.payment-visa {
    background-image: url('../../img/payment/visa.png'), linear-gradient(90deg, #1a1e5a 0%, #122d98 100%);
    background-size: contain;
    background-repeat: no-repeat;
    border: 1px solid #122d98
}

.payment-mastercard {
    background-image: url('../../img/payment/mastercard.png'), linear-gradient(114.63deg, #282828 0%, #4f4f4f 100%);
    background-size: contain;
    background-repeat: no-repeat;
    border: 1px solid #4f4f4f
}

.payment-skrill {
    background-image: url('../../img/payment/skrill.png'), linear-gradient(114.63deg, #772e6f 0%, #58336b 100%);
    background-size: contain;
    background-repeat: no-repeat;
    border: 1px solid #753690
}

.payment-neteller {
    background-image: url('../../img/payment/neteller.png'), linear-gradient(114.63deg, #aad76f 0%, #669924 100%);
    background-size: contain;
    background-repeat: no-repeat;
    border: 1px solid #75a92f
}

.payment-pesalink {
    background-image: url('../../img/payment/pesalink.png'), linear-gradient(114.63deg, #1f3e4e 0%, #3e7e97 100%);
    background-size: contain;
    background-repeat: no-repeat;
    border: 1px solid #295667
}

.payment-safaricom {
    background-image: url('../../img/payment/safaricom.png'), linear-gradient(114.63deg, #599c30 0%, #69ac40 100%);
    background-size: contain;
    background-repeat: no-repeat;
    border: 1px solid #8dcf64
}

.payment-airtel {
    background-image: url('../../img/payment/airtel.png'), linear-gradient(114.63deg, #88000a 0%, #e20010 100%);
    background-size: contain;
    background-repeat: no-repeat;
    border: 1px solid #d63742
}

.payment-trustly {
    background-image: url('../../img/payment/trustly.png'), linear-gradient(114.63deg, #e4e4e4 0%, #d0d0d0 100%);
    background-size: contain;
    background-repeat: no-repeat;
    border: 1px solid rgba(177, 177, 177, 0.57)
}

.payment-telkom {
    background-image: url('../../img/payment/telkom.png'), linear-gradient(114.63deg, #087883 0%, #0ab 100%);
    background-size: contain;
    background-repeat: no-repeat;
    border: 1px solid #0ab
}

.payment-mobile_money {
    background-image: url('../../img/payment/mobile-money.png'), linear-gradient(294.63deg, #74a74c 0%, #4b8a22 100%);
    background-size: contain;
    background-repeat: no-repeat;
    border: 1px solid #6e9b59
}

.payment-bank-transfer {
    background-image: url('../../img/payment/bank-transfer.png'), linear-gradient(294.63deg, #797821 0%, #b5b450 100%);
    background-size: contain;
    background-repeat: no-repeat;
    border: 1px solid #cecd5d
}

.payment-verve {
    background-image: url('../../img/payment/verve.png'), linear-gradient(294.63deg, #b8b8b8 0%, #eaeaea 100%);
    background-size: contain;
    background-repeat: no-repeat;
    border: 1px solid #fff
}

#deposit-funds .deposits-funds-errors {
    color: #b72626;
    font-size: 12px;
    font-weight: 600;
    line-height: 13px;
    padding-top: 10px
}

#deposit-funds .deposit-footer {
    opacity: 0.6;
    color: #f0f0f0;
    font-size: 12px
}

#deposit-funds .expanded {
    background-color: #141c21 !important
}

#deposit-funds .question h3 {
    font-size: 18px;
    font-weight: 600
}

#deposit-funds .funds-list li {
    margin-left: 15px
}

#deposit-funds .toggle {
    top: 25%;
    font-size: 26px
}

@media only screen and (max-width: 1199px) {
    .deposit-funds .deposit-margin-left {
        margin-left: -3%
    }
}

@media only screen and (min-width: 1199px) {
    .deposit-funds .deposit-margin-left {
        margin-left: -2%
    }
}

@media only screen and (max-width: 991px) {
    .deposit-funds .deposit-margin-left {
        margin-left: 0%
    }
    .deposit-funds input[type="submit"],
    .deposit-funds .button-deposit-submit {
        width: 100%
    }
}

@media only screen and (max-width: 550px) {
    .deposit-funds form .input-group {
        max-width: none
    }
}

@media only screen and (max-width: 480px) {
    .payment-methods a {
        width: 87px;
        height: 38px
    }
    .deposit-funds .button-deposit-submit {
        margin-left: 0px;
        width: 100%;
        top: 0px
    }
    .deposit-funds input[type="text"],
    .deposit-funds input[type="password"] {
        width: 100%
    }
}

@media only screen and (max-width: 340px) {
    .deposit-funds input[type="text"],
    .deposit-funds input[type="password"],
    .deposit-funds input[type="submit"] {
        position: static !important;
        width: 100% !important;
        margin-left: 0 !important
    }
}

.withdraws-global .withdrawal-payment-methods {
    color: #fff
}

.withdraws-global .withdrawal-payment-methods.read-mode {
    color: #000
}

.withdraws-global .withdrawal-payment-methods.read-mode .table>thead>tr>th {
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
    color: #192083
}

.withdraws-global .withdrawal-payment-methods.read-mode .help a {
    background: url("../images/main_sprite_dark.svg") -450px -1500px
}

.withdraws-global .withdrawal-payment-methods .table {
    border-collapse: separate
}

.withdraws-global .withdrawal-payment-methods .table>thead>tr>th,
.withdraws-global .withdrawal-payment-methods .table>tbody>tr>td {
    border: 1px solid transparent
}

.withdraws-global .withdrawal-payment-methods .table>thead>tr>th+th,
.withdraws-global .withdrawal-payment-methods .table>tbody>tr>td+td {
    text-align: right
}

.withdraws-global .withdrawal-payment-methods .table>thead>tr>th {
    font-size: 16px;
    font-weight: normal;
    line-height: 22px;
    padding-left: 0;
    padding-right: 0
}

.withdraws-global .withdrawal-payment-methods .table>thead>tr>th:first-child {
    width: 62%
}

.withdraws-global .withdrawal-payment-methods .table>tbody>tr>td {
    font-size: 14px;
    line-height: 19px;
    font-weight: 600;
    border-width: 1px;
    border-color: transparent;
    border-style: solid none
}

.withdraws-global .withdrawal-payment-methods .table>tbody>tr>td:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border-left-style: solid
}

.withdraws-global .withdrawal-payment-methods .table>tbody>tr>td:last-child {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
    border-right-style: solid
}

.withdraws-global .withdrawal-payment-methods .table>tbody>tr>td span {
    vertical-align: middle
}

.withdraws-global .withdrawal-payment-methods .table>tbody>tr>td input {
    margin-top: 2px;
    vertical-align: middle
}

.withdraws-global .withdrawal-payment-methods .table>tbody>tr>td label {
    display: inline;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 600;
    cursor: pointer
}

.withdraws-global .withdrawal-payment-methods .table>tbody>tr:nth-child(even)>td {
    background-color: rgba(216, 216, 216, 0.1)
}

.withdraws-global .withdrawal-payment-methods .table>tbody>tr>td.payment-method-amount-col {
    text-align: right
}

.withdraws-global .withdrawal-payment-methods .table>tbody>tr>td.payment-method-amount-col+td {
    padding-left: 0;
    width: 16px
}

.withdraws-global .withdrawal-payment-methods .table>tbody>tr.selected td {
    border-color: #fff;
    background-color: rgba(255, 255, 255, 0.16)
}

.withdraws-global .withdrawal-payment-methods .table>tbody>tr.disabled {
    opacity: 0.4
}

.withdraws-global .withdrawal-payment-methods .table>tbody>tr.disabled>td>label {
    cursor: no-drop
}

.withdraws-global .withdrawal-payment-methods .table>tbody>tr.disabled:hover {
    filter: none
}

.withdraws-global .withdrawal-payment-methods .payment-method-icon {
    vertical-align: middle;
    width: 29px;
    height: 19px;
    display: inline-block;
    margin: 0 2px 0 2px;
    background-repeat: no-repeat;
    background-image: url("../../img/payment/regular_card.png");
    background-size: contain
}

.withdraws-global .withdrawal-payment-methods .payment-method-icon.visa {
    background-image: url("../../img/payment/visa_card.png")
}

.withdraws-global .withdrawal-payment-methods .payment-method-icon.mastercard {
    background-image: url("../../img/payment/mastercard_card.png")
}

.withdraws-global .withdrawal-payment-methods .payment-method-icon.skrill {
    background-image: url("../../img/payment/skrill_card.png")
}

.withdraws-global .withdrawal-payment-methods .payment-method-icon.neteller {
    background-image: url("../../img/payment/neteller_card.png")
}

.withdraws-global .withdrawal-payment-methods .payment-method-icon.trustly {
    background-image: url("../../img/payment/trustly_card.png")
}

.withdraws-global .withdrawal-payment-methods .payment-method-icon.bank-transfer {
    background-image: url("../../img/payment/bank-transfer_card.png")
}

.withdraws-global .withdrawal-payment-methods .payment-method-icon.verve {
    background-image: url("../../img/payment/verve_card.png")
}

.withdraws-global .withdrawal-payment-methods .payment-method-icon.mpesa {
    background-image: url('../../img/payment/mobile-money-card.png')
}

.withdraws-global .withdrawal-payment-methods .payment-method {
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    max-width: 70%
}

.withdraws-global .withdrawal-payment-methods .payment-method-verification {
    display: inline-block;
    width: 14px;
    height: 14px
}

.withdraws-global .withdrawal-payment-methods .payment-method-verification::before {
    content: ' '
}

.withdraws-global .withdrawal-payment-methods .payment-method-verification.verified {
    background-image: url("../images/main_sprite_dark.svg");
    background-repeat: no-repeat;
    background-position: -150px -1500px;
    width: 14px;
    height: 14px
}

.withdraws-global .withdrawal-payment-methods .payment-method-verification.unverified {
    background-image: url("../images/main_sprite_dark.svg");
    background-repeat: no-repeat;
    background-position: -550px -1500px;
    width: 14px;
    height: 14px;
    opacity: 0.5
}

.withdraws-global .withdrawal-payment-methods .trustly-bank-name {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 45%;
    display: inline-block;
    white-space: nowrap
}

.withdraws-global .withdrawal-payment-methods .trustly-bank-code {
    display: inline-block
}

.withdraws-global .withdrawal-payment-methods .help {
    float: right
}

.withdraws-global .withdrawal-payment-methods .help a {
    display: inline-block;
    background-image: url("../images/main_sprite_dark.svg");
    background-repeat: no-repeat;
    background-position: -500px -100px;
    width: 14px;
    height: 16px;
    vertical-align: bottom;
    margin: 0 4px 2px
}

.withdraws-global .withdrawal-payment-methods a.payment-button {
    display: inline-block;
    background-color: #527994;
    border-radius: 3px;
    text-transform: uppercase;
    color: #fff;
    padding: 9px;
    margin-right: 10px;
    margin-top: 10px;
    cursor: pointer;
    font-weight: 900
}

.withdraws-global .withdrawal-payment-methods a.payment-button.disabled {
    opacity: 0.4 !important
}

.withdraws-global .withdrawal-payment-methods a.payment-button span {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle
}

.withdraws-global .withdrawal-payment-methods a.payment-button span.deposit-funds-icon {
    background: url("../images/main_sprite_dark.svg") -100px -1400px
}

.withdraws-global .withdrawal-payment-methods a.payment-button span.withdraw-icon {
    background: url("../images/main_sprite_dark.svg") -200px -1400px
}

.withdraws-global .withdrawal-payment-methods .tooltip.fade.top.in {
    opacity: 1
}

.withdraws-global .withdrawal-payment-methods .tooltip-inner {
    font-size: 12px;
    font-weight: 600;
    font-family: "Open Sans", Arial, sans-serif;
    letter-spacing: 0.09px;
    line-height: 17px;
    padding: 8px 16px;
    color: #4a4a4a;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.34);
    text-align: center
}

.withdraws-global .withdrawal-payment-methods .tooltip.top .tooltip-arrow {
    border-top-color: #fff
}

.withdraws-global h2 {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    text-transform: uppercase
}

.withdraws-global .withdraw-form {
    width: 50%
}

.withdraws-global .bank-name-label {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.1px;
    line-height: 19px;
    margin-bottom: 8px;
    max-width: 100%
}

.withdraws-global .bank-name {
    opacity: 0.6;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.5px;
    line-height: 19px;
    margin-bottom: 16px;
    max-width: 100%
}

.withdraws-global .withdraw-verification-info {
    color: #8c9ba9;
    font-size: 14px;
    line-height: 19px
}

.withdraws-global .withdraw-completion-info {
    border-radius: 8px;
    background-color: rgba(180, 197, 212, .1);
    width: 100%;
    padding: 16px 16px 16px 44px;
    position: relative
}

.withdraws-global .withdraw-completion-info::before {
    content: ' ';
    display: block;
    position: absolute;
    left: 18px;
    top: 16px;
    background-image: url("../images/main_sprite_dark.svg");
    background-repeat: no-repeat;
    background-position: -1050px -100px;
    width: 20px;
    height: 20px
}

.withdraws-global .withdraw-completion-info h3 {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 19px;
    margin: 0 0 8px
}

.withdraws-global .withdraw-completion-info p {
    max-width: 500px;
    color: #8c9ba9;
    font-size: 14px;
    line-height: 19px;
    margin: 0 0 24px
}

.withdraws-global .withdraw-completion-info p a {
    color: #fff;
    text-decoration: underline !important
}

.withdraws-global .withdraw-completion-info button,
.withdraws-global .withdraw-completion-info input[type="button"],
.withdraws-global .withdraw-completion-info input[type="submit"] {
    border: 1px solid #fff;
    padding: 8px 24px;
    background-color: rgba(255, 255, 255, 0.12);
    opacity: 0.8
}

.withdraws-global form input[type="text"],
.withdraws-global select,
.withdraws-global .selectize-input {
    height: 38px;
    border: 1px solid #b3b3b3;
    border-radius: 0 !important;
    background-color: #fff;
    box-shadow: inset 1px 1px 1px 0 #b7bbd6;
    color: #000;
    text-indent: 10px;
    font-size: 12px;
    width: 100%
}

.withdraws-global select,
.withdraws-global .selectize-input {
    text-indent: 0;
    padding: 9px 10px
}

.withdraws-global .selectize-dropdown {
    border-radius: 0 !important
}

.withdraws-global form input[type="submit"] {
    height: 38px;
    border: 1px solid rgba(26, 35, 126, 0.13);
    background-color: #467a97;
    font-weight: bold;
    border-radius: 3px;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 20px !important
}

.withdraws-global form input[type="submit"].disabled {
    opacity: 0.3 !important
}

.withdraws-global form input[type="submit"].disabled:hover {
    filter: none
}

.withdraws-global .input-group-addon {
    padding: 6px;
    font-size: 10px
}

.withdraws-global .withdraw-limits {
    opacity: 0.7;
    color: #a8abad;
    font-size: 12px;
    font-weight: 600;
    line-height: 30px
}

.withdraws-global .withdraw-limits .withdraw-limit::after {
    content: ', '
}

.withdraws-global .withdraw-limits .withdraw-limit:last-child::after {
    content: none
}

.withdraws-global .withdraw-limits.out-of-bounds {
    color: #f00
}

.withdraws-global .withdraw-amount-with-fees>span {
    opacity: 0.7;
    color: #a8abad;
    font-size: 12px;
    font-weight: 600;
    line-height: 13px;
    margin-bottom: 24px
}

.withdraws-global .withdraw-amount-with-fees>span.amount {
    font-weight: bold;
    opacity: 1;
    color: #c3cdd3
}

.withdraws-global .cancel_withdrawal {
    text-transform: uppercase;
    background: none;
    border: 1px solid #979797;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 600;
    line-height: 17px;
    opacity: 0.8
}

.withdraws-global .cancel_withdrawal:hover {
    opacity: 1
}

.withdraws-global .withdrawal {
    overflow-x: auto
}

.withdraws-global .withdrawal table {
    width: 100%
}

.withdraws-global .withdrawal table tbody td {
    padding: 15px 5px
}

.withdraws-global .withdrawal .withdrawal-empty {
    padding: 20px 5px 5px 5px
}

.withdraws-global .cancel-result {
    padding: 0px 15px 15px 15px
}

.withdraws-global .cancel-result .result-box.error {
    margin-top: 0 !important
}

.withdraws-global .cancel-result .result-box.error h4 {
    font-weight: 600 !important;
    font-size: 16px !important
}

.withdraws-global .withdrawal table thead,
.withdraws-global .dp .dp-title {
    background-color: #000b15
}

.tippy-tooltip {
    background-color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 17px;
    text-align: center;
    padding: 18px
}

.tippy-tooltip .tippy-backdrop {
    background-color: #fff
}

.tippy-tooltip p {
    color: #4a4a4a;
    margin-bottom: 15px
}

.tippy-tooltip button {
    text-transform: uppercase;
    border-radius: 4px;
    border: 1px solid #979797;
    padding: 4px 25px;
    color: #4a4a4a;
    background: linear-gradient(180deg, #f7f7f7 0%, #e8e8e8 100%)
}

.tippy-tooltip button.confirm {
    color: #fff;
    margin-left: 5px;
    border: none;
    background: linear-gradient(180deg, #d25661 0%, #9a2234 100%);
    padding: 5px 26px
}

.tippy-popper[x-placement^=bottom] .tippy-arrow {
    border-bottom-color: #fff
}

.tippy-popper[x-placement^=top] .tippy-arrow {
    border-top-color: #fff
}

@media only screen and (max-width: 1200px) {
    .withdraws-global .withdraw-form {
        width: 75%
    }
}

@media only screen and (max-width: 767px) {
    .withdraws-global .withdraw-form {
        width: 100%
    }
    .withdraws-global .withdrawal-payment-methods .trustly-bank-name {
        width: 20%
    }
}

@media only screen and (max-width: 339px) {
    .withdraws-global .withdrawal-payment-methods .help {
        float: none
    }
}

@media only screen and (max-width: 320px) {
    .withdraws-global .withdrawal-payment-methods .payment-method {
        font-size: 12px
    }
    .withdraws-global .withdrawal-payment-methods .trustly-bank-name {
        width: 30%
    }
}

#request_username {
    width: 55%;
    margin: auto
}

.form .user-form p.form-title {
    margin-bottom: 10px
}

.no-style-link a {
    text-decoration: underline !important;
    color: inherit !important;
    font-weight: inherit !important;
    float: none !important
}

.further-instructions {
    margin-top: -25px !important;
    font-size: 12px !important;
    color: #808080 !important
}

@media only screen and (max-width: 768px) {
    #request_username {
        width: 100% !important
    }
}

@media only screen and (max-width: 480px) {
    .further-instructions {
        margin-top: 0 !important
    }
}

.mobile-sports-v2 .nt2-favorite>div {
    display: flex;
    flex-flow: row;
    justify-content: space-around;
    align-items: center
}

.mobile-sports-v2 .nt2-favorite>div i {
    margin-right: 10px !important;
    margin-left: 10px !important
}

.game-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.game-row-details {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.game-row {
    background-color: #18242f;
    list-style: none;
    margin: 0;
    padding: 12px 8px;
    transition: all 0.2s
}

.game-row:hover {
    background-color: #1e2d3b;
    cursor: pointer
}

.game-row-details>div+div {
    margin-left: 8px
}

.game-row+game-row .game-row {
    margin-top: 8px
}

.game-column {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.game-info {
    opacity: 0.6;
    text-align: right;
    font-weight: 600
}

.game-names {
    flex-grow: 1;
    font-weight: bold;
    text-transform: uppercase;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    overflow: hidden
}

.game-names>div:first-child {
    flex-grow: 1
}

.game-names .game-column {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.game-markets {
    text-align: right;
    font-weight: 600;
    margin-right: 8px
}

.game-description {
    flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: hidden
}

.game-description>div+div {
    margin-left: 8px
}

.game-bets {
    font-weight: 600;
    flex-shrink: 0;
    align-self: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.game-bets .game-odds {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: hidden;
    -ms-flex-align: center;
    align-items: center
}

.game-bets .game-odds+.game-odds,
.game-bets .game-market+.game-market {
    margin-left: 16px
}

.game-bets>div:first-child {
    margin-left: auto
}

.game-bets .game-odds>div {
    padding: 10px 14px;
    background-color: #0086d4;
    transition: all 0.2s
}

.game-bets .game-odds>div.selected {
    background-color: #00a8fa
}

.game-bets .game-odds>div:hover {
    background-color: rgba(0, 116, 183, 0.5)
}

.game-bets .game-odds>div.game-bets-more {
    font-size: 1.5em;
    padding: 6px 14px
}

.game-bets .game-odds>div:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.game-bets .game-odds>div:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.game-bets .game-odds>div+div {
    margin-left: 2px
}

.game-list {
    background-color: #01122f;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
    font-size: 12px;
    font-family: "Open Sans";
    color: #fff
}

.game-list-title {
    background-color: #000b15;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    font-weight: 800;
    font-size: 1.2em;
    padding: 8px 6px;
    margin-bottom: 8px
}

.game-list-title .game-list-name {
    flex-grow: 1;
    text-transform: uppercase
}

.league-row {
    /*margin: 8px;*/
    padding: 4px 8px;
    background-color: #054261;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    /*border-radius: 4px;*/
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.league-row .flag-icon {
    margin-right: 6px
}

.game-bets .game-odds>div.game-odd {
    width: 44px;
    padding-left: 0;
    padding-right: 0;
    font-weight: bold;
    text-align: center
}

.game-bets .game-odds.market-2-way>div.game-odd {
    width: 72px
}

.game-row.game-row-header {
    display: none
}

game-row:first-child .game-row.game-row-header {
    display: block
}

.game-row.game-row-header {
    padding-bottom: 0;
    margin-bottom: 0
}

.game-row.game-row-header:hover {
    background-color: #18242f;
    cursor: auto
}

.game-row.game-row-header>div {
    opacity: 0.6;
    font-size: 0.9em
}

.game-row.game-row-header.game-bets {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.game-row.game-row-header .game-market {
    display: flex;
    flex-direction: column;
    align-items: center
}

.game-row.game-row-header .game-market-name {
    font-weight: bold;
    text-transform: uppercase
}

.game-row.game-row-header .game-bets .game-odds>div,
.game-row.game-row-header .game-bets .game-odds>div:hover {
    background-color: transparent;
    font-weight: normal;
    text-transform: uppercase;
    cursor: auto;
    padding-bottom: 0
}

.game-list-title .game-icon:first-child .sport-icon {
    vertical-align: sub
}

.game-list-title .game-icon:not(:first-child) {
    opacity: 0.8
}

.game-list-title .game-icon+.game-icon {
    margin-left: 16px
}

.game-bets .game-extra {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 24px;
    margin-left: 10px
}

.game-bets .game-extra>div {
    transition: all 0.2s;
    opacity: 0.8
}

.game-bets .game-extra>div:hover {
    opacity: 1;
    filter: drop-shadow(0 1px 3px #fff)
}

.game-bets .game-extra div:first-child {
    font-size: 3em;
    line-height: 1em;
    font-weight: 300;
    justify-content: flex-start;
    margin-top: -12px
}

.list-games-empty {
    width: 100%;
    padding: 24px 8px 32px 8px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    display: none
}

.list-games-empty:first-child:last-child {
    display: block
}

@media only screen and (max-width: 500px) {
    .game-row-details {
        -ms-flex-direction: column;
        flex-direction: column
    }
    .game-bets {
        margin-left: 0 !important;
        -ms-flex-pack: center;
        justify-content: center;
        flex-shrink: 1;
        width: 100%
    }
    .game-bets .text-nowrap {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
    .game-bets {
        margin-top: 8px
    }
    .game-bets>div:first-child {
        margin-left: 8px !important
    }
    game-row:first-child .game-row.game-row-header {
        display: none
    }
}

.custom-bet-on-fire::before {
    content: ' ';
    display: inline-block;
    vertical-align: text-bottom;
    background: url("../images/main_sprite_dark.svg") no-repeat -200px -1600px;
    width: 16px;
    height: 16px;
    margin-right: 5px
}

.custom-bets-panel {
    margin-top: 16px
}

.custom-bets-panel .custom-bets {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.custom-bets-panel .custom-bets .custom-bet-container {
    height: auto
}

.custom-bets-panel .custom-bets .custom-bet-container .custom-bet {
    position: relative
}

.custom-bets-panel .custom-bets .custom-bet-container .custom-bet[data-bet-status]:not([data-bet-status=""]):after,
.custom-bets-panel .custom-bets .custom-bet-container .custom-bet[data-bet-status]:not([data-bet-status=""]):hover:after {
    content: " " !important;
    display: block !important;
    position: absolute !important;
    z-index: 99;
    left: 0;
    top: 0;
    width: 100% !important;
    height: 100% !important;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-radius: inherit
}

.custom-bets-panel .custom-bets .custom-bet-container .custom-bet[data-bet-status="placing"]:after {
    background-image: url('/img/quickbet-status/loader.gif') !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
    background-size: 14px
}

.custom-bets-panel .custom-bets .custom-bet-container .custom-bet[data-bet-status="placing"]:hover:after {
    cursor: wait !important
}

.custom-bets-panel .custom-bets .custom-bet-container .custom-bet[data-bet-status="success"] {
    background: #35803d !important;
    box-shadow: 0 0 6px 0 #35803d !important
}

.custom-bets-panel .custom-bets .custom-bet-container .custom-bet[data-bet-status="success"]:after,
.custom-bets-panel .custom-bets .custom-bet-container .custom-bet[data-bet-status="success"]:hover:after {
    background-image: url('/img/quickbet-status/success.png') !important;
    background-color: rgba(70, 152, 102, 0.7) !important;
    background-size: 24px
}

.custom-bets-panel .custom-bets .custom-bet-container .custom-bet[data-bet-status="error"] {
    background: #9f4147 !important;
    box-shadow: 0 0 6px 0 #9f4147 !important
}

.custom-bets-panel .custom-bets .custom-bet-container .custom-bet[data-bet-status="error"]:after,
.custom-bets-panel .custom-bets .custom-bet-container .custom-bet[data-bet-status="error"]:hover:after {
    background-image: url('/img/quickbet-status/error.png') !important;
    background-color: rgba(195, 65, 71, 0.7) !important;
    background-size: 20px
}

.custom-bets-panel .custom-bets>div {
    width: 50%;
    font-weight: 600;
    border: 1px solid transparent;
    transition: all 0.2s
}

.custom-bets-panel .custom-bets>div:first-child .custom-bet,
.custom-bets-panel .custom-bets>div:first-child .custom-bet .custom-bet-gradient {
    border-top-left-radius: 6px
}

.custom-bets-panel .custom-bets>div:nth-child(2) .custom-bet,
.custom-bets-panel .custom-bets>div:first-child:last-child .custom-bet,
.custom-bets-panel .custom-bets>div:nth-child(2) .custom-bet .custom-bet-gradient,
.custom-bets-panel .custom-bets>div:first-child:last-child .custom-bet .custom-bet-gradient {
    border-top-right-radius: 6px
}

.custom-bets-panel .custom-bets>div:nth-last-child(2):nth-child(odd) .custom-bet,
.custom-bets-panel .custom-bets>div:last-child:nth-child(odd) .custom-bet,
.custom-bets-panel .custom-bets>div:nth-last-child(2):nth-child(odd) .custom-bet .custom-bet-gradient,
.custom-bets-panel .custom-bets>div:last-child:nth-child(odd) .custom-bet .custom-bet-gradient {
    border-bottom-left-radius: 6px
}

.custom-bets-panel .custom-bets>div:nth-last-child(2):nth-child(even) .custom-bet,
.custom-bets-panel .custom-bets>div:last-child .custom-bet,
.custom-bets-panel .custom-bets>div:nth-last-child(2):nth-child(even) .custom-bet .custom-bet-gradient,
.custom-bets-panel .custom-bets>div:last-child .custom-bet .custom-bet-gradient {
    border-bottom-right-radius: 6px
}

.custom-bets-panel .custom-bets .custom-bet {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 8px;
    background: linear-gradient(180deg, #42657b 0%, #0086d4 100%);
    position: relative;
    z-index: 10
}

.custom-bets-panel .custom-bets .custom-bet .event-text {
    -ms-flex: 1
}

.custom-bets-panel .custom-bets .custom-bet .custom-bet-gradient {
    position: absolute;
    background-color: rgba(0, 116, 183, 0.5);
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.2s
}

.custom-bets-panel .custom-bets .custom-bet.custom-bet-selected .custom-bet-gradient {
    display: none
}

.custom-bets-panel .custom-bets .custom-bet.custom-bet-selected {
    background: #00a8fa;
    box-shadow: 0 0 6px 0 #00a8fa
}

.custom-bets-panel .custom-bets .custom-bet>div:last-child {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.custom-bets-panel .custom-bets-actions {
    margin: 20px 0 12px 0;
    text-align: center
}

.custom-bets-panel .more-custom-bets::before,
.custom-bets-panel .more-custom-bets::after {
    content: ' ';
    display: inline-block;
    background: url("../images/main_sprite_dark.svg") no-repeat -100px -400px;
    width: 20px;
    height: 16px;
    margin-right: 6px;
    margin-left: 2px
}

.custom-bets-panel .hide-custom-bets::before,
.custom-bets-panel .hide-custom-bets::after {
    content: ' ';
    display: inline-block;
    background: url("../images/main_sprite_dark.svg") no-repeat -150px -400px;
    width: 20px;
    height: 16px;
    margin-right: 6px;
    margin-left: 2px
}

.custom-bets-panel .custom-bets-empty {
    width: 100% !important;
    padding: 8px 8px 12px 8px;
    color: #fff;
    font-size: 1em;
    font-weight: 800 !important;
    text-align: center;
    display: none
}

.custom-bets-panel .custom-bets-empty p+p {
    font-weight: normal;
    margin: 0
}

.custom-bets-panel .custom-bets-empty:first-child:last-child {
    display: block
}

body:not(.touch-device) .custom-bets-panel .custom-bets>div:hover .custom-bet-gradient {
    opacity: 1
}

@media only screen and (max-width: 500px) {
    .custom-bets-panel .custom-bets>div {
        width: 100%
    }
    .custom-bets-panel .custom-bets>div .custom-bet,
    .custom-bets-panel .custom-bets>div .custom-bet .custom-bet-gradient {
        border-radius: 0
    }
    .custom-bets-panel .custom-bets>div:first-child .custom-bet,
    .custom-bets-panel .custom-bets>div:first-child .custom-bet .custom-bet-gradient {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px
    }
    .custom-bets-panel .custom-bets>div:last-child .custom-bet,
    .custom-bets-panel .custom-bets>div:last-child .custom-bet .custom-bet-gradient {
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px
    }
}

.custom-bets custom-bet {
    width: 50%;
    font-weight: 600;
    border: 1px solid transparent;
    transition: all 0.2s
}

.custom-bets custom-bet .custom-bet-container {
    height: 100%
}

.custom-bets custom-bet .custom-bet-container .custom-bet {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 8px;
    background: linear-gradient(180deg, #42657b 0%, #0086d4 100%);
    position: relative;
    z-index: 10
}

.custom-bets custom-bet .custom-bet-container .custom-bet .custom-bet-gradient {
    position: absolute;
    background-color: rgba(0, 116, 183, 0.5);
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.2s
}

.custom-bets custom-bet .custom-bet-container .custom-bet>div:last-child {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.custom-bets custom-bet .custom-bet-container:hover .custom-bet-gradient {
    opacity: 1
}

.custom-bets custom-bet .custom-bet-container.selected .custom-bet-gradient {
    display: none
}

.custom-bets custom-bet .custom-bet-container.selected .custom-bet {
    background: #00a8fa
}

.custom-bets custom-bet:first-child .custom-bet,
.custom-bets custom-bet:first-child .custom-bet .custom-bet-gradient {
    border-top-left-radius: 6px
}

.custom-bets custom-bet:nth-child(2) .custom-bet,
.custom-bets custom-bet:first-child:last-child .custom-bet,
.custom-bets custom-bet:nth-child(2) .custom-bet .custom-bet-gradient,
.custom-bets custom-bet:first-child:last-child .custom-bet .custom-bet-gradient {
    border-top-right-radius: 6px
}

.custom-bets custom-bet:nth-last-child(2):nth-child(odd) .custom-bet,
.custom-bets custom-bet:last-child:nth-child(odd) .custom-bet,
.custom-bets custom-bet:nth-last-child(2):nth-child(odd) .custom-bet .custom-bet-gradient,
.custom-bets custom-bet:last-child:nth-child(odd) .custom-bet .custom-bet-gradient {
    border-bottom-left-radius: 6px
}

.custom-bets custom-bet:nth-last-child(2):nth-child(even) .custom-bet,
.custom-bets custom-bet:last-child .custom-bet,
.custom-bets custom-bet:nth-last-child(2):nth-child(even) .custom-bet .custom-bet-gradient,
.custom-bets custom-bet:last-child .custom-bet .custom-bet-gradient {
    border-bottom-right-radius: 6px
}

custom-bet-markets .more-custom-bets::before,
custom-bet-markets .more-custom-bets::after {
    content: ' ';
    display: inline-block;
    background: url("../images/main_sprite_dark.svg") no-repeat -100px -400px;
    width: 20px;
    height: 16px;
    margin-right: 6px;
    margin-left: 2px
}

custom-bet-markets .hide-custom-bets::before,
custom-bet-markets .hide-custom-bets::after {
    content: ' ';
    display: inline-block;
    background: url("../images/main_sprite_dark.svg") no-repeat -150px -400px;
    width: 20px;
    height: 16px;
    margin-right: 6px;
    margin-left: 2px
}

custom-bet-markets .custom-bets-actions {
    padding: 20px 0;
    text-align: center;
    display: block
}

custom-bet-markets .custom-bets-empty {
    width: 100%;
    padding: 24px 8px 32px 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    text-align: center;
    display: none
}

custom-bet-markets .custom-bets-empty p+p,
custom-bet-markets .custom-bets-empty p+p+p {
    font-weight: normal;
    margin: 0
}

custom-bet-markets .custom-bets-empty:first-child:last-child {
    display: block
}

custom-bet-events .visible-mobile {
    display: none
}

custom-bet-events .list-games {
    padding-bottom: 8px
}

custom-bet-events .list-games-empty {
    font-size: 14px;
    padding: 80px 8px 100px 8px;
    font-weight: 800
}

custom-bet-events .list-games-empty img {
    width: 40px;
    height: 40px;
    opacity: 0.5;
    margin-bottom: 10px
}

custom-bet-events .list-games-empty p+p {
    font-weight: normal
}

custom-bet-event+custom-bet-event .game-row {
    margin-top: 8px
}

custom-bet-event .game-odds div {
    border-radius: 6px
}

custom-bet-event .game-odds div:first-child {
    margin-right: 8px
}

custom-bet-event .tippy-tooltip {
    padding: 15px
}

custom-bet-event .tippy-tooltip p {
    margin-bottom: 7px
}

custom-bet-event .tippy-tooltip p+p {
    font-weight: normal;
    text-align: justify;
    margin-bottom: 0
}

li.league-option {
    padding: 8px;
    font-size: 12px
}

.more-markets-button {
    padding-top: 5px !important;
    padding-bottom: 4px !important
}

.more-markets-button::before {
    content: "+";
    font-size: 20px;
    font-weight: 600
}

.hide-markets-button {
    padding-top: 5px !important;
    padding-bottom: 4px !important
}

.hide-markets-button::before {
    content: "–";
    font-size: 20px;
    font-weight: 600
}

a.collapse-button {
    font-size: 14px;
    font-weight: bold;
    color: #fff
}

a.collapse-button.expanded::before {
    content: '–'
}

a.collapse-button.collapsed::before {
    content: '+'
}

@media only screen and (max-width: 480px) {
    .hidden-mobile {
        display: none !important
    }
    custom-bet-events .visible-mobile {
        display: flex
    }
    .game-row-details {
        -ms-flex-direction: column;
        flex-direction: column
    }
    .game-bets {
        margin-top: 8px;
        margin-left: 0 !important;
        -ms-flex-pack: center;
        justify-content: center;
        flex-shrink: 1;
        width: 100%
    }
    .game-bets .game-odds div.game-text,
    .game-bets .game-odds div.more-markets-button,
    .game-bets .game-odds div.hide-markets-button {
        padding: 12px 14px;
        height: 40px
    }
    .game-bets .game-odds div.game-text {
        width: 100%;
        text-align: center
    }
    .game-bets .text-nowrap {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
    .game-bets>div:first-child {
        margin-left: 0px !important
    }
    .custom-bets custom-bet {
        width: 100%
    }
    .custom-bets custom-bet .custom-bet,
    .custom-bets custom-bet .custom-bet .custom-bet-gradient {
        border-radius: 0 !important
    }
    .custom-bets custom-bet:first-child .custom-bet,
    .custom-bets custom-bet:first-child .custom-bet .custom-bet-gradient {
        border-top-left-radius: 6px !important;
        border-top-right-radius: 6px !important
    }
    .custom-bets custom-bet:last-child .custom-bet,
    .custom-bets custom-bet:last-child .custom-bet .custom-bet-gradient {
        border-bottom-left-radius: 6px !important;
        border-bottom-right-radius: 6px !important
    }
    .game-description.visible-mobile {
        margin-left: 0px
    }
    .game-description.visible-mobile .game-info {
        opacity: 1 !important;
        text-align: left
    }
    .game-description.visible-mobile .game-info time-component {
        opacity: 0.6
    }
    .game-description.visible-mobile .game-names .game-text {
        opacity: 1.5;
        text-align: left
    }
    .game-description.visible-mobile .game-markets {
        margin: 0 0 0 auto;
        flex-direction: column;
        justify-content: center
    }
    div.game-bets>div.game-odds {
        width: 100%
    }
    div.game-bets>div.game-odds:first-child>div.game-text {
        width: 100%;
        text-align: center
    }
}

@media only screen and (max-width: 767px) {
    .custom_bet_menu {
        display: none
    }
}

form#kyc-form input {
    margin: 8px 0;
    color: rgba(59, 59, 64, 1)
}

form#kyc-form input::placeholder {
    color: rgba(59, 59, 64, 0.4);
    font-weight: 600
}

form#kyc-form input.field-error {
    border-color: #e30000
}

form#kyc-form div.field-error {
    color: #e30000;
    margin-bottom: 8px;
    text-align: left
}

form#kyc-form button {
    margin-top: 24px;
    transition: all ease-in-out 0.5s
}

form#kyc-form button.disabled {
    opacity: 0.5;
    pointer-events: none
}

form#kyc-form button.success {
    background-color: #06b006
}

form#kyc-form button.success:after {
    content: attr(data-success)
}

form#kyc-form button.loading:after {
    content: attr(data-loading)
}

form#kyc-form button:after {
    content: attr(data-submit)
}

form#kyc-form button span.ellipsis-loading:after {
    color: inherit;
    font-size: 3rem;
    width: 100px;
    height: inherit;
    display: inline-block;
    animation: spaced-ellipsis-loading steps(1, end) 2s infinite;
    content: ''
}

@keyframes spaced-ellipsis-loading {
    0% {
        content: '';
    }
    25% {
        content: '.';
    }
    50% {
        content: '. .';
    }
    75% {
        content: '. . .';
    }
    100% {
        content: '';
    }
}

.modal-transfer p {
    padding: 8px
}

.modal-transfer div.error-message {
    background-color: #ffe8e8;
    border-radius: 3px;
    border: 1px solid #eda9a9;
    display: flex;
    color: #e30000;
    font-weight: 600;
    padding: 8px 8px 10px 8px;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: flex-start;
    flex-wrap: nowrap
}

.modal-transfer div.error-message p {
    padding: 0;
    margin: 0;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    text-transform: none
}

.modal-transfer div.error-message .icon-exclamation {
    position: relative;
    display: inline-block;
    content: " ";
    top: -1px;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    background-size: contain !important;
    min-width: 15px;
    background-size: auto !important;
    background: url("../images/main_sprite_dark.svg") -100px -1500px;
    margin-right: 6px
}

.fixed .action-bar {
    margin-bottom: 45px
}

.fixed .tools {
    position: fixed;
    background-color: var(--secondary);
    z-index: 1000;
    width: 100%;
    top: 0px;
    transition: all 0.2s;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
    font-size: 12px;
    margin-left: 0;
    clip-path: polygon(0px 0, 100% 0, 100% 100%, 0% 100%);
}

.fixed .tools .wrapper {
    min-height: 35px !important
}

.fixed .tools ul li {
    line-height: 35px;
    min-height: 35px;
    vertical-align: top;
}

.fixed .tools ul li.scroll-logo {
    display: inline-block
}

.fixed .tools ul li.scroll-logo a {
    width: 50px !important;
    position: relative;
    /*background-image: url('../images/scroll_logo.png');*/
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain !important;
    transition: all 0.25s;
    opacity: 1;
}

.fixed .tools div:nth-child(2) {
    line-height: 35px;
    height: 35px
}

.fixed .tools .subsection-items {
    background-color: #f2cc39;
    top: 35px
}

@media only screen and (max-width: 730px) {
    .fixed .tools ul li:first-child {
        display: none
    }
    .fixed .tools div:nth-child(2) {
        line-height: 35px;
        height: 35px
    }
}

#betslip-anchor {
    position: absolute;
    margin-top: -65px;
    display: block
}

.SearchInputMobile {
    display: none; /* Initially hide the search input */
    position: absolute; /* Absolute positioning for overlaying */
    top: 50%; /* Align to the vertical center */
    right: 40px; /* Adjust the position from the right */
    transform: translateY(-50%); /* Adjust for centering */
    padding: 8px;
    margin: 0;
    border: 1px solid var(--primary);
    border-radius: 5px;
    width: 75%;
    background-color: var(--primary);
    outline: unset;
}

.mobile-header {
    display: none;
    position: fixed;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    width: 100%;
    height: 55px;
    background-color: var(--secondary);
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.24);
    z-index: 1001
}

    .mobile-header .drawer-trigger {
        float: left;
        min-width: 15%;
        /*border-right: 1px solid var(--primary);*/
        height:55px;
    }

.mobile-header .drawer-trigger .burger-menu {
    display: block;
    text-indent: 100%;
    overflow: hidden;
    margin-left: 17px;
    padding: 0px;
    text-indent: 9999px;
    width: 25px;
    height: 25px;
    background: url("../images/main_sprite_dark.svg") 0 -1000px;
    text-indent: 100%;
    overflow: hidden;
    margin-top:14px;
}

.mobile-header .drawer-trigger .close-menu {
    background-position: -500px -1000px
}

.mobile-header .mobilelogin{
		
}
.mobile-header .logo h1 {
    position: absolute;
    margin-left: -18px;
    top: 0;
    width: 90px;
    height: 22px;
    background: url('../../img/actionbar_logo.png');
    background-repeat: no-repeat;
    text-indent: 100%;
    overflow: hidden;
    background-size: contain
}

.mobile-header .logo img {
    width: 85px;
    margin-right: -35px; 
    image-rendering: -webkit-optimize-contrast;
}

/*.mobile-header .user {
    float: right;
    text-align: right
}*/

    .mobile-header .user {
        min-width: 20%;
        order: 4;
    }

    .mobile-header .home {
        height: 55px;
        padding: 15px;
        float: left;
        min-width: 30%;
        /*border-left: 1px solid var(--primary);*/
        order: 1;
        background: url(/Content/images/logo.png) no-repeat center;
        background-size: 110px 30px;
        /*box-shadow: 1px 1px 2px var(--primary) inset;*/
    }

    .mobile-header .login {
        height: 55px;
        padding: 15px 0px 15px 10px;
        float: left;
        min-width: 15%;
        /*border-left: 1px solid var(--primary);*/
        /*border-right: 1px solid var(--primary);*/
        order: 2;
        /*background: url(/Content/images/icons/login.png) no-repeat center;*/
        /*background-size: 25px 25px;*/
        /*box-shadow: 1px 1px 2px var(--primary) inset;*/
    }

    .mobile-header .register {
        display:flex;
        height: 55px;
        padding: 15px 1px ;
        float: left;
        min-width: 45%;
        /*border-left: 1px solid var(--primary);*/
        order: 3;
        /*background: url(/Content/images/icons/register.svg) no-repeat center;*/
        /*background-size: 25px 25px;*/
        /*box-shadow: 1px 1px 2px var(--primary) inset;*/
    }

    .mobile-header .mobilesearch {
        height: 55px;
        padding: 15px;
        float: left;
        min-width: 10%;
        order: 4;
        background: url(/Content/images/icons/searchmobile.svg) no-repeat center;
        background-size: 25px 25px;
        /*box-shadow: 1px 1px 2px var(--primary) inset;*/
    }

    .mobile-header .deposit {
        height: 55px;
        padding: 15px;
        min-width: 45%;
        order: 3;
    }

.aDeposit {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--quaternary);
    border: 1px solid var(--quaternary);
    padding: 5px 5px;
    font-size: 12px;
    height: 100%;
    width: 59px;
    border-radius: 2px;
    font-weight: 600;
    text-align: center;
    float: right;
}

.aProfileDepWith {
    width: 100%;
    height: 100%;
    color: #fff !important;
    /*display: flex;*/
    justify-content: right;
    align-items: center;
    margin-right: 10px;
    text-decoration: underline !important;
}

.mobileSearchIcon {
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.headerHome {
    display: block;
    height: 22px;
    /*background: url(/Content/images/icons/homeUga.svg) no-repeat center top !important;*/
}

.headerLogin {
    display: block;
    height: 22px;
    background: url(/Content/images/icons/loginUga.svg) no-repeat center top !important;
}

.headerForgotpassword {
    display: block;
    height: 22px;
    background: url(/Content/images/icons/forgotMofa.svg) no-repeat center top !important;
}

.headerRefister {
    display: block;
    height: 22px;
    background: url(/Content/images/icons/register.svg) no-repeat center top !important;
}

.mobile-header .user .login {
    margin-right: 2px;
    font-size: 14px
}

.mobile-header .user .login span a {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 8px
}

.mobile-header .user .mobile-betslip a {
    display: block;
    margin-right: 1px;
    font-size: 12px;
    text-align: right;
    height: 55px;
    background-color: #662483;
    padding-right: 10px;
    padding-left: 15px;
    position: relative;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
    position: relative
}

.mobile-header .user .mobile-betslip a span:first-child {
    line-height: 55px
}

.mobile-header .user .mobile-betslip a span:first-child:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: -1px;
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat -900px -1000px;
    width: 14px;
    height: 18px;
    right: 5px
}

.mobile-header .user .mobile-betslip a .bet-counter {
    display: inline-block;
    position: relative;
    top: -5px;
    background-color: #fff;
    font-size: 12px;
    border-radius: 50%;
    color: #000 !important;
    min-height: 16px;
    min-width: 18px;
    line-height: 18px;
    text-align: center
}

.mobile-header .user .user-quicklinks {
    margin-right: 17px;
    font-size: 12px;
    text-align: right
}

.mobile-header .user .user-quicklinks:after {
    position: relative;
    display: inline-block;
    content: " ";
    top: -8px;
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat -600px -1000px;
    width: 25px;
    height: 25px
}

.mobile-header .user .user-quicklinks span {
    display: inline-block;
    padding-right: 10px
}

#burger-menu:checked~body {
    background-color: #000
}

@media only screen and (max-width: 767px) {
    .mobile-header {
        display: flex
    }
}

.form {
    margin-top: -50px
}

.form a {
    color: #ce8d04;
    font-weight: 600
}

.form hr {
    width: 100%;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #979797 !important;
    opacity: 0.5 !important
}

    .form .form-button {
        border-radius: 10px;
        display: block;
        -webkit-appearance: none;
        border: 0px;
        font-size: 14px;
        font-weight: 700;
        /*color: #033148;*/
        background: var(--quaternary);
        box-shadow: 0px 9px 10px 0px rgb(0 0 0 / 30%);
        text-transform: uppercase;
        position: relative;
        height: auto !important;
        margin: 0 auto;
        margin-top: 30px;
        margin-bottom: 30px;
        padding: 15px 30px;
        transition: all 1s;
    }

        .form .form-button:hover {
            background-color: var(--tertiary);
            transition: all 0.3s
        }

.form .form-button:active {
    background-color: #122027;
    transition: all 0.1s
}

.form .form-button.large {
    width: 100%
}

.form .form-button:focus {
    outline: none
}

    .form a#btn-change-password {
        margin-top: -1px;
        display: inline-block;
        background-image: -webkit-linear-gradient(var(--quaternary) 37%, var(--quaternary) 100%);
        background-image: -o-linear-gradient(#ce8d04 37%, #ce8d04 100%);
        background-image: linear-gradient(var(--quaternary) 37%, var(--quaternary) 100%);
        border: 1px solid var(--quaternary);
        border-radius: 2px;
        font-size: 12px;
        font-weight: 600;
        padding: 10px 15px;
        transition: all 0.1s;
        width: 100%;
        text-align: center;
        color: hsla(0,0%,100%,.8);
    }

.form a#btn-change-password:hover {
    border: 1px solid #000;
    color: #000;
    transition: all 0.1s
}

.form a#btn-change-password:active {
    background-image: -webkit-linear-gradient(#e4e4e4 37%, #fff 100%);
    background-image: -o-linear-gradient(#e4e4e4 37%, #fff 100%);
    background-image: linear-gradient(#e4e4e4 37%, #fff 100%);
    transition: all 0.1s
}

.form .form-body {
    background: #fff;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.50);
    min-height: 100px;
    margin-bottom: 50px;
    /*border-radius: 8px*/
}

.form .form-body p {
    font-size: 14px;
    color: #000;
    line-height: 19px;
    font-weight: 400;
    margin-bottom: 30px
}

.form .arrow-step1_2:after,
.form .arrow-step1_3:after {
    bottom: 100%;
    left: 26%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px
}

.form .arrow-step1_3:after {
    left: 24%
}

.form .arrow-step2_2:after,
.form .arrow-step2_3:after {
    bottom: 100%;
    left: 75%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px
}

.form .arrow-step2_3:after {
    left: 50%
}

.form .arrow-step3_3:after {
    bottom: 100%;
    left: 78%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px
}

.form .arrow-login:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px
}

.form .login {
    text-align: center;
    padding: 40px
}

.form .login.retrieve {
    padding-bottom: 26px
}

.form .login.retrieve .error-alert {
    margin-bottom: 12px
}

.form .login.retrieve form {
    padding-bottom: 0
}

.form .login.retrieve form fieldset {
    margin-bottom: 5px
}

.form .login.retrieve input[type=submit] {
    margin-top: 18px;
    white-space: normal;
    height: auto;
    padding-top: 8px;
    padding-bottom: 8px
}

.form .login.retrieve #mobile-no {
    width: 30%
}

.form .login.retrieve #email {
    width: 30%
}

.form .login.retrieve .this-or-that {
    font-size: 14px;
    display: inline-block;
    height: 38px;
    color: rgba(0, 0, 0, 0.40);
    text-transform: uppercase;
    padding: 5px
}

.form .login.retrieve .this-or-that:before,
.form .login.retrieve .this-or-that:after {
    position: relative;
    height: 15px;
    left: 50%;
    display: block;
    content: " ";
    border-left: 1px solid rgba(0, 0, 0, 0.40)
}

.form .login form {
    text-align: center
}

.form .login form label {
    display: block;
    width: 250px
}

.form .login form input {
    display: inline-block;
    width: 250px;
    float: none;
    margin: 0px;
    margin: 7px
}

.form .login form input[type="submit"] {
    width: 275px !important
}

.form .login form .field-error-indicator {
    position: relative;
    display: inline-block;
    content: " ";
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat -1000px -100px;
    width: 15px;
    height: 15px;
    right: 20px;
    margin-left: -15px
}

.form .login #retrieve-password {
    float: none;
    font-size: 12px;
    color: #662483
}

.form .login #retrieve-password:before {
    background: url("../images/main_sprite_dark.svg") no-repeat -950px -100px
}

.form .login #retrieve-password a {
    font-weight: 800
}

.form .validate {
    text-align: center;
    padding: 40px
}

.form .validate form {
    text-align: center
}

.form .validate form label {
    display: block;
    width: 250px
}

.form .validate form input {
    display: inline-block;
    width: 250px;
    float: none;
    margin: 0px;
    margin: 7px
}

.form .validate form input[type="submit"] {
    width: 275px !important
}

.form .validate form .field-error-indicator {
    position: relative;
    display: inline-block;
    content: " ";
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat -1000px -100px;
    width: 15px;
    height: 15px;
    right: 20px;
    margin-left: -15px
}

.form .validate #retrieve-password {
    float: none;
    font-size: 12px;
    color: #662483
}

.form .validate #retrieve-password:before {
    background: url("../images/main_sprite_dark.svg") no-repeat -950px -100px
}

.form .validate #retrieve-password a {
    font-weight: 800
}

.form .user-form {
    text-align: center;
    padding: 40px;
    padding-bottom: 80px
}

.form .user-form .username {
    color: #01122f;
    opacity: 0.4;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    margin-top: 6px
}

.form .user-form h3 {
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    line-height: 24px
}

.form .user-form p {
    font-weight: 300;
    font-size: 14px;
    color: #fff
}

.form .user-form div {
    text-align: left
}

.form .user-form div label,
.form .user-form div .input-title {
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    line-height: 25px;
    height: 25px;
    display: block;
    margin-bottom: 0px !important
}

.form .user-form div .label-error {
    color: #b80017
}

.form .user-form div input {
    height: 38px
}

    .form .user-form div input[type=text],
    .form .user-form div input[type=password] {
        background: var(--secondary);
        border: 1px solid hsla(0,0%,100%,.2);
        font-size: 12px;
        color: #fff;
        line-height: 17px;
        width: 100%;
        padding-left: 10px;
        margin-bottom: 10px
    }

.form .user-form div input[type=checkbox] {
    height: auto
}

.form .user-form div .field-error {
    border: 2px solid #c74d5c;
    margin-top: 0px
}

.form .user-form div .field-error-indicator {
    position: relative;
    display: inline-block;
    content: " ";
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat -1000px -100px;
    width: 15px;
    height: 15px;
    right: 20px;
    margin-left: -15px
}

.form .user-form .line-left:before {
    border-left: 1px #e6e6e6 solid;
    padding-bottom: 40px;
    content: " ";
    height: 100%;
    position: absolute;
    left: 0%;
    top: 10px
}

.form .user-form .radio input {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    top: -3px;
    margin-left: 10px
}

.form .user-form .radio label {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding-left: 4px
}

.form .user-form .radio #female {
    margin-left: 20px
}

.form .user-form .radio #not-highlighted-label {
    color: #000 !important;
    font-weight: 300 !important
}

.form .user-form .radio .option {
    display: inline-block
}

.form .user-form select {
    height: 38px;
    margin-bottom: 10px
}

.form .user-form #retrieve-password {
    font-size: 12px;
    color: #662483
}

.form .user-form #retrieve-password:before {
    background: url("../images/main_sprite_dark.svg") no-repeat -950px -100px
}

.form .user-form #retrieve-password a {
    font-weight: 800
}

.form .user-form .disclaimer {
    color: #000 !important;
    font-size: 14px;
    line-height: 18px;
    height: auto !important
}

.form .user-form .disclaimer input {
    margin-left: -15px
}

.form .user-form .disclaimer div {
    display: inline
}

.form .user-form #register_step2_2 {
    width: 50% !important;
    margin: 0 auto
}

.form .user-form #register_step2_2 hr {
    display: none
}

.form .user-form .disclaimer-za {
    color: #192083 !important;
    font-size: 12px;
    line-height: 18px;
    height: auto !important;
    padding: 15px 15px 0 15px;
    text-align: justify
}

.form .user-form .disclaimer-za a {
    color: #192083 !important
}

.form .user-form .button-submit-za input {
    width: 100%;
    background-color: #467a97;
    border-radius: 10px;
    box-shadow: 0 9px 10px 0 rgba(39, 70, 85, 0.32);
    font-size: 16px;
    font-weight: bold;
    line-height: 22px
}

.form .register-login {
    text-align: center;
    padding: 40px
}

.form .register-login form {
    text-align: center
}

.form .register-login form label {
    display: block;
    width: 200px
}

.form .register-login form input {
    display: inline-block;
    width: 25%;
    float: none;
    margin: 0px;
    margin: 7px
}

.form .register-login form input[type="submit"] {
    width: 25% !important
}

.form .register-login form .field-error-indicator {
    position: relative;
    display: inline-block;
    content: " ";
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat -1000px -100px;
    width: 15px;
    height: 15px;
    right: 20px;
    margin-left: -15px
}

.form .self-exclusion .costumer-care {
    width: 100%;
    display: block;
    text-align: center;
    margin-left: 0px;
    padding-left: 0px
}

.form .self-exclusion .costumer-care li {
    display: block;
    width: 100%;
    list-style: none
}

.form .self-exclusion .costumer-care li a {
    float: none
}

.form input.field-error {
    border: 2px solid #c74d5c !important;
    margin-top: 5px
}

.form .field-success {
    border: 2px solid #75ab37 !important
}

.form div.field-error {
    border: 0px !important;
    display: block;
    font-weight: 700;
    font-size: 10px;
    color: #b80017;
    line-height: 14px;
    margin-top: -25px;
    margin-bottom: 9px
}

.form div.field-error,
.form .hint-error {
    display: block;
    box-shadow: none !important;
    font-weight: 700;
    font-size: 10px;
    color: #b80017;
    line-height: 14px;
    margin-top: 0px;
    margin-bottom: 9px
}

.form #reset_password_step1 div.field-error,
.form #reset_password_step2 div.field-error {
    margin-left: 7px;
    text-align: left
}

.form .error-alert {
    display: table;
    background-color: rgba(255, 197, 197, 0.4);
    border: 1px solid rgba(197, 26, 26, 0.3);
    border-spacing: 10px;
    padding: 10px;
    margin-bottom: 30px;
    margin-top: 30px;
    width: 100%;
    color: #d0021b
}

.form .error-alert .icon-error {
    display: inline-block;
    background: url("../images/main_sprite_dark.svg") no-repeat -99px -1496px;
    width: 16px;
    height: 18px
}

.form .error-alert .error-message {
    display: table-cell;
    text-align: left
}

.form .error-alert .error-message span {
    font-weight: 600;
    font-size: 14px
}

.form .error-alert .error-message p {
    font-weight: 700;
    font-size: 14px;
    color: #d0021b;
    margin: 0
}

.form .error-alert .error-message p+p {
    font-weight: 400
}

.form .error-alert .error-message a {
    float: none;
    color: #d0021b;
    font-weight: bold
}

.form .error-alert .error-message a:hover {
    text-decoration: underline !important
}

.form p.description {
    padding-bottom: 30px
}

.form .congratulations {
    font-weight: 800 !important
}

.form .congratulations:before {
    content: "";
    display: block;
    position: relative;
    left: 50%;
    margin-left: -20px;
    margin-bottom: 25px;
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat -150px -600px;
    width: 49px;
    height: 49px
}

.form .error-validation:before {
    content: "";
    display: block;
    position: relative;
    left: 50%;
    margin-left: -20px;
    margin-bottom: 10px;
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat -600px -600px;
    width: 49px;
    height: 49px
}

#edit_account_ke label {
    height: initial
}

.edit-profile-message {
    margin: 0 auto 5px auto;
    color: #394f30;
    background-color: #dff0d8;
    padding: 15px;
    border: 1px solid transparent;
    border-radius: 4px
}

.edit-profile-message-error {
    color: #a94442;
    background-color: #f2dede
}

.za-register-id-warning {
    color: #676767;
    font-size: 12px;
    margin-bottom: 15px;
    display: none
}

#register_step3_3_za label {
    clear: none;
    display: block !important;
    float: left;
    padding: 2px 5px
}

#register_step3_3_za input[type=radio],
#register_step3_3_za input.radio {
    float: left;
    clear: none;
    margin: -3px 0 0 2px
}

.za-register-validation-fail {
    border: 1px solid rgba(197, 26, 26, 0.3);
    background-color: rgba(255, 197, 197, 0.4)
}

.za-register-validation-fail span {
    padding: 15px
}

.za-register-validation-fail .tel {
    color: #d0021b;
    display: inline-block;
    height: 35px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    line-height: 35px;
    cursor: default;
    font-weight: 700;
    background-color: rgba(255, 255, 255, 0.07)
}

.za-register-validation-fail .tel:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: -1px;
    right: 5px;
    vertical-align: middle;
    width: 11px;
    height: 11px;
    background: url("../images/main_sprite_dark.svg") -150px -900px
}

.za-register-validation-fail .email {
    color: #d0021b;
    display: inline-block;
    height: 35px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    line-height: 35px;
    cursor: default;
    font-weight: 700;
    background-color: rgba(255, 255, 255, 0.07)
}

.za-register-validation-fail .email:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: -1px;
    right: 5px;
    vertical-align: middle;
    width: 11px;
    height: 11px;
    background: url("../images/main_sprite_dark.svg") -200px -900px
}

.za-register-validation-fail .error {
    color: #d0021b;
    display: inline-block;
    float: left;
    height: 35px;
    width: 35px;
    margin-right: 5px;
    line-height: 35px;
    cursor: default;
    font-weight: 700;
    background-color: rgba(255, 255, 255, 0.07)
}

.za-register-validation-fail .error:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: -18px;
    right: 5px;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background: url("../images/main_sprite_dark.svg") -100px -1500px
}

.za-register-validation-fail .za-user-fail-text {
    padding: 15px
}

.za-register-validation-fail .za-user-fail-text p {
    color: #d0021b;
    text-align: left
}

.upload-error {
    margin-left: -15px
}

.user-form .selectize-control {
    margin-bottom: 5px
}

.user-form .selectize-control .selectize-input {
    height: 38px;
    border-radius: 0;
    border: 1px solid #b3b3b3
}

.user-form .selectize-control .selectize-input>input {
    height: auto !important;
    vertical-align: middle
}

.user-form .selectize-control .selectize-input>div.item {
    vertical-align: middle
}

.user-form .selectize-control .selectize-input input[type="select-one"].field-error {
    border: none !important
}

form.invalid-form .selectize-input.not-full {
    border: 2px solid #c74d5c
}

form.invalid-form .selectize-input.full {
    border: 2px solid #75ab37
}

@media only screen and (max-width: 1200px) {
    .form .self-exclusion .costumer-care {
        max-width: 100%
    }
    .form .self-exclusion .costumer-care li {
        display: block;
        width: 100%;
        list-style: none
    }
    .form .self-exclusion .costumer-care li a {
        float: none
    }
}

@media only screen and (max-width: 992px) {
    .arrow-step1_3:after {
        left: 19% !important
    }
    .arrow-step3_3:after {
        left: 81% !important
    }
}

@media only screen and (max-width: 767px) {
    .form .user-form #register_step2_2 {
        width: 75% !important;
        margin: 0 auto
    }
    .form .user-form #register_step2_2 hr {
        display: none
    }
    .edit-profile-message {
        margin-top: 20px
    }
    .arrow-step1_2:after,
    .arrow-step1_3:after {
        bottom: 100%;
        left: 50% !important
    }
    .arrow-step2_2:after,
    .arrow-step2_3:after {
        bottom: 100%;
        left: 50% !important
    }
    .arrow-step3_3:after {
        bottom: 100%;
        left: 50% !important
    }
    .arrow-login:after {
        bottom: 100%;
        left: 50% !important
    }
    .inactive,
    .completed {
        display: none !important
    }
    .retrieve input[type=submit] {
        margin-top: 25px
    }
    .retrieve #mobile-no {
        width: 80% !important
    }
    .retrieve #email {
        width: 80% !important
    }
    .retrieve .this-or-that {
        width: 9%;
        font-size: 14px;
        display: inline-block;
        height: 38px;
        color: rgba(0, 0, 0, 0.40);
        text-transform: uppercase;
        padding: 5px
    }
    .retrieve .this-or-that:before {
        position: relative;
        width: 15px !important;
        height: 1px !important;
        left: 25px !important;
        top: 15px;
        display: inline-block !important;
        content: "–";
        border-left: 0px !important;
        border-top: 1px solid rgba(0, 0, 0, 0.40)
    }
    .retrieve .this-or-that:after {
        position: relative;
        width: 15px !important;
        height: 1px !important;
        left: -25px !important;
        top: -25px;
        display: inline-block !important;
        content: "–";
        border-left: 0px !important;
        border-top: 1px solid rgba(0, 0, 0, 0.40)
    }
    .register-login form {
        text-align: center
    }
    .register-login form label {
        display: block;
        width: 200px
    }
    .register-login form input {
        display: inline-block;
        width: 80% !important;
        float: none;
        margin: 0px;
        margin: 7px
    }
    .line-left:before {
        border-left: 0px #e6e6e6 solid !important;
        padding-bottom: 40px;
        content: " ";
        height: 100%;
        position: absolute;
        left: 0%;
        top: 10px
    }
    .arrow-step1_2:after,
    .arrow-step1_3:after {
        bottom: 100%;
        left: 50% !important
    }
    .arrow-step2_2:after,
    .arrow-step2_3:after {
        bottom: 100%;
        left: 50% !important
    }
    .arrow-step3_3:after {
        bottom: 100%;
        left: 50% !important
    }
    .arrow-login:after {
        bottom: 100%;
        left: 50% !important
    }
    .inactive,
    .completed {
        display: none !important
    }
    hr {
        width: 100%;
        margin-bottom: 20px;
        border: 0;
        border-top: 1px solid #979797 !important;
        opacity: 0.5 !important
    }
    .form .user-form div input[type=text],
    .form .user-form div input[type=password] {
        margin-bottom: 10px !important;
		width: 100%!important;
    }
}

#upload-files span.btn.btn-default {
    height: 153%;
    margin-right: 79px;
    width: 100%;
    border-radius: 0px
}

@media only screen and (max-width: 600px) {
    .form .user-form #register_step2_2 {
        width: 100% !important;
        margin: 0 auto
    }
    .form .user-form #register_step2_2 hr {
        display: none
    }
}

@media only screen and (max-width: 480px) {
    .form div.form-body.login form input {
        max-width: none !important;
        width: 90% !important;
        box-sizing: border-box
    }
    .form .form-body.login,
    .form .user-form {
        padding: 16px 10px 40px 10px !important
    }
    .form .form-body.login.retrieve,
    .form .user-form.retrieve {
        padding-bottom: 26px !important
    }
    .form .form-body.login>p,
    .form .user-form>p {
        margin-bottom: 0 !important;
        padding-bottom: 10px !important
    }
    .form .form-body.login hr,
    .form .user-form hr {
        display: none
    }
    .form .user-form .disclaimer input {
        margin-left: 0
    }
    .form .user-form div input {
        white-space: normal;
        /*padding: 8px 12px*/
    }
    .login {
        text-align: center;
        padding: 40px
    }
    .login form {
        text-align: center
    }
    .login form label {
        display: block;
        width: 250px
    }
    .login form input {
        display: inline-block;
        max-width: 150px !important;
        float: none;
        margin: 0px;
        margin: 7px
    }
    .login form input[type="text"] {
        max-width: 150px !important;
        font-size: 12px
    }
    .login form input[type="password"] {
        max-width: 150px !important;
        font-size: 12px
    }
    .login form input[type="submit"] {
        max-width: 175px !important;
        font-size: 12px
    }
    .login form .field-error-indicator {
        position: relative;
        display: inline-block;
        content: " ";
        vertical-align: middle;
        background: url("../images/main_sprite_dark.svg") no-repeat -1000px -100px;
        width: 15px;
        height: 15px;
        right: 20px;
        margin-left: -15px
    }
    .login #retrieve-password {
        float: none;
        font-size: 12px;
        color: #662483
    }
    .login #retrieve-password:before {
        background: url("../images/main_sprite_dark.svg") no-repeat -950px -100px
    }
    .login #retrieve-password a {
        font-weight: 800
    }
    #upload-files span.btn.btn-default {
        height: 38px
    }
}

.form-content {
    margin-top: 0px;
    overflow-x: hidden !important
}

    .form-content .form-body {
        background: var(--secondary);
        box-shadow: none;
        min-height: 100px;
        margin-bottom: 0px;
        margin-left: -15px;
        margin-right: -15px;
    }

.form-content .form-body p {
    font-size: 14px;
    color: #fff;
    line-height: 19px;
    font-weight: 400
}

.form-content .form-body .user-form {
    padding: 32px;
    padding-top: 0px
}

.form-content .form-body .not-available {
    opacity: 0.3
}

.form-content .form-body .not-available .no-focus {
    width: 100%;
    position: absolute;
    height: 100%;
    z-index: 999;
    background-color: #000;
    opacity: 0
}

.form-content .form-body .tools {
    background: none
}

.form-content .form-body .tools li {
    list-style: none
}

.form-content .form-body .form-button-left {
    -webkit-appearance: none;
    border: 0px;
    width: 200px;
    font-size: 18px;
    line-height: 55px !important;
    height: 55px !important;
    color: #545454;
    background: #00b8d4;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.20);
    text-transform: uppercase;
    position: absolute;
    left: 35%;
    margin-left: -100px;
    margin-top: 50px;
    transition: all 1s;
    background-color: #ccc;
    font-weight: 300
}

.form-content .form-body .form-button-left:hover {
    background-color: rgba(2, 11, 20, 1);
    color: #fff;
    transition: all 1s
}

.form-content .form-body .form-button-right {
    -webkit-appearance: none;
    border: 0px;
    width: 200px;
    font-size: 18px;
    line-height: 55px !important;
    height: 55px !important;
    color: #fff;
    background: #00b8d4;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.50);
    text-transform: uppercase;
    position: absolute;
    left: 65%;
    margin-left: -100px;
    margin-top: 50px;
    transition: all 1s
}

.form-content .form-body .form-button-right:hover {
    background-color: rgba(2, 11, 20, 1);
    transition: all 1s
}

.upcomingmatches .upcoming-date {
    display: block;
    background-color: #1d2f3b;
    margin-top: 10px !important
}

.upcomingmatches .upcoming-date span {
    padding: 6px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px
}

.upcomingmatches .upcoming-date .date {
    float: right
}

.upcomingmatches .day-row {
    margin: 6px 0 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    border-radius: 4px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 4px 0;
    background-color: transparent;
    text-transform: uppercase
}

.upcomingmatches .day-row .day-text {
    margin: 0 8px
}

.upcomingmatches .day-row .column-separator {
    flex-grow: 1;
    height: 2px;
    box-sizing: border-box;
    border: 1px solid #979797;
    opacity: 0.4;
    margin: 0
}

.upcomingmatches .no-league {
    margin-bottom: 10px
}

.upcomingmatches .league .leaguename {
    display: block;
    overflow: hidden;
    margin-top: 6px;
    margin-bottom: 6px
}

.upcomingmatches .league .leaguename .name {
    padding: 6px;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 2.25px
}

.upcomingmatches .league .leaguename:after {
    content: "";
    display: inline-block;
    height: 0.3em;
    opacity: 0.2;
    vertical-align: center;
    width: 100%;
    margin-right: -100%;
    margin-left: 0px;
    border-top: 1px solid white
}

.upcomingmatches .league .match .meta {
    width: 20%
}

.upcomingmatches .league .match .meta .time,
.upcomingmatches .league .match .meta .game-id {
    width: 40%
}

.upcomingmatches .league .match .bet-selector {
    width: 72%
}

.livematches .upcoming-date {
    display: block;
    background-color: #1d2f3b;
    margin-top: 10px !important
}

.livematches .upcoming-date span {
    padding: 6px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px
}

.livematches .upcoming-date .date {
    float: right
}

.livematches .no-league {
    margin-bottom: 10px
}

.livematches .league .leaguename {
    display: block;
    overflow: hidden;
    margin-top: 6px;
    margin-bottom: 6px
}

.livematches .league .leaguename .name {
    padding: 6px;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 2.25px
}

.livematches .league .leaguename:after {
    content: "";
    display: inline-block;
    height: 0.3em;
    opacity: 0.2;
    vertical-align: center;
    width: 100%;
    margin-right: -100%;
    margin-left: 0px;
    border-top: 1px solid white
}

.livematches .live-table-row:nth-child(odd) .live-match {
    background-color: rgba(0, 0, 0, 0.25)
}

.livematches .live-table-row:nth-child(even) .live-match {
    background-color: rgba(255, 255, 255, 0.1)
}

.livematches .live-match {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    list-style-type: none;
    padding: 0px
}

.livematches .live-match .info>.time {
    display: block;
    margin-bottom: 5px;
    opacity: 0.9
}

.livematches .live-match.cancelled li.info,
.livematches .live-match.cancelled li.teams {
    opacity: 0.35
}

.livematches .live-match.cancelled li.status a {
    display: none
}

.livematches .live-match.cancelled li.status .current-status:after {
    content: "Cancelled";
    text-transform: uppercase;
    font-size: 10px;
    color: #df4558;
    letter-spacing: 0px;
    line-height: 18px;
    font-weight: 700;
    border: 1px solid #df4558;
    border-radius: 10px;
    min-height: 16px;
    padding-right: 8px;
    padding-left: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-image: url('../../img/live-table/live_icon_cancelled.svg');
    background-repeat: no-repeat;
    background-position: 3px 2px
}

.livematches .live-match.finished li.status a {
    display: none
}

.livematches .live-match.finished li.status .current-status:after {
    content: "ENDED";
    text-transform: uppercase;
    font-size: 10px;
    color: #fff;
    letter-spacing: 0px;
    line-height: 18px;
    font-weight: 700;
    border: 1px solid #fff;
    border-radius: 10px;
    min-height: 16px;
    padding-right: 8px;
    padding-left: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-image: url('../../img/live-table/live_icon_ended.svg');
    background-repeat: no-repeat;
    background-position: 4px 3px
}

.livematches .live-match.started {
    cursor: pointer !important
}

.livematches .live-match.started li.info .time:before {
    content: "";
    display: inline-block;
    position: relative;
    height: 15px;
    width: 15px;
    overflow: hidden;
    vertical-align: middle;
    top: -1px;
    margin-right: 5px;
    background: url("../images/main_sprite_dark.svg") -1200px -100px;
    text-indent: 99999px
}

.livematches .live-match.started li.status a {
    display: inline-block
}

.livematches .live-match.started li.status .current-status {
    display: none
}

.livematches .live-match.not_started li.status a {
    display: none
}

.livematches .live-match.not_started li.status .current-status {
    position: relative;
    display: inline-block;
    font-weight: 700
}

.livematches .live-match.not_started li.status .current-status:before {
    content: "";
    display: inline-block;
    position: relative;
    height: 15px;
    width: 15px;
    overflow: hidden;
    vertical-align: middle;
    top: -1px;
    background: url("../images/main_sprite_dark.svg") -50px -899px;
    text-indent: 99999px
}

.livematches .live-match.not_started li.status .current-status span.to-start,
.livematches .live-match.not_started li.status .current-status span>span {
    font-weight: 500
}

.livematches .live-match li {
    padding: 8px;
    width: 100%
}

.livematches .live-match li.info .time {
    font-size: 12px;
    font-weight: 700
}

.livematches .live-match li.info .teams>span {
    display: block;
    font-size: 13px;
    padding-bottom: 2px
}

.livematches .live-match li.info .teams>span .score {
    font-weight: 800
}

.livematches .live-match li.info .teams>span .score .set,
.livematches .live-match li.info .teams>span .score .game,
.livematches .live-match li.info .teams>span .score .point {
    vertical-align: top;
    opacity: 0.75;
    font-weight: 400 !important
}

.livematches .live-match li.info .teams>span .score .set {
    opacity: 1 !important;
    font-weight: 600 !important
}

.livematches .live-match li.info .teams>span .score .set,
.livematches .live-match li.info .teams>span .score .game,
.livematches .live-match li.info .teams>span .score .point {
    display: inline-block;
    min-width: 21px
}

.livematches .live-match li.status {
    align-self: center;
    text-align: right
}

.livematches .live-match li.status a {
    display: none
}

@media only screen and (max-width: 480px) {
    .bp .livematches .live-match {
        padding-top: 5px;
        padding-bottom: 5px;
        justify-content: space-between
    }
    .bp .livematches .live-match .info {
        width: auto;
        text-align: left;
        padding: 6px;
        padding-right: 0px !important;
        padding-top: 6px
    }
    .bp .livematches .live-match .status {
        width: 45%;
        display: inline-block;
        float: right
    }
    .bp .livematches .live-match .status a {
        margin: 0px
    }
    .bp .livematches .live-match>.clear {
        display: none
    }
}

#live-markets .live-game-title {
    position: relative;
    min-height: 80px
}

#live-markets .live-game-title .bp-market-info {
    position: absolute;
    top: 0
}

#live-markets .live-game-title .bp-market-info .event-name {
    text-align: center !important
}

#live-markets .live-game-title #betgenius-iframe {
    border: 0;
    overflow: hidden;
    display: block;
    position: relative;
    z-index: 9
}

#live-markets .market-picker .selection-header {
    padding: 8px;
    font-weight: 600;
    text-align: center;
    box-shadow: none !important
}

#live-markets .market-picker .flexclear {
    box-shadow: none !important
}

#live-markets .market-picker .left-header {
    height: 30px;
    padding: 8px;
    font-weight: 600;
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    box-shadow: none !important
}

#live-markets .market-picker .left-header:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.25)
}

#live-markets .market-picker ul li a.only-odds {
    text-align: center
}

#live-markets .market-picker ul li a.only-odds .team {
    display: none
}

#live-markets .market-picker ul li a.only-odds .odd {
    float: none
}

#live-markets .market-picker ul.market-col-2 li {
    flex-basis: 50%
}

#live-markets .market-picker ul.market-col-3 li {
    flex-basis: 30%
}

#live-markets .market-picker ul.market-col-4 li {
    flex-basis: 25%
}

#live-markets .market-picker ul li ul.market-col-1 li {
    flex-basis: 100%
}

#live-markets .market-groupped-first-suspended {
    display: none
}

#live-markets .market-groupped-first ul {
    margin-bottom: 0 !important
}

#live-markets .market-groupped-middle .market-header,
#live-markets .market-groupped-middle .selection-header {
    display: none
}

#live-markets .market-groupped-middle ul {
    margin-bottom: 0 !important
}

#live-markets .market-groupped-last .market-header,
#live-markets .market-groupped-last .selection-header {
    display: none
}

@media only screen and (max-width: 767px) {
    #live-markets .bp .bp-events {
        margin-top: 0
    }
    #live-markets .left-header {
        min-height: 45px !important
    }
}

#lbs-recent-bets {
    margin-top: -15px
}

#lbs-recent-bets .bs .bs-title .clear-bets {
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 5px;
    background: none;
    font-size: 14px;
    color: #fff;
    display: block;
    padding-top: 0px;
    text-transform: uppercase;
    font-weight: 500;
    transition: all 0.25s;
    padding: 2px 8px
}

#lbs-recent-bets .bs .bs-title .clear-bets:hover {
    border: 1px solid rgba(255, 255, 255, 1);
    transition: all 0.5s;
    color: rgba(255, 255, 255, 0.6)
}

#lbs-recent-bets .bs .bs-body .bs-list ul .bet.ng-enter {
    -webkit-transition: max-height 1.5s ease-in, padding 0.2s linear;
    -moz-transition: max-height 1.5s ease-in, padding 0.2s linear;
    -o-transition: max-height 1.5s ease-in, padding 0.2s linear;
    transition: max-height 1.5s ease-in, padding 0.2s linear;
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden
}

#lbs-recent-bets .bs .bs-body .bs-list ul .bet.ng-enter.ng-enter-active {
    max-height: 1000px;
    padding-top: 10px;
    padding-bottom: 10px
}

#lbs-recent-bets .bs .bs-body .bs-list ul .bet .event-info .status {
    float: right;
    color: gray
}

#lbs-recent-bets .bs .bs-body .bs-list ul .bet .event-info .sport-icon:before {
    margin-right: 4px
}

#lbs-recent-bets .bs .bs-body .bs-list ul .bet.none .event-info .status {
    color: gray
}

#lbs-recent-bets .bs .bs-body .bs-list ul .bet.winner .event-info .status {
    color: green
}

#lbs-recent-bets .bs .bs-body .bs-list ul .bet.loser .event-info .status {
    color: red
}

#lbs-recent-bets .bs .bs-body .bs-list ul .bet.loser .winnings span {
    color: #aaa
}

#lbs-recent-bets .bs .bs-body .bs-list ul .bet.partial .event-info .status.half-won {
    color: green
}

#lbs-recent-bets .bs .bs-body .bs-list ul .bet.partial .event-info .status.half-lost {
    color: red
}

#lbs-recent-bets .bs .bs-body .bs-list ul .bet.pushed .event-info .status {
    color: gray
}

#lbs-recent-bets .bs .bs-body .bs-list ul .bet .multi-selections {
    background-color: #eee;
    padding-left: 25px;
    margin: 4px -8px -10px -8px;
    padding-top: 0;
    padding-bottom: 0
}

.header-league .leaguename {
    display: block;
    overflow: hidden;
    margin-top: 6px;
    margin-bottom: 6px
}

.header-league .leaguename .name {
    padding: 6px;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 2.25px
}

.header-league .leaguename:after {
    content: "";
    display: inline-block;
    height: 0.3em;
    opacity: 0.2;
    vertical-align: center;
    width: 100%;
    margin-right: -100%;
    margin-left: 0px;
    border-top: 1px solid white
}

.result .meta {
    list-style: none;
    padding: 4px;
    margin: 0px;
    font-size: 12px
}

.result .meta li {
    padding: 10px
}

.result .meta .time {
    display: inline-block;
    width: 15%;
    vertical-align: middle
}

.result .meta .event {
    display: inline-block;
    width: 59%;
    vertical-align: middle;
    font-weight: 700
}

.result .meta .event span:first-child {
    padding: 2px;
    font-size: 14px
}

.result .meta .event .icon {
    position: relative;
    display: inline-block;
    content: " ";
    top: -1px;
    vertical-align: middle;
    width: 13px;
    height: 13px;
    margin-right: 5px;
    background-size: contain !important;
    background-repeat: no-repeat
}

.result .meta .event .league {
    font-weight: 400;
    opacity: 0.8
}

.result .meta .result {
    display: inline-block;
    width: 24%;
    text-align: right;
    vertical-align: middle;
    font-size: 14px
}

.result:nth-child(even) ul {
    background-color: rgba(0, 0, 0, 0.25)
}

.result:nth-child(odd) ul {
    background-color: rgba(255, 255, 255, 0.08)
}

@media only screen and (max-width: 1100px) {
    .result .meta {
        list-style: none;
        padding: 0px;
        margin: 0px;
        font-size: 12px
    }
    .result .meta li {
        padding: 10px
    }
    .result .meta .time {
        display: block;
        width: 100%;
        vertical-align: middle
    }
    .result .meta .event {
        display: inline-block;
        width: 49%;
        vertical-align: middle;
        font-weight: 700
    }
    .result .meta .event .league {
        margin-top: 16px;
        display: block
    }
    .result .meta .result {
        display: inline-block;
        width: 50%;
        text-align: right;
        vertical-align: top
    }
}

.text-content {
    color: #fff;
    margin-left: 15px;
    margin-right: 15px
}

.text-content h2 {
    color: #fff;
    margin-top: 0px;
    width: 100%;
    /*border-bottom: 1px solid rgba(255, 255, 255, 0.25);*/
    padding-bottom: 15px
}

.text-content.bp ul {
    margin-bottom: 10px !important;
    padding-left: 40px
}

.text-content ul.number {
    margin-left: 14px
}

.text-content ul.number>li {
    list-style: none;
    padding-top: 10px;
    padding-bottom: 10px
}

.text-content ul.number>li span {
    display: inline-block;
    float: left;
    margin-left: -45px;
    text-align: right;
    width: 10px;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: -0.5px
}

    .text-content .expanded {
        background-color: var(--secondary) !important
    }

    .text-content .question {
        background-color: var(--secondary);
        padding: 0px;
        border-radius: 3px;
        transition: all 0.5s;
        border-bottom: 1px solid hsla(0,0%,100%,.2);
    }

        .text-content .question h3 {
            position: relative;
            margin: 0px;
            padding: 10px 10px;
            font-size: 16px;
            font-weight: 400;
            color: hsla(0,0%,100%,.8) !important;
            cursor: pointer;
            padding-right: 20px;
        }

.text-content .question h3 .toggle {
    position: absolute;
    display: block;
    left: 100%;
    margin-left: -25px;
    font-family: Verdana, sans-serif;
    font-size: 18px;
    top: 35%;
    font-weight: 400 !important;
    text-align: center
}

.text-content .question h3 a {
    color: #fff !important
}

.text-content .question h3 a:hover,
.text-content .question h3 a:active,
.text-content .question h3 a:focus {
    color: #fff !important
}

.text-content .question .answer {
    color: #fff !important;
    line-height: 1.8em;
    padding: 20px 13px;
    padding-top: 0px
}

.text-content .question .answer h4 {
    font-weight: 700;
    font-size: 14px;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    padding: 15px;
    padding-left: 0pX
}

.text-content .question .answer h2 {
    font-size: 18px;
    margin-top: 20px;
    border-bottom: none;
    padding-bottom: initial
}

.text-content .question .answer a {
    font-weight: 700
}

.text-content .question .answer a.link {
    color: #00a8fa
}

.text-content .question .answer a.link:hover {
    color: #058ed2
}

.text-content .question .answer .static-table table,
.text-content .question .answer .static-table th,
.text-content .question .answer .static-table td {
    border: 1px solid white
}

.legal .text-content {
    color: #000 !important
}

.legal .text-content h2 {
    color: #000 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25)
}

.legal .text-content .question h3 {
    color: #000 !important
}

.legal .text-content .question h3 a {
    color: #000 !important
}

.legal .text-content .question h3 a:hover,
.legal .text-content .question h3 a:active,
.legal .text-content .question h3 a:focus {
    color: #000 !important
}

.legal .text-content .answer {
    color: #000 !important
}

.legal .text-content .answer h4 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.5) !important
}

.legal .text-content .answer .static-table table,
.legal .text-content .answer .static-table th,
.legal .text-content .answer .static-table td {
    border: 1px solid #000 !important
}

.howtoplay .htp-summary {
    background-color: rgba(2, 11, 20, 1);
    margin-bottom: 16px;
    padding: 13px;
    border-radius: 3px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: top;
    flex-wrap: wrap
}

.howtoplay .htp-summary.htp-3-cols ul {
    width: 30%
}

.howtoplay .htp-summary ul {
    display: inline-block;
    width: 48%;
    padding: 0px;
    list-style-type: none
}

.howtoplay .htp-summary ul li:first-child {
    font-size: 16px;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    padding-bottom: 10px;
    margin-bottom: 15px
}

.howtoplay .htp-summary ul li a {
    display: block;
    color: #fff;
    font-weight: 400;
    opacity: 0.8;
    transition: all 0.2s;
    padding: 4px
}

.howtoplay .htp-summary ul li a:hover,
.howtoplay .htp-summary ul li a.active {
    opacity: 1;
    transition: all 0.2s
}

.howtoplay .htp-summary ul li a.active {
    opacity: 1;
    font-weight: 700
}

.howtoplay .htp-content h2 {
    font-size: 24px;
    padding-top: 25px;
    padding-bottom: 25px
}

.howtoplay .htp-content .expanded {
    background-color: rgba(0, 0, 0, 1) !important
}

.howtoplay .htp-content .question {
    background-color: rgba(0, 0, 0, 0.2);
    margin-bottom: 16px;
    padding: 0px;
    border-radius: 3px;
    transition: all 0.5s
}

.howtoplay .htp-content .question h3 {
    position: relative;
    margin: 0px;
    padding: 20px 13px;
    font-size: 16px;
    font-weight: 400;
    color: #fff !important;
    cursor: pointer
}

.howtoplay .htp-content .question h3 .toggle {
    position: absolute;
    display: block;
    left: 100%;
    margin-left: -25px;
    font-family: Verdana, sans-serif;
    font-size: 18px;
    top: 35%;
    font-weight: 400 !important;
    text-align: center
}

.howtoplay .htp-content .question h3 a {
    color: #fff !important
}

.howtoplay .htp-content .question h3 a:hover,
.howtoplay .htp-content .question h3 a:active,
.howtoplay .htp-content .question h3 a:focus {
    color: #fff !important
}

.howtoplay .htp-content .question .answer {
    color: #fff !important;
    line-height: 1.8em;
    padding: 20px 13px;
    padding-top: 0px
}

.howtoplay .htp-content .question .answer h4 {
    font-weight: 700;
    font-size: 14px;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    padding: 15px;
    padding-left: 0pX
}

.howtoplay .htp-content .question .answer a {
    font-weight: 700
}

@media only screen and (max-width: 480px) {
    .howtoplay .htp-summary.htp-3-cols ul {
        width: 48%
    }
}

.banners ul {
    padding: 0px;
    margin: 0px
}

.banners ul li {
    list-style-type: none;
    margin-bottom: 5px
}

.banners ul li:not(.no-hover):hover {
    background-color: #662483
}

.banners ul li img {
    width: 100%;
    opacity: 1
}

.banners ul li .banner {
    width: 100%;
    height: auto;
}

.banners ul li .banner2 {
    width: 100%;
    height: auto;
}

.banners ul li .banner3 {
    width: 100%;
    height: auto;
}

.banners ul li .banner>a {
    width: 100%;
    height: 100%
}

.banners ul li .banner:not(.no-hover):hover {
    background-color: #021847;
    opacity: 0.25
}

.banners ul li .banner.image-with-text {
    text-align: center
}

.banners ul li .banner.image-with-text div.banner-message {
    padding: 5px 30px;
    display: none
}

.banners ul li .banner.image-with-text div.banner-message>h2 {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    margin-top: 10px;
    overflow: hidden
}

.banners ul li .banner.image-with-text div.banner-message>p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 600;
    overflow: hidden
}

.banners ul li .banner.image-with-text div.banner-message>.discover_button {
    padding: 10px 15px;
    border-radius: 6px;
    background: linear-gradient(180deg, #feffff 0%, #94cae5 100%);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.5);
    color: #1c2152;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 10px
}

.banners ul li a>img:hover {
    width: 100%;
    opacity: 0.75
}

footer {
    padding-top: 30px;
    font-size: 12px
}

    footer .main-footer {
        padding-top: 30px;
        padding-bottom: 50px;
        background-color: var(--secondary);
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        background-position: bottom;
        font-weight: 700
    }

footer .main-footer .first-section .link {
    margin-left: -12px !important
}

footer .main-footer a {
    opacity: 0.8
}

footer .main-footer a:hover {
    opacity: 1;
    transition: opacity 0.2s
}

footer .main-footer h3 {
    font-size: 14px;
    color: #fff;
    line-height: 22px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    padding-bottom: 8px;
    text-transform: uppercase
}

footer .main-footer ul {
    padding-left: 0px
}

footer .main-footer ul li {
    list-style: none;
    color: #fff
}

footer .main-footer ul li:not(.link):not(.social) {
    opacity: 0.8
}

footer .main-footer ul li a {
    font-size: 12px;
    color: #fff;
    line-height: 22px;
    font-weight: 700
}

footer .main-footer ul .twitter,
footer .main-footer ul .facebook,
footer .main-footer ul .youtube,
footer .main-footer ul .instagram {
    transition: 0.5s all
}

footer .main-footer ul .twitter:hover,
footer .main-footer ul .facebook:hover,
footer .main-footer ul .youtube:hover,
footer .main-footer ul .instagram:hover {
    transition: 0.5s all
}

footer .main-footer ul .pobox {
    font-size: 12px;
    color: #fff;
    line-height: 22px;
    font-weight: 400;
    margin-left: -12px !important
}

footer .main-footer ul .twitter {
    padding-right: 10px
}

footer .main-footer ul .twitter:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: 0px;
    vertical-align: middle;
    background: url("../images/icons/twitter.svg") no-repeat ;
    width: 16px;
    height: 16px;
    right: 5px
}

footer .main-footer ul .twitter.footer-icon:before {
    right: 0;
    margin-right: 5px
}

footer .main-footer ul .youtube {
    padding-right: 10px
}

footer .main-footer ul .youtube:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: -1px;
    vertical-align: middle;
    background: url("../images/icons/youtube.svg") no-repeat;
    width: 16px;
    height: 16px;
    right: 5px
}

footer .main-footer ul .youtube.footer-icon:before {
    right: 0;
    margin-right: 5px
}

footer .main-footer ul .facebook {
    padding-right: 10px
}

footer .main-footer ul .facebook:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: -2px;
    vertical-align: middle;
    background: url("../images/icons/facebook.svg") no-repeat ;
    width: 16px;
    height: 16px;
    right: 5px
}

footer .main-footer ul .facebook.footer-icon:before {
    right: 0;
    margin-right: 5px
}

footer .main-footer ul .instagram {
    padding-right: 10px
}

footer .main-footer ul .instagram:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: -2px;
    vertical-align: middle;
	background: url(../images/icons/instagram.svg) no-repeat;
    width: 16px;
    height: 16px;
    right: 5px
}

footer .main-footer ul .instagram.footer-icon:before {
    right: 0;
    margin-right: 5px
}


footer .main-footer ul .operamini {
    padding-right: 10px
}

footer .main-footer ul .operamini:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: -2px;
    vertical-align: middle;
	background: url(../images/icons/operamini.svg) no-repeat;
    width: 16px;
    height: 16px;
    right: 0px
}

footer .main-footer ul .operamini.footer-icon:before {
    right: 0;
    margin-right: 5px
}


footer .main-footer ul .telegram {
    padding-right: 10px
}

footer .main-footer ul .telegram:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: -2px;
    vertical-align: middle;
	background: url(../images/icons/telegram.svg) no-repeat;
    width: 16px;
    height: 16px;
    right: 0px
}

footer .main-footer ul .telegram.footer-icon:before {
    right: 0;
    margin-right: 5px
}

footer .main-footer .cms_footer ul li {
    margin-bottom: 5px;
    font-weight: 400 !important
}

footer .main-footer .cms_footer ul li.content-with-image {
    margin-bottom: 10px
}

footer .main-footer .cms_footer ul li a {
    line-height: 17px
}

footer .main-footer .cms_footer ul li img {
    max-width: 100%;
	width:40px;
}

footer .main-footer .footer-section-logo {
    display: flex;
    flex-wrap: nowrap
}

footer .main-footer .footer-section-logo .img-responsive {
    max-width: 50px;
    flex-shrink: 0;
    margin-left: 5px
}

footer .main-footer .footer-section-logo div:last-child {
    flex-grow: 1
}

footer .main-footer .footer-section-logo ul {
    margin-left: 28px
}

footer .main-footer .footer-section-logo ul li {
    font-weight: 700;
    margin-left: 0 !important
}

footer .main-footer .footer-section-logo ul li span {
    font-weight: normal
}

footer .main-footer .footer-section-logo ul li.social {
    margin-left: 6px !important
}

footer .main-footer .info-text {
    font-weight: 400;
    opacity: 0.8
}

footer .main-footer .info-text a {
    color: #fff;
    color: #fff;
    font-weight: 700
}

    footer .copyright {
        background-color: #054261;
        margin-bottom: 0px;
        text-align: center
    }

footer .copyright p:first-child {
    padding-top: 8px
}

        footer .copyright p:last-child {
            padding-top: 8px
        }

footer .copyright a.desktop-version {
    color: #fff;
    font-weight: 700
}

footer .copyright a.desktop-version:focus,
footer .copyright a.desktop-version:visited,
footer .copyright a.desktop-version:active,
footer .copyright a.desktop-version:hover {
    color: #fff;
    font-weight: 700
}

footer p {
    font-size: 12px;
    color: #fff;
    line-height: 17px
}

footer .licence-logo {
    max-width: 200px;
    width: 100%;
    padding-bottom: 10px
}

footer .footer-country-selector {
    background-color: #1f2932;
    border-color: #1f2932;
    border-radius: 2px;
    margin-top: 18px;
    margin-bottom: 10px;
    height: 25px;
    width: 132px;
    color: #e8e8e8 !important;
    line-height: 14px;
    font-size: 12px
}

footer .footer-country-selector:focus,
footer .footer-country-selector:visited,
footer .footer-country-selector:active,
footer .footer-country-selector:hover {
    outline: none
}

footer .footer-country-selector option.selected {
    font-weight: bold
}

footer .sp-racing-point {
    text-align: center;
    margin-top: 120px;
    margin-bottom: 88px
}

footer .sp-racing-point .sp-racing-point-logo.lazy-loaded {
    display: block;
    width: 380px;
    height: 50px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('../../img/sp_racing_point.png');
    margin: 32px auto 8px
}

footer .sp-racing-point .f1-car {
    max-height: 140px;
    max-width: 100%;
    padding-right: 50px
}

footer .sp-racing-point .f1-team {
    width: 97px
}

@media only screen and (max-width: 767px) {
    footer .sp-racing-point {
        margin-top: 58px
    }
    footer .sp-racing-point .f1-car {
        padding: 0 30px 0 16px
    }
}

@media only screen and (max-width: 400px) {
    footer .sp-racing-point .sp-racing-point-logo.lazy-loaded {
        width: 164px;
        height: 72px;
        background-image: url('../../img/sp_racing_point_responsive.png')
    }
    footer .sp-racing-point .f1-team {
        width: 65px
    }
}

@media only screen and (max-width: 320px) {
    .footer-section-logo {
        flex-direction: column
    }
    .footer-section-logo div+div {
        margin-top: 8px
    }
    .footer-section-logo ul {
        margin-left: 0 !important
    }
}

.pnl-content {
    display: relative;
    display: block;
    background-color: #fff;
    border-radius: 4px 0px 4px 4px;
    border-right: rgba(151, 151, 151, .28) solid 1px;
    box-shadow: 0px 22px 55px 0px rgba(0, 0, 0, 0.4);
    padding: 25px;
    margin-top: 0px
}

.pnl-content h1,
.pnl-content h2,
.pnl-content h3 {
    text-transform: uppercase;
    border: none !important
}

.pnl-content h1 {
    padding-top: 25px;
    padding-bottom: 25px;
    text-align: center
}

.pnl-content h2 {
    display: block;
    width: auto;
    background-color: #404041;
    color: #fff;
    padding: 15px;
    margin-top: 25px !important;
    margin-bottom: 15px !important;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1
}

.pnl-content h3 {
    color: #414042;
    width: auto;
    padding: 15px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1
}

.pnl-content p {
    padding-left: 15px;
    padding-right: 15px;
    text-align: justify;
    font-size: 14px
}

.pnl-content .info {
    text-align: center
}

.pnl-content img {
    width: 100%;
    padding: 25px
}

@media only screen and (max-width: 767px) {
    .pnl-content {
        display: relative;
        display: block;
        background-color: #fff;
        border-radius: 0px 0px 0px 0px !important;
        border-right: rgba(151, 151, 151, .28) solid 1px;
        box-shadow: 0px 22px 55px 0px rgba(0, 0, 0, 0.4);
        padding: 0px !important;
        padding-bottom: 25px !important;
        margin-top: -30px;
        margin-bottom: -150px
    }
}

.country-language-link {
    cursor: pointer
}

.location-preferences {
    font-size: 12px;
    color: #4a4a4a;
    font-weight: 600;
    text-align: center
}

.location-preferences ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.location-preferences ul li {
    height: 30px;
    min-width: 110px;
    padding-right: 4px;
    border-radius: 4px;
    border: 1px solid #a6a6a6;
    margin-bottom: 8px;
    cursor: pointer
}

.location-preferences ul li:hover {
    background-color: rgba(62, 113, 148, 0.2)
}

.location-preferences ul li.selected {
    color: #fff;
    background-color: #3e7194;
    border: none
}

.location-preferences .country-options ul li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 5px
}

.location-preferences .language-options ul li {
    display: flex;
    align-items: center;
    justify-content: center
}

.location-preferences hr {
    margin: 8px 10px 20px 10px
}

.location-preferences .icon {
    position: relative;
    display: inline-block;
    content: ' ';
    top: 0;
    vertical-align: middle;
    width: 15px;
    height: 15px
}

.location-preferences .icon.world-icon {
    background: url("../images/main_sprite_dark.svg") -1300px -200px
}

.location-preferences .icon.langs-icon {
    background: url("../images/main_sprite_dark.svg") -1350px -200px
}

.location-preferences .lp-loading {
    display: none
}

.lp-link {
    white-space: nowrap;
    margin: 0;
    font-size: 12px;
    display: inline-block
}

.lp-link a {
    font-size: 14px;
    color: #ccc;
    font-weight: 700;
    transition: color 0.2s;
    float: none !important
}

.lp-link a:hover {
    color: #fff;
    transition: color 0.2s
}

.lp-link .icon {
    position: relative;
    display: inline-block;
    content: ' ';
    top: -2px;
    vertical-align: middle;
    width: 15px;
    height: 15px
}

.lp-link .icon.country-icon {
    background: url("../images/main_sprite_dark.svg") -1200px -200px
}

.lp-link .icon.langs-icon {
    background: url("../images/main_sprite_dark.svg") -1250px -200px
}

#lp-swal-html {
    display: none
}

body#body-opera-mini .location-preferences {
    color: #fff
}

body#body-opera-mini .location-preferences ul li {
    min-width: 120px
}

body#body-opera-mini .icon.world-icon {
    background: url("../images/main_sprite_dark.svg") -1200px -200px
}

body#body-opera-mini .icon.langs-icon {
    background: url("../images/main_sprite_dark.svg") -1250px -200px
}

body:not(#body-opera-mini) .location-preferences[data-trigger=""] .country-options,
body:not(#body-opera-mini) .location-preferences[data-trigger=""] hr {
    display: none
}

body:not(#body-opera-mini) .location-preferences[data-trigger="1"] .language-options,
body:not(#body-opera-mini) .location-preferences[data-trigger="1"] hr {
    display: none
}

.sweet-alert.lp-swal {
    width: 200px;
    margin-left: -150px;
    overflow-y: hidden !important
}

.sweet-alert.lp-swal h2 {
    font-weight: 700;
    margin-top: 0
}

.sweet-alert.lp-swal .sa-button-container {
    height: 27px
}

@media (max-width: 540px) {
    .sweet-alert.lp-swal {
        margin: 0 auto
    }
}

.jackpot-ticket {
    color: #fff;
    background-color: #0a1622;
    margin-bottom: 15px;
    padding: 0 10px 10px
}

.jackpot-ticket.opera {
    margin-top: 10px
}

.jackpot-ticket.opera a,
.jackpot-ticket.opera .text.active,
.jackpot-ticket.opera .text.redeemed {
    display: none
}

.jackpot-ticket.opera.active .image {
    display: block
}

.jackpot-ticket.opera.active a {
    display: inline-block
}

.jackpot-ticket.opera.active .text.active {
    display: block
}

.jackpot-ticket.opera.active .text.redeemed {
    display: none
}

.jackpot-ticket.opera.active .text.wait {
    display: none
}

.jackpot-ticket.opera.used .image {
    display: block
}

.jackpot-ticket.opera.used .text.active {
    display: none
}

.jackpot-ticket.opera.used .text.redeemed {
    display: block
}

.jackpot-ticket.opera.used .text.wait {
    display: none
}

.jackpot-ticket.opera .image {
    width: 142px;
    height: 91px;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.jackpot-ticket.opera .image:not(.active) {
    position: relative;
    top: 20px;
    left: 20px
}

.jackpot-ticket.opera .image.active:hover {
    background-size: 129px 83px;
    background-position-y: 3px
}

.jackpot-ticket .image {
    height: 90px;
    background-image: url('../../img/jackpot/jackpot-ticket-disabled.png');
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 20px;
    background-size: 95px 50px
}

.jackpot-ticket .image.sw {
    background-image: url('../../img/jackpot/jackpot-ticket-disabled-sw.png')
}

.jackpot-ticket .image.active {
    background-image: url('../../img/jackpot/jackpot-ticket.png');
    background-size: 129px 83px;
    background-position-y: 3px
}

.jackpot-ticket .image.active:hover {
    background-size: 142px 91px;
    background-position-y: 0px
}

.jackpot-ticket .image.active a {
    width: 142px;
    height: 91px;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.jackpot-ticket .image.active.sw {
    background-image: url('../../img/jackpot/jackpot-ticket-sw.png')
}

.jackpot-ticket span.close {
    width: 20px;
    height: 20px;
    background: url('../images/main_sprite_dark.svg') -500px -1000px;
    opacity: 0.6;
    float: right;
    margin-top: 10px
}

.jackpot-ticket span.close a {
    display: block
}

.jackpot-ticket .image+.text {
    padding-top: 0px
}

.jackpot-ticket .text {
    padding-top: 20px
}

.jackpot-ticket .text h2 {
    margin-top: 0;
    margin-bottom: 7px;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    text-align: center
}

.jackpot-ticket .text p {
    opacity: 0.8;
    font-size: 12px;
    line-height: 17px;
    text-align: center
}

.jackpot-ticket.responsive {
    display: none
}

.betslip-jackpot-promo {
    background-color: #00a8fa;
    color: #fff;
    margin-left: -8px;
    margin-right: -8px;
    padding: 8px !important;
    font-size: 11px
}

.betslip-jackpot-promo>div:first-child {
    font-weight: bold
}

.betslip-jackpot-promo.opera {
    margin-left: 0;
    margin-right: 0;
    border-top: 2px solid #27333e;
    border-bottom: 2px solid #27333e
}

.jackpot-promo {
    background-image: url('../../img/jackpot/jackpot-promo-left.png'), url('../../img/jackpot/jackpot-promo-right.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top left, bottom right;
    background-color: #273579;
    min-height: 120px
}

.jackpot-promo ul {
    padding: 0;
    list-style: none;
    margin-bottom: 0
}

.jackpot-promo .banner {
    position: relative;
    min-height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 0 15px
}

.jackpot-promo .banner .title {
    color: #f8e71c;
    font-size: 30px;
    font-weight: 800;
    letter-spacing: 0.44px;
    line-height: 41px;
    text-align: center;
    text-shadow: -1px 0px #ffb200, 0 1px #ffb200, 0 -1px #ffb200;
    margin: 5px 0
}

.jackpot-promo .banner .title.sw {
    width: 600px;
    font-size: 26px
}

.jackpot-promo .banner .share-buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.jackpot-promo .banner .share-buttons a,
.jackpot-promo .banner .share-buttons button {
    background-color: #fff;
    border-radius: 8px;
    margin: 6px;
    padding: 10px 19px 6px;
    color: #273579;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.16px;
    line-height: 15px
}

.jackpot-promo .banner .share-buttons a.twitter:before {
    position: relative;
    display: inline-block;
    content: " ";
    background: url('../../img/jackpot/twitter.svg') no-repeat;
    width: 22px;
    height: 20px;
    right: 5px;
    top: -2px;
    vertical-align: middle
}

.jackpot-promo .banner .share-buttons a.facebook:before {
    position: relative;
    display: inline-block;
    content: " ";
    background: url('../../img/jackpot/facebook.svg') no-repeat;
    width: 20px;
    height: 20px;
    right: 5px;
    top: -2px;
    vertical-align: middle
}

.jackpot-promo .banner a.terms-link {
    position: absolute;
    right: 20px;
    bottom: 10px;
    color: #fff;
    font-weight: 600;
    font-size: 12px
}

.jackpot-promo.opera {
    background-image: none;
    min-height: 85px;
    border-bottom: 2px solid #202a33
}

.jackpot-promo.opera .banner {
    min-height: 85px;
    padding-top: 5px
}

.jackpot-promo.opera .banner .title {
    font-size: 10px !important;
    font-weight: bold;
    letter-spacing: -0.25px;
    line-height: 11px;
    color: #f8e71c;
    text-shadow: none
}

.jackpot-promo.opera .banner .share-buttons a,
.jackpot-promo.opera .banner .share-buttons button {
    border-radius: 0;
    background-color: #525d93;
    color: #fff;
    border-bottom: 2px solid #3d4981;
    border-top: none;
    border-left: none;
    border-right: none;
    padding: 8px 10px 3px;
    cursor: default
}

.jackpot-promo.opera .banner .share-buttons button.twitter span:before,
.jackpot-promo.opera .banner .share-buttons a.twitter:before {
    position: relative;
    display: inline-block;
    content: " ";
    right: 5px;
    vertical-align: middle;
    background: url('../images/main_sprite_dark.svg') no-repeat 0px -1600px;
    width: 16px;
    height: 16px;
    top: 0
}

.jackpot-promo.opera .banner .share-buttons button.facebook span:before,
.jackpot-promo.opera .banner .share-buttons a.facebook:before {
    position: relative;
    display: inline-block;
    content: " ";
    right: 5px;
    top: -2px;
    vertical-align: middle;
    background: url('../images/main_sprite_dark.svg') no-repeat -100px -1600px;
    width: 16px;
    height: 16px
}

.jackpot-promo.opera .banner a.terms-link {
    position: relative;
    color: #7e86af;
    font-size: 8px;
    line-height: 9px;
    letter-spacing: -0.2px;
    text-transform: uppercase;
    top: 0;
    right: 0
}

@media only screen and (max-width: 767px) {
    .jackpot-ticket.responsive {
        display: block;
        margin-bottom: 10px;
        margin-top: 10px
    }
    .jackpot-ticket.desktop {
        display: none
    }
    .jackpot-promo {
        background-size: 150px 86px, 150px 45px;
        background-position: -44px 0px, bottom right
    }
    .jackpot-promo .banner .title {
        font-size: 18px;
        letter-spacing: 0.27px;
        line-height: 20px;
        width: 205px
    }
    .jackpot-promo .banner .title.sw {
        width: 100%;
        max-width: 400px;
        font-size: 18px
    }
    .jackpot-promo .banner a.terms-link {
        position: unset;
        font-size: 10px;
        line-height: 14px;
        padding-bottom: 5px;
        text-align: center
    }
}

ul.nav-tabs {
    border: none;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative
}

    ul.nav-tabs li {
        position: relative;
        display: inline-block;
        background-color: var(--primary);
        padding: 7px 20px;
        /*border: 1px solid hsla(0,0%,100%,.2);*/
    }

ul.nav-tabs li:first-child {
    margin-left: 0
}

ul.nav-tabs li a {
    font-weight: 600;
    color: #fff
}

        ul.nav-tabs li.active {
            background: var(--secondary);
            color: #fff
        }

ul.nav-tabs li.active a {
    cursor: default;
    /*color: #001236;*/
    font-weight: bold
}

ul.nav-tabs li.active:not(:first-child):before {
    position: absolute;
    height: 6px;
    box-shadow: 2px 2px 0 #fff;
    left: -6px;
    bottom: 0;
    border-bottom-right-radius: 8px;
    border-width: 0 1px 1px 0
}

ul.nav-tabs li.active:after {
    position: absolute;
    height: 6px;
    box-shadow: -2px 2px 0 #fff;
    right: -6px;
    border-bottom-left-radius: 8px;
    bottom: 0;
    border-width: 0 0 1px 1px
}

.tab-pane {
    display: none
}

.tab-pane.active {
    display: block
}

.tab-content .form-content {
    /*border-radius: 0 8px 8px*/
}

.promoBetsafi {
    text-align: left;
    padding: 0
}

.promoBetsafi a {
    font-weight: 600
}

.rafiki_invitations {
    display: flex;
    margin-bottom: 40px
}

.rafiki_invitations .current_invitations {
    position: relative;
    width: 200px;
    height: 300px;
    background-image: url('../../img/rafiki/rafiki_invitation_en.png');
    background-size: cover;
    border-radius: 17px;
    box-shadow: 0px 4px 10px 0px rgba(66, 70, 89, 1);
    padding-top: 83px;
    padding-left: 2px;
    margin-right: 30px
}

.rafiki_invitations .current_invitations.sw {
    background-image: url('../../img/rafiki/rafiki_invitation_sw.png')
}

.rafiki_invitations .current_invitations .total_invitations {
    color: #1b2b66;
    font-size: 40px;
    font-weight: bold;
    line-height: 55px
}

.rafiki_invitations .current_invitations .total_invitations.too_many_invitations {
    font-size: 30px
}

.rafiki_invitations .current_invitations>div {
    position: absolute;
    width: 100%;
    bottom: 10px
}

.rafiki_invitations .current_invitations>div p {
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    color: #3a4550;
    margin: 0;
    text-transform: uppercase
}

.rafiki_invitations .current_invitations>div p.rafiki_code {
    font-size: 16px;
    font-weight: normal;
    line-height: 19px
}

.rafiki_invitations .next_invitation {
    position: relative;
    width: 200px;
    height: 300px;
    background-color: #fff;
    box-shadow: 0 2px 14px 0 rgba(33, 37, 34, 0.5);
    border-radius: 16px;
    padding: 90px 5px 0
}

.rafiki_invitations .next_invitation .progress-bar {
    margin: 0 10px;
    padding: 5px;
    background-color: #3a4550;
    border-radius: 10px
}

.rafiki_invitations .next_invitation .progress-bar-value {
    padding: 3px;
    background-image: linear-gradient(to right, #fbf300, #f60);
    background-size: 160px;
    border-radius: 10px
}

.rafiki_invitations .next_invitation .amount {
    color: #f60;
    font-size: 24px;
    font-weight: bold;
    line-height: 33px;
    margin-bottom: 5px
}

.rafiki_invitations .next_invitation .text {
    color: #414757;
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
    margin-bottom: 13px
}

.rafiki_invitations .next_invitation .link {
    position: absolute;
    bottom: 14px;
    width: 95%
}

.rafiki_invitations .next_invitation .link a {
    color: #414757;
    opacity: 0.6;
    font-size: 12px;
    line-height: 17px;
    font-weight: normal;
    text-decoration: underline !important
}

.rafikis {
    display: flex;
    flex-wrap: wrap
}

.rafikis img {
    width: 73px;
    margin-top: 20px;
    margin-bottom: 18px
}

.rafikis .rafiki {
    height: 200px;
    width: 150px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 1px 13px 0 rgba(66, 70, 89, 0.24);
    margin-bottom: 28px;
    margin-right: 28px;
    padding: 0 4px
}

.rafikis .rafiki p {
    margin: 0
}

.rafikis .rafiki p.name {
    color: #41424b;
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.rafikis .rafiki p.rafiki_code {
    color: #000;
    opacity: 0.4;
    font-size: 14px;
    font-weight: 600;
    line-height: 19px
}

.rafikis .rafiki p.amount {
    color: #f60;
    font-size: 16px;
    font-weight: bold;
    line-height: 23px
}

.link_more {
    text-decoration: underline !important;
    cursor: pointer
}

.rafiki_help p {
    color: #fff !important;
    opacity: 0.8;
    margin: 0 0 10px !important;
    font-weight: normal !important;
    font-size: 12px !important;
    line-height: 17px !important
}

.rafiki_help_icon {
    background: url('../images/main_sprite_dark.svg') -450px -1500px;
    background-size: auto !important;
    width: 14px;
    height: 14px;
    cursor: pointer;
    display: inline-block;
    margin-left: 5px;
    position: relative;
    top: 2px
}

.rafiki_hide {
    display: none
}

@media only screen and (min-width: 768px) {
    #rafiki .modal-dialog-help {
        max-width: 400px !important;
        max-height: 300px !important
    }
}

@media only screen and (max-width: 767px) {
    .tabbed {
        /*margin: 8px 8px 32px*/
    }
    .tabbed hr {
        display: block !important
    }
}

@media only screen and (max-width: 540px) {
    .rafiki_invitations {
        flex-direction: column-reverse
    }
    .rafiki_invitations>div {
        align-self: center
    }
    .rafiki_invitations .current_invitations {
        margin-right: 0;
        margin-top: 30px
    }
    .rafiki_invitations .next_invitation {
        width: 100%;
        max-width: 242px;
        height: auto;
        box-shadow: 0 1px 13px 0 rgba(66, 70, 89, 0.24);
        padding-top: 0
    }
    .rafiki_invitations .next_invitation .amount {
        font-size: 20px;
        margin-top: 13px;
        margin-bottom: 0;
        line-height: 27px
    }
    .rafiki_invitations .next_invitation .text {
        font-weight: normal;
        margin-bottom: 7px
    }
    .rafiki_invitations .next_invitation .progress-bar {
        margin: 0 5px 11px
    }
    .rafiki_invitations .next_invitation .progress-bar .progress-bar-value {
        background-size: 210px;
        padding: 5px
    }
    .rafiki_invitations .next_invitation .link {
        position: static;
        width: auto;
        margin-bottom: 13px
    }
    .rafiki_invitations .next_invitation .link a {
        font-size: 10px;
        line-height: 14px
    }
    ul.nav-tabs li {
        padding: 7px 10px
    }
    ul.nav-tabs li a {
        font-size: 12px
    }
    .rafikis {
        flex-direction: column
    }
    .rafikis .rafiki {
        padding: 10px;
        width: 100%;
        height: auto;
        text-align: left;
        margin-bottom: 16px;
        display: table;
        table-layout: fixed
    }
    .rafikis .rafiki img {
        width: 40px
    }
    .rafikis .rafiki>div {
        display: table-cell;
        vertical-align: middle
    }
    .rafikis .rafiki>div:first-child {
        width: 56px
    }
}

.unslider {
    position: relative
}

#homepage-slider {
    min-height: 658px;
    background-color: #fff;
    position: relative;
    overflow: auto
}

#homepage-slider .slide-heading {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    max-width: 960px;
    z-index: 1;
    margin: 0 auto
}

#homepage-slider .slide-heading .slide-logo {
    background-image: url('../../img/homepage/brush_logo.png');
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: -72px;
    height: 72px
}

@media only screen and (min-width: 480px) {
    #homepage-slider .slide-heading .slide-logo {
        margin-left: -116px;
        height: 116px
    }
}

@media only screen and (min-width: 768px) {
    #homepage-slider .slide-heading .slide-logo {
        margin-left: -158px;
        height: 158px
    }
}

#homepage-slider .slide-heading .btn,
#homepage-slider .slide-heading button {
    float: right;
    clear: both;
    margin: 8px 8px 0 0;
    background: linear-gradient(180deg, #5bc9ff 0%, #00a8fa 100%);
    box-shadow: 0 4px 8px 0 rgba(0, 93, 138, 0.3);
    color: #fff;
    padding: 8px 16px;
    border: none;
    border-radius: 8px;
    font-size: 12px;
    line-height: 1.3;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase
}

#homepage-slider .slide-heading .btn:hover,
#homepage-slider .slide-heading button:hover {
    opacity: 0.8
}

@media only screen and (min-width: 400px) {
    #homepage-slider .slide-heading .btn,
    #homepage-slider .slide-heading button {
        clear: none
    }
}

@media only screen and (min-width: 480px) {
    #homepage-slider .slide-heading .btn,
    #homepage-slider .slide-heading button {
        margin: 16px 16px 0 0;
        font-size: 15px
    }
}

@media only screen and (min-width: 768px) {
    #homepage-slider .slide-heading .btn,
    #homepage-slider .slide-heading button {
        margin: 20px 20px 0 0;
        font-size: 18px
    }
}

#homepage-slider .slide-heading .btn.locale,
#homepage-slider .slide-heading button.locale {
    background: linear-gradient(180deg, #fff 0%, #f2f2f2 100%);
    box-shadow: 0 4px 8px 0 rgba(121, 121, 121, 0.3);
    color: #000;
    padding: 8px 16px
}

#homepage-slider .slide-heading .btn.locale::before,
#homepage-slider .slide-heading button.locale::before {
    content: ' ';
    display: none;
    background-image: url("../images/main_sprite_dark.svg");
    background-repeat: no-repeat;
    background-position: -1300px -200px;
    width: 15px;
    height: 15px;
    vertical-align: middle
}

@media only screen and (min-width: 400px) {
    #homepage-slider .slide-heading .btn.locale::before,
    #homepage-slider .slide-heading button.locale::before {
        display: inline-block
    }
}

@media only screen and (min-width: 768px) {
    #homepage-slider .slide-heading .btn.locale::before,
    #homepage-slider .slide-heading button.locale::before {
        margin-bottom: 3px
    }
}

#homepage-slider .slide-heading .btn.locale>.long,
#homepage-slider .slide-heading button.locale>.long {
    display: inline
}

#homepage-slider .slide-heading .btn.locale>.short,
#homepage-slider .slide-heading button.locale>.short {
    display: none
}

@media only screen and (min-width: 400px) {
    #homepage-slider .slide-heading .btn.locale>.long,
    #homepage-slider .slide-heading button.locale>.long {
        display: none
    }
    #homepage-slider .slide-heading .btn.locale>.short,
    #homepage-slider .slide-heading button.locale>.short {
        display: inline
    }
}

@media only screen and (min-width: 520px) {
    #homepage-slider .slide-heading .btn.locale>.long,
    #homepage-slider .slide-heading button.locale>.long {
        display: inline
    }
    #homepage-slider .slide-heading .btn.locale>.short,
    #homepage-slider .slide-heading button.locale>.short {
        display: none
    }
}

#homepage-slider>ul {
    margin: 0;
    padding: 0
}

#homepage-slider li {
    height: 658px;
    display: none
}

#homepage-slider li:first-child {
    display: block
}

#homepage-slider li.brick-bg,
#homepage-slider li.brick-bg-blue,
#homepage-slider li.speed-bg {
    background-size: cover;
    background-position: center
}

#homepage-slider li.brick-bg {
    background-image: url('../../img/homepage/brick_bg.png')
}

#homepage-slider li.brick-bg-blue {
    background-image: url('../../img/homepage/brick_bg_blue.png')
}

#homepage-slider li.speed-bg {
    background-image: url('../../img/homepage/speed_bg.png')
}

#homepage-slider .slide {
    max-width: 960px;
    height: 658px;
    margin: 0 auto;
    padding: 128px 16px 0;
    color: #24347e;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative
}

@media only screen and (min-width: 768px) {
    #homepage-slider .slide {
        font-size: 15px;
        flex-direction: row
    }
}

#homepage-slider .slide.dark {
    color: #fff
}

@media only screen and (min-width: 768px) {
    #homepage-slider .slide.centered {
        justify-content: center;
        align-items: flex-start
    }
}

#homepage-slider .slide.centered .slide-col {
    width: 100%;
    text-align: center
}

#homepage-slider .slide .slide-col {
    width: 100%;
    margin-bottom: 24px;
    text-align: center
}

#homepage-slider .slide .slide-col:last-child {
    margin-bottom: 0
}

#homepage-slider .slide .slide-col img {
    width: 310px;
    max-width: 60%
}

@media only screen and (min-width: 768px) {
    #homepage-slider .slide .slide-col {
        margin-bottom: 0;
        width: 50%;
        text-align: left
    }
    #homepage-slider .slide .slide-col img {
        max-width: 100%
    }
}

#homepage-slider .slide .slide-image {
    align-self: flex-end
}

#homepage-slider .slide .slide-image>img {
    width: 100%;
    max-width: 100%
}

#homepage-slider .slide .slide-jackpot {
    font-size: 160px;
    line-height: 1;
    color: #ffb200;
    text-shadow: 0 16px 16px rgba(0, 0, 0, 0.8);
    position: relative
}

#homepage-slider .slide .slide-jackpot-heading,
#homepage-slider .slide .slide-jackpot-currency {
    font-size: 12px;
    color: #fff;
    text-shadow: none
}

@media only screen and (min-width: 480px) {
    #homepage-slider .slide .slide-jackpot-heading,
    #homepage-slider .slide .slide-jackpot-currency {
        font-size: 18px
    }
}

@media only screen and (min-width: 768px) {
    #homepage-slider .slide .slide-jackpot-heading,
    #homepage-slider .slide .slide-jackpot-currency {
        font-size: 22px
    }
}

#homepage-slider .slide .slide-jackpot-heading {
    position: absolute;
    right: 8px;
    top: -16px
}

@media only screen and (min-width: 768px) {
    #homepage-slider .slide .slide-jackpot-heading {
        top: -8px
    }
}

#homepage-slider .slide p {
    margin: 16px auto
}

#homepage-slider .slide p+p {
    margin-top: 0
}

#homepage-slider .slide .btn,
#homepage-slider .slide button {
    border: none;
    border-radius: 8px;
    background-color: #ffb200;
    box-shadow: 0 4px 8px 0 rgba(131, 92, 0, 0.3);
    color: #24347e;
    font-size: 20px;
    font-weight: bold;
    line-height: 27px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 24px;
    width: 100%
}

#homepage-slider .slide .btn:hover,
#homepage-slider .slide button:hover {
    opacity: 0.8
}

@media only screen and (min-width: 768px) {
    #homepage-slider .slide .btn,
    #homepage-slider .slide button {
        width: auto;
        min-width: 226px
    }
}

#homepage-slider~.unslider-arrow {
    top: 315px
}

#homepage-slider~.unslider-nav {
    top: unset;
    bottom: 0;
    margin-top: 0;
    margin-bottom: 15px
}

#homepage-slider~.unslider-nav ol li {
    box-sizing: border-box;
    height: 22px;
    width: 22px;
    border: 2px solid #fff;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
    background-color: #fff;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.4);
    margin: 0 4px
}

#homepage-slider~.unslider-nav ol li.unslider-active {
    background-color: #0af
}

#homepage-steps {
    background-color: #1a2430;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 32px 16px;
    color: #c9d3de;
    font-family: "Open Sans", Arial, sans-serif
}

@media only screen and (min-width: 768px) {
    #homepage-steps {
        flex-direction: row;
        padding: 80px
    }
}

#homepage-steps .step {
    font-weight: 600;
    text-align: center;
    width: 100%;
    margin-bottom: 50px
}

#homepage-steps .step:last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 768px) {
    #homepage-steps .step {
        width: 220px;
        margin-bottom: 0
    }
}

#homepage-steps .step h2 {
    color: #ffac00;
    font-size: 20px;
    font-weight: 600;
    line-height: 27px;
    text-transform: uppercase;
    margin: 0 0 8px
}

#homepage-steps .step p {
    margin-bottom: 24px
}

#homepage-steps .step p:last-child {
    margin-bottom: 0
}

#homepage-steps .step .btn,
#homepage-steps .step button {
    height: 40px;
    border: none;
    border-radius: 24px;
    background-color: #ffb200;
    color: #1a2430;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 22px;
    padding: 8px 24px;
    min-width: 167px
}

#homepage-steps .step .btn:hover,
#homepage-steps .step button:hover {
    opacity: 0.8
}

#homepage-steps .step a,
#homepage-steps .step .highlight {
    text-transform: uppercase;
    color: #ffac00;
    font-weight: bold
}

#homepage-steps .step-separator {
    width: 36px;
    height: 112px;
    margin: 35px 52px;
    background-image: url('../../img/homepage/chevron.svg');
    background-repeat: no-repeat;
    background-size: contain;
    display: none
}

@media only screen and (min-width: 768px) {
    #homepage-steps .step-separator {
        display: block
    }
}

#homepage-content {
    margin: 0;
    color: #bbd5e3;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
    text-align: center;
    padding: 32px 16px
}

@media only screen and (min-width: 768px) {
    #homepage-content {
        max-width: 780px;
        padding: 0;
        margin: 80px auto 0;
        font-size: 16px;
        line-height: 22px;
        text-align: left
    }
}

#homepage-content h1 {
    margin-bottom: 24px
}

#homepage-content p {
    margin-bottom: 24px
}

#homepage-content p:last-child {
    margin-bottom: 0
}

@page {
    size: A4;
    margin: 7.7mm
}

@media print {
    .print-layout {
        display: block
    }
    .print-layout * {
        font-family: 'Arial', arial, sans-serif !important
    }
    .print-layout .print-header .logo {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        width: 100%;
        padding-bottom: 7pt;
        margin-bottom: 5pt;
        border-bottom: 1pt solid #cfcfcf
    }
    .print-layout .print-header .logo li {
        display: inline-block
    }
    .print-layout .print-header .logo li:first-child {
        width: 49.5%;
        text-align: left;
        height: 29px;
        vertical-align: middle
    }
    .print-layout .print-header .logo li:first-child img {
        height: 29px;
        width: auto !important
    }
    .print-layout .print-header .logo li:last-child {
        width: 49.5%;
        text-align: right;
        font-size: 9pt;
        height: 29pt;
        vertical-align: middle;
        line-height: 29px
    }
    .print-layout .print-header .howtoregister {
        margin-bottom: 5pt;
        border-bottom: 1pt solid #cfcfcf
    }
    .print-layout .print-header .howtoregister h2 {
        font-size: 10pt;
        color: #000 !important;
        font-weight: 700;
        margin-top: 0px;
        margin-bottom: 0px;
        line-height: 13pt
    }
    .print-layout .print-header .howtoregister p {
        font-size: 9pt;
        color: #4a4a4a;
        line-height: 12pt
    }
    .print-layout .print-header .howtoregister ul {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        width: 100%
    }
    .print-layout .print-header .howtoregister ul h2 {
        font-size: 10pt;
        color: #000;
        font-weight: 700;
        margin-top: 0px;
        margin-bottom: 0px;
        line-height: 13pt
    }
    .print-layout .print-header .howtoregister ul p {
        padding-bottom: 0px !important;
        line-height: 12pt
    }
    .print-layout .print-header .howtoregister ul li {
        font-size: 9pt;
        color: #4a4a4a !important;
        width: 30%
    }
    .print-layout .print-footer .paybillnumbers {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex !important;
        justify-content: space-between;
        align-items: center;
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        width: 100%;
        padding-bottom: 5pt;
        padding-top: 7pt;
        border-bottom: 1pt solid #cfcfcf;
        border-top: 1pt solid #cfcfcf
    }
    .print-layout .print-footer .paybillnumbers li {
        width: 24.5%;
        font-size: 9pt !important
    }
    .print-layout .print-footer .paybillnumbers li h2 {
        margin: 0px;
        padding: 0px;
        text-align: left !important;
        font-size: 9pt !important
    }
    .print-layout .print-footer .paybillnumbers li img {
        margin-right: 4px
    }
    .print-layout .print-footer .customercare {
        width: 100%;
        text-align: left;
        font-size: 9pt;
        padding-top: 7pt;
        padding-bottom: 7pt;
        border-bottom: 1pt solid #cfcfcf
    }
    .print-layout .print-footer .contact {
        display: inline-block;
        width: 55.5%;
        font-size: 7pt !important
    }
    .print-layout .print-footer .warning {
        display: inline-block;
        width: 43.5%;
        font-size: 7pt !important
    }
    .print-layout .print-footer .warning span:first-child {
        float: left;
        display: inline-block;
        width: 21pt;
        height: 16pt;
        line-height: 16pt;
        font-weight: 700;
        font-size: 6pt;
        color: #9b9b9b;
        border: 1px solid #9b9b9b;
        border-radius: 4px;
        margin-right: 5px;
        text-align: center
    }
    .print-layout .print-footer .licence {
        width: 100%;
        font-size: 7pt !important
    }
    a[href]:after {
        content: none !important
    }
    header,
    footer,
    a#back-to-top,
    .bets-filter,
    .favorites,
    .bs,
    .banners,
    .banner-group,
    .banner-match,
    .teams,
    .main-footer,
    .partners,
    .copyright,
    .paybillnumbers,
    .costumer-care,
    .bp-search,
    nav {
        display: none !important
    }
    #navigationtree {
        display: none
    }
    .responsible-gaming-banner {
        display: none !important
    }
    .bp {
        border: 1px solid #000 !important;
        width: 100% !important
    }
    .bp-two-way .bp-header .bet-selector {
        width: 70% !important
    }
    .bp-two-way .bp-events .match .bet-selector {
        width: 69.7% !important
    }
    .bp-title {
        justify-content: center !important;
        background-color: #000 !important;
        height: 22px !important;
        -webkit-print-color-adjust: exact
    }
    .bp-title .title {
        color: #fff !important;
        font-size: 12px !important
    }
    .bp-title .icon-football,
    .bp-title .bp-tools,
    .bp-title .icon-soccer {
        display: none
    }
    .bp-header {
        font-size: 10px !important;
        margin-top: 5px !important;
        min-height: 10px !important;
        margin-bottom: 8px !important
    }
    .bp-header .bet-selector {
        width: 69.7% !important
    }
    .bp-events .match .extra-picks {
        display: none
    }
    .bp-events .match .leaguename .name {
        padding: 6px !important;
        font-size: 10px !important;
        letter-spacing: 0;
        padding-bottom: 0px !important;
        padding-top: 2px !important
    }
    .bp-events .match .leaguename .name .flag-icon {
        display: none !important
    }
    .bp-events .match .leaguename:after {
        border-top: 1px solid rgba(0, 0, 0, 0.5) !important
    }
    .bp-events .match .bet-selector {
        width: 70% !important
    }
    .bp-events .bet-selector .pick01 a,
    .bp-events .bet-selector .pick02 a,
    .bp-events .bet-selector .pick0X a {
        border: 1px solid rgba(0, 0, 0, 0.50) !important
    }
    .bp-events .bet-selector .pick01 a .favorite,
    .bp-events .bet-selector .pick02 a .favorite,
    .bp-events .bet-selector .pick0X a .favorite {
        display: none
    }
    .bp-events .upcoming-date {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        margin-bottom: 0px !important;
        margin-top: 2px !important;
        -webkit-print-color-adjust: exact
    }
    .bp-events .upcoming-date span {
        font-size: 10px !important
    }
    .inac .game-id {
        display: none !important
    }
    .inac .meta {
        width: 24% !important
    }
    .inac .jackpot-table .bp-events .match .meta .date {
        width: 40% !important
    }
    .inac .jackpot-table .bp-events .match .meta .time {
        width: 40% !important
    }
    .jackpot-table .bp-events .match .meta .date {
        width: 40% !important
    }
    .jackpot-table .bp-events .match .meta .time {
        width: 40% !important
    }
    *[class*="col-"] {
        width: 100% !important
    }
    .hide-betting-table {
        display: none !important
    }
    .flag-icon {
        background-size: 0px !important;
        -webkit-print-color-adjust: exact
    }
    .live-access,
    #cookies-law-info-bar,
    .madeofwinners {
        display: none !important
    }
    .text-content .question .answer {
        display: block !important
    }
    .text-content .question h3 {
        color: black !important
    }
    .text-content .question h3 .toggle {
        display: none
    }
    .live-button-res {
        display: none !important
    }
}

.live-button-res {
    background-color: #467a97;
    margin-bottom: 20px;
    height: 32px;
    display: flex;
    justify-content: space-between
}

.live-button-res .live-button-res-icon {
    background: url("../images/main_sprite_dark.svg") no-repeat -1400px -200px;
    width: 20px;
    height: 18px;
    display: inline-block;
    margin: 8px 4px 0 4px
}

.live-button-res .live-button-res-icon-za {
    background: url("../../img/live_symbol@2x.png") no-repeat;
    background-size: 15px 15px;
    width: 20px;
    height: 15px;
    margin: 8px 4px 0 4px
}

.live-button-res img {
    padding: 2px 5px 3px 8px;
    width: 28px
}

.live-button-res .live-text {
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    padding: 6px 0 6px 0;
    display: inline-block;
    text-transform: uppercase;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%
}

.live-button-res .live-arrow {
    float: right;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    padding: 6px 4% 6px 0;
    display: inline-block
}

.live-button-res:hover {
    background-color: rgba(2, 11, 20, 1);
    transition: background-color 0.3s
}

#navigationtree {
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5)
}

#navigationtree a {
    color: #fff;
    width: 100%
}

#navigationtree ul li {
    cursor: pointer
}

#navigationtree ul {
    padding: 0px;
    margin: 0px
}

#navigationtree ul li {
    list-style-type: none
}

#navigationtree ul li.header {
    display: block;
    width: 100%;
    background-color: rgba(2, 11, 20, 1);
    min-height: 35px;
    padding: 8px 8px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    font-size: 14px;
    cursor: default !important
}

#navigationtree ul li.content {
    background-color: #662483;
    margin-top: 1px
}

#navigationtree ul li.content .title {
    display: block;
    width: 100%;
    min-height: 35px;
    padding: 8px 8px;
    text-transform: capitalize;
    letter-spacing: 0.8px;
    font-size: 14px;
    transition: all 0.3s
}

#navigationtree ul li.content .title:hover {
    background-color: #203544;
    transition: all 0.2s
}

#navigationtree ul li.content .title:active {
    background-color: #182833;
    transition: all 0.1s
}

#navigationtree ul li.content .icon {
    position: relative;
    display: inline-block;
    content: " ";
    top: -1px;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    background-size: contain !important
}

#navigationtree ul li.content ul {
    background-color: #222f37
}

#navigationtree ul li.content ul .shadow {
    background-color: transparent;
    opacity: 0.3;
    background-image: linear-gradient(-180deg, #000 0%, rgba(0, 0, 0, 0.00) 98%);
    height: 5px;
    width: 100%;
    position: relative;
    margin-bottom: -5px
}

#navigationtree ul li.content ul .subtitle {
    display: block;
    width: 100%;
    min-height: 35px;
    padding: 10px 8px;
    text-transform: capitalize;
    letter-spacing: 0.8px;
    font-size: 12px;
    font-weight: 700
}

#navigationtree ul li.content ul .subtitle:hover {
    background-color: #203544;
    transition: all 0.2s
}

#navigationtree ul li.content ul .subtitle:active {
    background-color: #182833;
    transition: all 0.1s
}

#navigationtree ul li.content ul .subtitle span.leaguename {
    width: 85% !important;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

#navigationtree ul li.content ul .subtitle span.sport-icon {
    margin-top: -8px
}

#navigationtree ul li.content ul ul li {
    display: block;
    font-weight: 400;
    padding: 5px 8px;
    padding-right: 0px;
    font-size: 12px;
    padding-left: 20px;
    transition: all 0.5s;
    background-color: rgba(0, 0, 0, 0.2)
}

#navigationtree ul li.content ul ul li:hover {
    background-color: rgba(0, 0, 0, 0.35)
}

#navigationtree ul li.content ul ul li .toggle {
    padding-right: 8px
}

#navigationtree ul li.content ul ul li ul {
    background: transparent
}

#navigationtree ul li.content ul ul li ul li {
    background-color: transparent;
    transition: all 0.2s
}

#navigationtree ul li.content ul ul li ul li a {
    padding: 0px;
    transition: all 0.5s
}

#navigationtree ul li.content ul ul li ul li:hover {
    background-color: rgba(0, 0, 0, 0.15);
    transition: all 0.2s
}

#navigationtree ul li.content ul ul li ul li:hover a {
    padding-left: 5px;
    transition: all 0.2s
}

#navigationtree ul li.content ul ul li ul .active {
    background-color: #161f25
}

#navigationtree ul li.content ul ul li ul .active a {
    font-weight: 700
}

#navigationtree ul li.content ul .single-link {
    display: block;
    width: 100%;
    min-height: 35px;
    padding: 8px 8px
}

#navigationtree ul li.content ul .single-link a {
    text-transform: capitalize;
    letter-spacing: 0.8px;
    font-size: 12px;
    font-weight: 600
}

#navigationtree ul li.content ul .single-link:after {
    content: "›" !important;
    display: inline-block;
    float: right
}

#navigationtree ul li.content ul .single-link:hover {
    background-color: #203544;
    transition: all 0.2s
}

#navigationtree ul li.content ul .single-link:active {
    background-color: #182833;
    transition: all 0.1s
}

#navigationtree ul .content>ul>li {
    border-bottom: 1px rgba(0, 0, 0, 0.2) solid
}

#navigationtree ul .content .shadow,
#navigationtree ul .content>ul>li:last-child {
    border: 0px
}

#navigationtree ul .expandable>span:first-child {
    display: block !important
}

#navigationtree ul .expandable ul {
    display: none
}

#navigationtree ul .submenu.expandable ul {
    display: block
}

#navigationtree ul .submenu.expandable ul ul {
    display: none
}

#navigationtree ul .expandable .toggle {
    float: right;
    display: block
}

#navigationtree ul .empty {
    display: block;
    font-size: 12px;
    padding: 10px 25px 10px 30px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.2)
}

.live-access img {
    width: 100%;
    height: auto
}

#navigationtree.live ul .content[data-sportID='1'] .title {
    background-image: url('../../img/live-menu/1.png');
    background-size: 100%;
    background-position: 50% 30%
}

#navigationtree.live ul .content[data-sportID='1'] .title .icon {
    background: url('../images/1.svg')
}

#navigationtree.live ul .content[data-sportID='1'] ul.upcoming-live li .teams span {
    overflow: hidden;
    max-width: 100%;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis
}

#navigationtree.live ul .content[data-sportID='2'] .title {
    background-image: url('../../img/live-menu/2.png');
    background-size: 100%;
    background-position: 50% 70%
}

#navigationtree.live ul .content[data-sportID='2'] .title .icon {
    background: url('../images/2.svg')
}

#navigationtree.live ul .content[data-sportID='2'] ul.upcoming-live li .teams {
    display: inline-block;
    width: 50%;
    text-align: left;
    vertical-align: top
}

#navigationtree.live ul .content[data-sportID='2'] ul.upcoming-live li .info {
    display: inline-block;
    width: 45%;
    text-align: right;
    vertical-align: top
}

#navigationtree.live ul .content[data-sportID='2'] ul.upcoming-live li .info span {
    display: block
}

#navigationtree.live ul .content[data-sportID='2'] ul.upcoming-live li .info .time {
    opacity: 0.5
}

#navigationtree.live ul .content[data-sportID='2'] ul.upcoming-live li .info .time .duration {
    display: inline-block
}

#navigationtree.live ul .content[data-sportID='2'] ul.upcoming-live li .info .time .quarter {
    display: inline-block
}

#navigationtree.live ul .content[data-sportID='5'] .title {
    background-image: url('../../img/live-menu/5.png');
    background-size: 100%;
    background-position: 50% 50%
}

#navigationtree.live ul .content[data-sportID='5'] .title .icon {
    background: url('../images/5.svg')
}

#navigationtree.live ul .content[data-sportID='5'] ul.upcoming-live li .player-info {
    width: 100%
}

#navigationtree.live ul .content[data-sportID='5'] ul.upcoming-live li .player-info:first-child {
    margin-bottom: 5px
}

#navigationtree.live ul .content[data-sportID='5'] ul.upcoming-live li .player-info .player-name {
    width: 50%;
    display: inline-block;
    font-size: 12px !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

#navigationtree.live ul .content[data-sportID='5'] ul.upcoming-live li .player-info .score {
    width: 45%;
    display: inline-block;
    text-align: right;
    vertical-align: top;
    white-space: nowrap
}

#navigationtree.live ul .content[data-sportID='5'] ul.upcoming-live li .player-info .score .set,
#navigationtree.live ul .content[data-sportID='5'] ul.upcoming-live li .player-info .score .game,
#navigationtree.live ul .content[data-sportID='5'] ul.upcoming-live li .player-info .score .point {
    vertical-align: top;
    opacity: 0.75
}

#navigationtree.live ul .content[data-sportID='5'] ul.upcoming-live li .player-info .score .set {
    opacity: 1 !important;
    font-weight: 600 !important
}

#navigationtree.live ul .content[data-sportID='5'] ul.upcoming-live li .player-info .score .set,
#navigationtree.live ul .content[data-sportID='5'] ul.upcoming-live li .player-info .score .game,
#navigationtree.live ul .content[data-sportID='5'] ul.upcoming-live li .player-info .score .point {
    display: inline-block;
    min-width: 21px;
    text-align: center
}

#navigationtree.live ul .content[data-sportID='5'] ul.upcoming-live .tennis-status {
    width: 100%;
    display: block;
    margin-top: 2px;
    margin-bottom: 2px;
    font-weight: 600;
    font-size: 12px
}

#navigationtree.live ul .content .upcoming-live {
    background-color: #222f37
}

#navigationtree.live ul .content .upcoming-live li {
    position: relative;
    padding: 10px;
    transition: all 0.2s
}

#navigationtree.live ul .content .upcoming-live li:first-child.upcoming-event:before {
    content: " ";
    display: block;
    position: absolute;
    z-index: 999;
    width: 100%;
    height: 10px;
    top: 0px;
    left: 0px;
    background-image: -webkit-linear-gradient(bottom, rgba(19, 29, 34, 0.00) 0%, #131d22 100%);
    background-image: -o-linear-gradient(bottom, rgba(19, 29, 34, 0.00) 0%, #131d22 100%);
    background-image: linear-gradient(to top, rgba(19, 29, 34, 0.00) 0%, #131d22 100%)
}

#navigationtree.live ul .content .upcoming-live li.cancelled .action {
    display: none
}

#navigationtree.live ul .content .upcoming-live li.cancelled .upcoming-event:after {
    content: "This game has been cancelled";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    padding-top: 15px;
    background-color: rgba(39, 5, 5, 0.9);
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    cursor: not-allowed !important
}

#navigationtree.live ul .content .upcoming-live li.ended .action {
    display: none
}

#navigationtree.live ul .content .upcoming-live li.ended .upcoming-event:after {
    content: "This game has already ended";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    padding-top: 15px;
    background-color: rgba(15, 24, 28, 0.9);
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    cursor: not-allowed !important
}

#navigationtree.live ul .content .upcoming-live li .upcoming-event {
    position: relative;
    margin: 0px;
    padding: 8px;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -10px;
    margin-bottom: -10px
}

#navigationtree.live ul .content .upcoming-live li .upcoming-event:hover {
    background-color: #203544;
    transition: all 0.2s
}

#navigationtree.live ul .content .upcoming-live li .upcoming-event.selected-event {
    background-color: #662483;
    transition: all 0.2s;
    cursor: default
}

#navigationtree.live ul .content .upcoming-live li .upcoming-event.selected-event:hover {
    background-color: #662483
}

#navigationtree.live ul .content .upcoming-live li span {
    font-size: 12px
}

#navigationtree.live ul .content .upcoming-live li span .score {
    font-weight: 700;
    display: inline-block
}

#navigationtree.live ul .content .upcoming-live li span .period {
    display: inline-block;
    font-size: 10px;
    opacity: 0.75
}

#navigationtree.live ul .content .upcoming-live li span .time:before {
    content: "";
    display: inline-block;
    position: relative;
    height: 15px;
    width: 15px;
    overflow: hidden;
    vertical-align: middle;
    top: -1px;
    margin-right: 5px;
    background: url("../images/main_sprite_dark.svg") -1200px -100px;
    text-indent: 99999px
}

#navigationtree.live ul .content .upcoming-live li span.action {
    position: absolute;
    right: 16px;
    top: 30%;
    transition: all 0.2s
}

#navigationtree.live ul .content .upcoming-live li .league {
    display: block;
    background-color: #162128;
    margin: 0px;
    padding: 8px;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    cursor: default !important;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -10px;
    margin-bottom: 10px
}

#navigationtree.live ul .content .upcoming-live li .teams {
    display: inline-block;
    width: 50%;
    text-align: left;
    vertical-align: top
}

#navigationtree.live ul .content .upcoming-live li .teams span {
    overflow: hidden;
    max-width: 100%;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis
}

#navigationtree.live ul .content .upcoming-live li .info {
    display: inline-block;
    width: 45%;
    text-align: right;
    vertical-align: top
}

#navigationtree.live ul .content .upcoming-live li .info span {
    display: block
}

#navigationtree.live ul .content .upcoming-live li .info .time {
    opacity: 0.5
}

#navigationtree.live ul .content .upcoming-live li:hover span.action {
    position: absolute;
    right: 10px;
    top: 30%;
    transition: all 0.2s
}

#navigationtree.live ul .content .title .toggle {
    text-indent: -9999999999px;
    position: relative;
    background: url("../images/main_sprite_dark.svg") no-repeat -1000px -200px;
    display: inline-block;
    vertical-align: middle;
    width: 37px;
    height: 16px;
    opacity: 1
}

#navigationtree.live ul .content.inactive {
    cursor: default !important
}

#navigationtree.live ul .content.inactive .title:hover {
    background-color: #662483 !important;
    cursor: not-allowed !important;
    transition: none
}

#navigationtree.live ul .content.inactive .toggle {
    text-indent: -9999999999px;
    position: relative;
    background: url("../images/main_sprite_dark.svg") no-repeat -1050px -200px;
    display: inline-block;
    vertical-align: middle;
    width: 37px;
    height: 16px
}

@media only screen and (max-width: 1100px) {
    #navigationtree.live * {
        font-size: 11px !important
    }
}

@media only screen and (max-width: 1096px) {
    #navigationtree.live ul .content .title .toggle {
        display: none !important
    }
}

@media only screen and (max-width: 1079px) {
    #navigationtree.live ul .content .upcoming-live li .upcoming-event,
    #navigationtree.live ul .content .upcoming-live li .league {
        padding: 4px
    }
    #navigationtree.live ul .content[data-sportID='5'] ul.upcoming-live li .player-info .score .set,
    #navigationtree.live ul .content[data-sportID='5'] ul.upcoming-live li .player-info .score .game,
    #navigationtree.live ul .content[data-sportID='5'] ul.upcoming-live li .player-info .score .point {
        min-width: 12px
    }
}

@media only screen and (max-width: 992px) {
    #navigationtree ul li.header {
        padding: 8px 8px;
        text-transform: uppercase;
        letter-spacing: 0px;
        font-size: 12px
    }
    #navigationtree ul li.content .title {
        padding: 8px 8px;
        text-transform: capitalize;
        letter-spacing: 0px;
        font-size: 12px
    }
    #navigationtree ul li.content .icon {
        width: 12px;
        height: 12px;
        background-repeat: no-repeat
    }
    #navigationtree ul li.content ul .subtitle {
        padding: 10px 8px;
        text-transform: capitalize;
        letter-spacing: 0px;
        font-size: 10px;
        font-weight: 700
    }
    #navigationtree ul li.content ul ul li {
        font-size: 10px;
        padding-left: 20px;
        transition: all 0.5s;
        background-color: #1a242c
    }
    #navigationtree ul li.content ul ul li .toggle {
        padding-right: 8px
    }
    #navigationtree ul li.content ul .single-link {
        padding: 8px 8px;
        text-transform: capitalize;
        letter-spacing: 0px
    }
    #navigationtree ul li.content ul .single-link a {
        text-transform: capitalize;
        letter-spacing: 0.8px;
        font-size: 10px;
        font-weight: 600
    }
}

@media only screen and (max-width: 767px) {
    #navigationtree {
        display: none
    }
    .live-access {
        display: none !important
    }
}

.favorites ul {
    padding: 0px;
    margin: 0px
}

.favorites ul a {
    color: #fff;
    width: 100%
}

.favorites ul li {
    list-style-type: none;
    display: block;
    background-color: #662483;
    margin-top: 1px
}

.favorites ul li a {
    display: block;
    width: 100%;
    min-height: 35px;
    padding: 8px 8px;
    text-transform: capitalize;
    letter-spacing: 0.8px;
    font-size: 14px;
    transition: all 0.3s
}

.favorites ul li a:hover {
    background-color: #203544;
    transition: all 0.2s;
    padding-left: 15px
}

.favorites ul li a:hover .name::before {
    animation: animationFrames linear 1s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    -webkit-animation: animationFrames linear 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: animationFrames linear 1s;
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 50% 50%;
    -o-animation: animationFrames linear 1s;
    -o-animation-iteration-count: infinite;
    -o-transform-origin: 50% 50%;
    -ms-animation: animationFrames linear 1s;
    -ms-animation-iteration-count: infinite;
    -ms-transform-origin: 50% 50%;
    text-shadow: 0px 0px 10px #efe815 !important
}

.favorites ul li a:active {
    background-color: #182833;
    transition: all 0.1s
}

.favorites ul li a .name::before {
    text-indent: -9999px;
    position: relative;
    display: inline-block;
    content: " ";
    top: -1px;
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat -600px -200px;
    width: 14px;
    height: 14px;
    margin-right: 5px;
    transform-origin: 50% 50%
}

.favorites ul li a .delete {
    float: right;
    text-indent: -9999px;
    position: relative;
    display: inline-block;
    content: " ";
    top: 5px;
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat -100px -1200px;
    width: 10px;
    height: 10px;
    right: 3px
}

.favorites ul li a .delete:hover {
    background: url("../images/main_sprite_dark.svg") no-repeat -150px -1200px
}

@keyframes animationFrames {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@-moz-keyframes animationFrames {
    0% {
        -moz-transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes animationFrames {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-o-keyframes animationFrames {
    0% {
        -o-transform: rotate(0deg);
    }
    100% {
        -o-transform: rotate(360deg);
    }
}

@-ms-keyframes animationFrames {
    0% {
        -ms-transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
    }
}

@media only screen and (max-width: 992px) {
    .favorites ul li a {
        font-size: 12px
    }
    .favorites ul li a .name:before {
        zoom: 0.75;
        -moz-transform: scale(0.75);
        -moz-transform-origin: 0 0
    }
}

@media only screen and (max-width: 767px) {
    .favorites {
        display: none
    }
}

header .action-bar {
    background-color: var(--primary);
    min-height: 80px;
    /*padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 0px solid #e30613;*/
}

    header .action-bar h1 {
        position: relative;
        font-size: 0px;
        /*width: 240px;*/
        background-size: contain;
        text-indent: 100%;
        overflow: hidden;
        padding: 0px;
        margin: 0px;
        left: 10px;
        background-repeat: no-repeat;
        height: 80px;
        top: 20px;
    }

header .action-bar .wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

header .login fieldset {
    margin-right: 0px
}

header .notification-error {
    position: relative;
    background-color: rgba(106, 0, 13, 1);
    width: 100%;
    color: #fff;
    text-align: center;
    font-weight: 300;
    height: 40px;
    line-height: 40px;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5)
}

header .back-to-mobile a {
    position: relative;
    display: block;
    text-align: center;
    background-color: rgba(82, 121, 148, 1);
    width: 100%;
    color: #fff;
    text-align: center;
    font-weight: 700;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5)
}

@media only screen and (max-width: 767px) {
    header {
        display: none
    }
    header .action-bar {
        background-color: rgba(2, 11, 20, 1);
        min-height: 105px;
        padding-top: 10px;
        padding-bottom: 20px
    }
}

@media only screen and (max-width: 992px) {
    .live-button-res img {
        width: 25px
    }
    .live-button-res .live-text {
        margin-left: -2px;
        font-size: 12px
    }
}

@media only screen and (min-width: 767px) {
    .bp-events .match.football .extra-picks,
    .bp-events .match.soccer .extra-picks,
    .bp-events .match.basketball .extra-picks,
    .bp-events .match.tennis .extra-picks,
    .bp-events .match.rugby-union .extra-picks,
    .bp-events .match.cricket .extra-picks,
    .bp-events .match.ice-hockey .extra-picks,
    .bp-events .match.handball .extra-picks,
    .bp-events .match.motor-sport .extra-picks,
    .bp-events .match.volleyball .extra-picks {
        width: 5%
    }
    .bp-events .match.football .game-stats,
    .bp-events .match.soccer .game-stats,
    .bp-events .match.basketball .game-stats,
    .bp-events .match.tennis .game-stats,
    .bp-events .match.rugby-union .game-stats,
    .bp-events .match.cricket .game-stats,
    .bp-events .match.ice-hockey .game-stats,
    .bp-events .match.handball .game-stats,
    .bp-events .match.motor-sport .game-stats,
    .bp-events .match.volleyball .game-stats {
        width: 3%;
        display: inline-block
    }
    .bp-events .match.football .game-stats img,
    .bp-events .match.soccer .game-stats img,
    .bp-events .match.basketball .game-stats img,
    .bp-events .match.tennis .game-stats img,
    .bp-events .match.rugby-union .game-stats img,
    .bp-events .match.cricket .game-stats img,
    .bp-events .match.ice-hockey .game-stats img,
    .bp-events .match.handball .game-stats img,
    .bp-events .match.motor-sport .game-stats img,
    .bp-events .match.volleyball .game-stats img {
        width: 14px;
        margin: 0 auto;
        padding-top: 6px;
        opacity: 0.7
    }
    .bp-events .match.football .game-stats a:hover img,
    .bp-events .match.soccer .game-stats a:hover img,
    .bp-events .match.basketball .game-stats a:hover img,
    .bp-events .match.tennis .game-stats a:hover img,
    .bp-events .match.rugby-union .game-stats a:hover img,
    .bp-events .match.cricket .game-stats a:hover img,
    .bp-events .match.ice-hockey .game-stats a:hover img,
    .bp-events .match.handball .game-stats a:hover img,
    .bp-events .match.motor-sport .game-stats a:hover img,
    .bp-events .match.volleyball .game-stats a:hover img {
        opacity: 1
    }
}

@media only screen and (max-width: 900px) {
    [lang$="-ZA"] body:not[data-web3="1"] #mainview>.container-fluid>.row>div {
        padding-left: 10px;
        padding-right: 10px
    }
    [lang$="-ZA"] body:not[data-web3="1"] #mainview>.container-fluid>.row>div:first-child {
        padding-left: 5px
    }
    [lang$="-ZA"] body:not[data-web3="1"] #mainview>.container-fluid>.row>div:last-child {
        padding-right: 5px
    }
    [lang$="-ZA"] body:not[data-web3="1"] #mainview>.container-fluid>.row>div .bp-events .match .meta .time {
        padding-left: 17px
    }
}

a:focus {
    outline: 0 !important
}

.tools ul li a.jackpot::before {
    
}

.bet-result {
    padding: 0px;
    width: 6%;
    float: left
}

.bp .bp-header .bet-selector-active .jpresults {
    float: left;
    width: 100% !important
}

@media only screen and (min-width: 768px) {
    .bp-events .match .bet-selector-active {
        padding: 0px;
        width: 70% !important;
        float: left
    }
}

.betting-button .favorite,
.mobile-favorite-selector .favorite {
    right: 0px !important
}

#jackpot-amount {
    padding-right: 10px
}

.betting-button:hover,
.betting-button:focus,
.betting-button:visited,
.betting-button:active {
    color: inherit !important;
    text-decoration: none
}

@media only screen and (max-device-width: 768px) {
    .betting-button:hover {
        border: 1px solid rgba(45, 74, 94, 1);
        background: linear-gradient(-179deg, rgba(23, 44, 55, 1) 2%, rgba(45, 74, 94, 1) 99%);
        box-shadow: 0px 0px 5px 0px #00b8d4;
        color: #fff
    }
}

.betting-button .favorite.active,
.mobile-favorite-selector .favorite.active {
    background: url("../images/main_sprite_dark.svg") no-repeat -600px -200px
}

.expandable,
.favorites {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.madeofwinners {
    margin-top: 0px !important
}

.mobile-sports {
    text-align: center
}

.inactive-betting-button {
    color: #fff;
    display: block;
    font-size: 10px;
    font-weight: 700;
    margin-left: 1px;
    max-height: 30px;
    padding: 6px 8px;
    position: relative;
    text-align: left;
    text-transform: uppercase
}

.banner-match .matches-slider ul #highlightedmatch .bet-selector .pick01 {
    width: 40%
}

#amount-validate {
    background-color: #6a000d;
    padding: 14px;
    text-align: left
}

#length_validate {
    background-color: #6a000d;
    padding: 14px;
    text-align: left
}

#withdraw_validate {
    text-align: center;
    font-weight: 700
}

#withdraw_validate.SUCCESS,
#withdraw_validate.success {
    color: #fff
}

#withdraw_validate.ERROR,
#withdraw_validate.error {
    color: #b80017
}

.request-withdrawal form input[type='submit'] {
    margin-bottom: 4px
}

.market-picker {
    padding-right: 0px !important;
    padding-left: 0px !important
}

.safaricom-icon {
    display: inline-block;
    background: url("../images/safaricom.png") no-repeat;
    background-size: contain;
    width: 76px;
    height: 20px;
    text-indent: 100%;
    overflow: hidden;
    margin-left: -10px
}

.mgurush-icon {
    display: inline-block;
    background: url("../images/mgurush.png") no-repeat;
    background-size: contain;
    width: 100px;
    height: 50px;
    text-indent: 100%;
    overflow: hidden;
    margin-left: -10px;
    margin-top: 10px;
    /*margin-bottom: 10px;*/
}

.airtel-icon {
    display: inline-block;
    background: url("../images/airtel.png") no-repeat;
    background-size: contain;
    width: 45px;
    height: 20px;
    text-indent: 100%;
    overflow: hidden;
    margin-left: -10px
}

.orange-icon {
    display: inline-block;
    background: url("../images/orange.png") no-repeat;
    background-size: contain;
    width: 50px;
    height: 20px;
    text-indent: 100%;
    overflow: hidden;
    margin-left: -10px
}

.pesalink-icon {
    display: inline-block;
    background: url("../images/pesalink.png") no-repeat;
    background-size: contain;
    width: 58px;
    height: 32px;
    text-indent: 100%;
    overflow: hidden;
    margin-left: -10px
}

.masterpass-icon {
    display: inline-block;
    background: url("../../img/masterpasslogo@2x.png") no-repeat;
    background-size: 137px 24px;
    width: 137px;
    height: 24px;
    text-indent: 100%;
    overflow: hidden;
    margin: 16px 0px 16px 0px
}

.ussd-icon {
    display: inline-block;
    background: url("../../img/icon-company@2x.png") no-repeat;
    background-size: 50px 18px;
    width: 50px;
    height: 23px;
    text-indent: 100%;
    overflow: hidden;
    margin-left: 0;
    margin-top: 4px;
    margin-bottom: 8px
}

.sms-ussd-icon {
    display: inline-block;
    background: url("../../img/icon-company copy@2x.png") no-repeat;
    background-size: 50px 18px;
    width: 50px;
    height: 23px;
    text-indent: 100%;
    overflow: hidden;
    margin-left: 0;
    margin-top: 4px;
    margin-bottom: 8px
}

.cards-icon {
    display: inline-block;
    background: url("../../img/cards-icon.png") no-repeat;
    background-size: 50px 18px;
    width: 50px;
    height: 23px;
    text-indent: 100%;
    overflow: hidden;
    margin-left: 0;
    margin-top: 4px;
    margin-bottom: 8px
}

.telkom-icon {
    display: inline-block;
    background: url("../images/telkom.png") no-repeat;
    background-size: contain;
    width: 45px;
    height: 20px;
    text-indent: 100%;
    overflow: hidden;
    margin-left: -10px
}

.secure-payment-serv {
    height: 13px;
    width: 466px;
    color: #f0f0f0;
    font-family: "Open-Sans";
    font-size: 12px;
    font-weight: bold;
    line-height: 13px
}

span.secure-payment-close-success-cashin {
    float: right;
    margin: -12px -3px -18px 0px;
    width: 40px;
    height: 20px;
    text-align: center
}

span.secure-payment-close-success-cashin img {
    cursor: pointer
}

.secure-payment-transaction-icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background: url('../../img/transactions.png') no-repeat;
    background-size: 14px 15px;
    width: 14px;
    height: 15px;
    right: 5px
}

.secure-payment-disclaimer {
    font-size: 12px;
    line-height: 13px;
    color: #f0f0f0
}

.secure-payment-disclaimer>span:first-child {
    display: inline-block;
    background: url("../../img/ic_lock_outline.png") no-repeat;
    background-size: 14px 16px;
    width: 14px;
    height: 16px;
    text-indent: 100%;
    overflow: hidden;
    margin: 4px 5px 0 0
}

.secure-payment-disclaimer a {
    text-decoration: underline !important;
    font-size: 12px;
    font-weight: 600;
    line-height: 13px;
    color: #f0f0f0
}

.withdrawal_error,
.withdrawal_success {
    border: 1px solid #fff;
    padding: 20px 0 20px 0;
    display: none;
    background-color: #434b52
}

.withdrawal_error {
    display: block;
    margin: 0
}

.withdrawal_success {
    display: block;
    border: 1px solid #469866;
    background-color: rgba(0, 255, 102, 0.16);
    margin: 0
}

.withdrawal_success h4 {
    text-transform: uppercase
}

.withdrawal_error {
    border: 1px solid #b72626;
    opacity: 0.9;
    background-color: rgba(255, 0, 0, 0.26)
}

.withdrawal_error h4 {
    text-transform: uppercase
}

.mobile-user-info .balance .deposit {
    display: inline-block !important
}

.funds-list {
    list-style: decimal;
    margin: 0;
    padding: 0
}

.funds-list li {
    margin-left: 25px
}

.funds-list-separator {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.25)
}

.sweet-alert {
    box-sizing: border-box;
    max-height: 100% !important;
    overflow-y: auto !important;
    padding: 17px 17px !important;
    width: 512px
}

.sweet-alert:before {
    content: "";
    display: block;
    height: 17px;
    width: 0
}

.match-pos {
    padding: 0px;
    width: 7%;
    float: left
}

.jackpot-table .bp .bp-header .meta {
    padding: 0px;
    width: 32% !important;
    float: left
}

.jackpot-table .bp .bp-header .bet-selector-active {
    padding: 0px;
    width: 68% !important;
    float: left
}

.jackpot-table .bp-header .meta .date {
    padding-left: 24px
}

.jackpot-table .bp-header .meta .time {
    padding-left: 20px
}

.jackpot-table .bp-header .meta .game-id {
    padding-left: 18px !important
}

.jackpot-table .bp-header .bet-selector .visiting-team,
.jackpot-table .bp-header .bet-selector .home-team {
    width: 39%
}

.jackpot-table .bp-header .bet-selector .draw {
    width: 20%
}

.jackpot-table .bp-header .bet-selector {
    width: 70%
}

.jackpot-table .bp-events .match .meta .date {
    width: 34% !important
}

.jackpot-table .bp-events .match .meta .time {
    width: 26% !important
}

.jackpot-table .bp-events .match .meta .game-id {
    width: 33% !important
}

@media only screen and (max-width: 767px) {
    .jackpot-table .bp-events .match .meta .game-id {
        width: 30% !important
    }
}

.inactive-betting-button .selected-pick {
    border: 0px !important;
    background: none !important;
    box-shadow: rgba(0, 0, 0, 0) !important;
    color: #fff;
    transition: all 1s
}

.betting-button .pick-button .selected-pick .inactive-betting-button:hover {
    border: 0px !important;
    background: none !important;
    box-shadow: rgba(0, 0, 0, 0) !important;
    color: #fff;
    transition: all 1s
}

footer .copyright a.mobile-version {
    color: #fff;
    font-weight: 700
}

footer .copyright a.mobile-version:focus,
footer .copyright a.mobile-version:visited,
footer .copyright a.mobile-version:active,
footer .copyright a.mobile-version:hover {
    color: #fff;
    font-weight: 700
}

.bp .bp-title .icon-rugby-union {
    width: 15px;
    height: 15px;
    background: url("../images/main_sprite_dark.svg") -150px -200px;
    text-indent: 100%;
    overflow: hidden
}

.bs .bs-body .bs-list ul .bet .event-info .type-rugby-union:before {
    background: url("../images/main_sprite_dark.svg") -400px -200px;
    width: 14px;
    height: 14px
}

#secondary_login div.field-error {
    position: absolute;
    bottom: -5px
}

#secondary_login div#username-error.field-error {
    left: 10px
}

#secondary_login div#password-error.field-error {
    left: 250px
}

form.ng-submitted input.ng-invalid.ng-touched {
    border: 2px solid red !important
}

.request-withdrawal form.ng-submitted input.ng-invalid.ng-touched {
    border: none !important
}

.request-withdrawal form input.ng-invalid-min.ng-not-empty,
.request-withdrawal form input.ng-invalid-min.ng-not-empty.ng-touched,
.request-withdrawal form input.ng-invalid-max.ng-not-empty,
.request-withdrawal form input.ng-invalid-max.ng-not-empty.ng-touched {
    border: 2px solid red !important;
    outline: 0 !important
}

.form .login a.step-two {
    float: none;
    font-size: 12px
}

.back-markets {
    width: 25%;
    text-align: center;
    display: block;
    margin: 0 auto 10px;
    font-weight: 700;
    font-size: 14px
}

@media only screen and (max-width: 992px) {
    .back-markets {
        width: 50%
    }
}

@media only screen and (max-width: 768px) {
    .back-markets {
        width: 100%
    }
}

#ui-datepicker-div {
    z-index: 1600 !important
}

span.angular-arrow-right:after {
    content: '\203a';
    font-size: large
}

span.angular-arrow-left:after {
    content: '\2039';
    font-size: large
}

#register-global.form .user-form {
    padding: 40px 15%
}

#register-global.form .user-form .fields {
    padding: 0 20%
}

@media only screen and (max-width: 768px) {
    #register-global.form .user-form {
        padding: 40px
    }
    #register-global.form .user-form .fields {
        padding: 0
    }
}

.form select.mobile-control.field-success {
    border: 1px solid #ccc !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important
}

#edit_account input[readonly]:not(.hasDatepicker),
#edit_profile_username,
#deposit_limit input[readonly],
#edit_account .za-edit_birth_date input[disabled] {
    border: 1px solid #979797 !important;
    opacity: 0.4 !important;
    background-color: #fff !important;
    box-shadow: inset 2px 2px 5px 0 #bfc1d9 !important
}

#edit_account input[type="radio"]:not(.hasDatepicker) {
    border: none !important;
    box-shadow: none !important
}

#edit_account.edit-account-za p {
    margin-bottom: 15px
}

#edit_account.global label {
    height: auto
}

#edit_account #load.disabled,
#upload-files-submit.disabled {
    opacity: 0.4;
    background: rgba(82, 121, 148, 1) !important;
    filter: none;
    filter: none;
    -webkit-filter: none;
    cursor: not-allowed
}

#deposit_limit .disabled,
#self_exclussion .disabled {
    opacity: 0.4 !important
}

#deposit_limit .disabled label,
#self_exclussion .disabled label {
    cursor: no-drop !important
}

#deposit_limit .countdown,
#self_exclussion .countdown {
    color: #000;
    margin-top: 32px
}

#deposit_limit .countdown canvas,
#self_exclussion .countdown canvas {
    margin-bottom: -6px
}

.form .user-form div span.material-toggle {
    display: inline-block !important;
    margin-left: 20px
}

.form .user-form div span.material-toggle label {
    height: 0px !important;
    display: inline-block !important;
    margin-bottom: 7px !important
}

.message-box {
    width: 100%;
    font-size: 12px;
    line-height: 17px;
    padding: 10px;
    display: flex;
    margin-top: 10px;
    margin-bottom: 20px
}

.message-box.warning {
    border: 1px solid #dadada;
    background-color: #f6f6f6;
    color: #000
}

.message-box.warning .icon {
    background: url("../images/main_sprite_dark.svg") no-repeat -50px -1498px
}

.message-box.error {
    border: 1px solid rgba(197, 26, 26, 0.3);
    background-color: rgba(255, 197, 197, 0.4);
    color: #d0021b
}

.message-box.error .icon {
    background: url("../images/main_sprite_dark.svg") no-repeat -100px -1499px
}

.message-box.success {
    border: 1px solid rgba(11, 96, 28, 0.3);
    background-color: rgba(179, 255, 200, 0.4);
    color: #0f5016
}

.message-box.success .icon {
    background: url("../images/main_sprite_dark.svg") no-repeat -150px -1499px
}

.message-box .icon {
    width: 17px;
    height: 15px;
    text-indent: 100%;
    overflow: hidden
}

.message-box .close {
    font-size: 26px;
    position: absolute;
    right: 30px
}

.message-box .close a {
    color: inherit;
    opacity: 0.2
}

.message-box .close a:hover {
    opacity: 0.5
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.input-group[class*="col-"] {
    float: none;
    padding-right: 0;
    padding-left: 0
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0
}

.input-group .form-control:focus {
    z-index: 3
}

.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

select.input-group-lg>.form-control,
select.input-group-lg>.input-group-addon,
select.input-group-lg>.input-group-btn>.btn {
    height: 46px;
    line-height: 46px
}

textarea.input-group-lg>.form-control,
textarea.input-group-lg>.input-group-addon,
textarea.input-group-lg>.input-group-btn>.btn,
select[multiple].input-group-lg>.form-control,
select[multiple].input-group-lg>.input-group-addon,
select[multiple].input-group-lg>.input-group-btn>.btn {
    height: auto
}

.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-group-sm>.form-control,
select.input-group-sm>.input-group-addon,
select.input-group-sm>.input-group-btn>.btn {
    height: 30px;
    line-height: 30px
}

textarea.input-group-sm>.form-control,
textarea.input-group-sm>.input-group-addon,
textarea.input-group-sm>.input-group-btn>.btn,
select[multiple].input-group-sm>.form-control,
select[multiple].input-group-sm>.input-group-addon,
select[multiple].input-group-sm>.input-group-btn>.btn {
    height: auto
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
    display: table-cell
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0
}

.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px
}

.input-group-addon.input-sm {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px
}

.input-group-addon.input-lg {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px
}

.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
    margin-top: 0
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group-addon:first-child {
    border-right: 0
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group-addon:last-child {
    border-left: 0
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap
}

.input-group-btn>.btn {
    position: relative
}

.input-group-btn>.btn+.btn {
    margin-left: -1px
}

.input-group-btn>.btn:hover,
.input-group-btn>.btn:focus,
.input-group-btn>.btn:active {
    z-index: 2
}

.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group {
    margin-right: -1px
}

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
    z-index: 2;
    margin-left: -1px
}

#vocalcom-navbar.transparent {
    opacity: 1 !important
}

.capitalize-first-letter::first-letter {
    text-transform: uppercase
}

img.lazy:not(.lazy-loaded) {
    display: none
}

.wait-for-lazy {
    display: none
}

@media only screen and (max-width: 1184px) and (min-width: 768px),
only screen and (max-width: 694px) {
    .filter-dropdown {
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 12px
    }
    .filter-dropdown:last-child {
        margin-bottom: 0
    }
    .filter-dropdown-list {
        display: block !important;
        margin-bottom: 16px
    }
    .filter-dropdown-list:last-child {
        margin-bottom: 0
    }
}

body.stop-scrolling {
    height: 100%;
    overflow: hidden
}

.sweet-alert input {
    color: black
}

.sweet-overlay {
    background-color: black;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    background-color: rgba(0, 0, 0, 0.4);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
    z-index: 10000
}

.sweet-alert {
    background-color: white;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    width: 478px;
    padding: 17px;
    border-radius: 5px;
    text-align: center;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -256px;
    margin-top: -200px;
    overflow: hidden;
    display: none;
    z-index: 99999
}

@media all and (max-width: 540px) {
    .sweet-alert {
        width: auto;
        margin-left: 0;
        margin-right: 0;
        left: 15px;
        right: 15px
    }
}

.sweet-alert h2 {
    color: #575757;
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    text-transform: none;
    position: relative;
    margin: 25px 0;
    padding: 0;
    line-height: 40px;
    display: block
}

.sweet-alert p {
    color: #797979;
    font-size: 16px;
    text-align: center;
    font-weight: 300;
    position: relative;
    text-align: inherit;
    float: none;
    margin: 0;
    padding: 0;
    line-height: normal
}

.sweet-alert fieldset {
    border: none;
    position: relative
}

.sweet-alert .sa-error-container {
    background-color: #f1f1f1;
    margin-left: -17px;
    margin-right: -17px;
    overflow: hidden;
    padding: 0 10px;
    max-height: 0;
    webkit-transition: padding 0.15s, max-height 0.15s;
    transition: padding 0.15s, max-height 0.15s
}

.sweet-alert .sa-error-container.show {
    padding: 10px 0;
    max-height: 100px;
    webkit-transition: padding 0.2s, max-height 0.2s;
    transition: padding 0.25s, max-height 0.25s
}

.sweet-alert .sa-error-container .icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #ea7d7d;
    color: white;
    line-height: 24px;
    text-align: center;
    margin-right: 3px
}

.sweet-alert .sa-error-container p {
    display: inline-block
}

.sweet-alert .sa-input-error {
    position: absolute;
    top: 29px;
    right: 26px;
    width: 20px;
    height: 20px;
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all 0.1s;
    transition: all 0.1s
}

.sweet-alert .sa-input-error::before,
.sweet-alert .sa-input-error::after {
    content: "";
    width: 20px;
    height: 6px;
    background-color: #f06e57;
    border-radius: 3px;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    left: 50%;
    margin-left: -9px
}

.sweet-alert .sa-input-error::before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.sweet-alert .sa-input-error::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.sweet-alert .sa-input-error.show {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.sweet-alert input {
    width: 100%;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #d7d7d7;
    height: 43px;
    margin-top: 10px;
    margin-bottom: 17px;
    font-size: 18px;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
    padding: 0 12px;
    display: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.sweet-alert input:focus {
    outline: none;
    box-shadow: 0px 0px 3px #c4e6f5;
    border: 1px solid #b4dbed
}

.sweet-alert input:focus::-moz-placeholder {
    transition: opacity 0.3s 0.03s ease;
    opacity: 0.5
}

.sweet-alert input:focus:-ms-input-placeholder {
    transition: opacity 0.3s 0.03s ease;
    opacity: 0.5
}

.sweet-alert input:focus::-webkit-input-placeholder {
    transition: opacity 0.3s 0.03s ease;
    opacity: 0.5
}

.sweet-alert input::-moz-placeholder {
    color: #bdbdbd
}

.sweet-alert input:-ms-input-placeholder {
    color: #bdbdbd
}

.sweet-alert input::-webkit-input-placeholder {
    color: #bdbdbd
}

.sweet-alert.show-input input {
    display: block
}

.sweet-alert .sa-confirm-button-container {
    display: inline-block;
    position: relative
}

.sweet-alert .la-ball-fall {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -27px;
    margin-top: 4px;
    opacity: 0;
    visibility: hidden
}

.sweet-alert button {
    background-color: #8CD4F5;
    color: white;
    border: none;
    box-shadow: none;
    font-size: 17px;
    font-weight: 500;
    -webkit-border-radius: 4px;
    border-radius: 5px;
    padding: 10px 32px;
    margin: 26px 5px 0 5px;
    cursor: pointer
}

.sweet-alert button:focus {
    outline: none;
    box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05)
}

.sweet-alert button:hover {
    background-color: #7ecff4
}

.sweet-alert button:active {
    background-color: #5dc2f1
}

.sweet-alert button.cancel {
    background-color: #C1C1C1
}

.sweet-alert button.cancel:hover {
    background-color: #b9b9b9
}

.sweet-alert button.cancel:active {
    background-color: #a8a8a8
}

.sweet-alert button.cancel:focus {
    box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important
}

.sweet-alert button[disabled] {
    opacity: .6;
    cursor: default
}

.sweet-alert button.confirm[disabled] {
    color: transparent
}

.sweet-alert button.confirm[disabled]~.la-ball-fall {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s
}

.sweet-alert button::-moz-focus-inner {
    border: 0
}

.sweet-alert[data-has-cancel-button=false] button {
    box-shadow: none !important
}

.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
    padding-bottom: 40px
}

.sweet-alert .sa-icon {
    width: 80px;
    height: 80px;
    border: 4px solid gray;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border-radius: 50%;
    margin: 20px auto;
    padding: 0;
    position: relative;
    box-sizing: content-box
}

.sweet-alert .sa-icon.sa-error {
    border-color: #F27474
}

.sweet-alert .sa-icon.sa-error .sa-x-mark {
    position: relative;
    display: block
}

.sweet-alert .sa-icon.sa-error .sa-line {
    position: absolute;
    height: 5px;
    width: 47px;
    background-color: #F27474;
    display: block;
    top: 37px;
    border-radius: 2px
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 17px
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 16px
}

.sweet-alert .sa-icon.sa-warning {
    border-color: #F8BB86
}

.sweet-alert .sa-icon.sa-warning .sa-body {
    position: absolute;
    width: 5px;
    height: 47px;
    left: 50%;
    top: 10px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin-left: -2px;
    background-color: #F8BB86
}

.sweet-alert .sa-icon.sa-warning .sa-dot {
    position: absolute;
    width: 7px;
    height: 7px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-left: -3px;
    left: 50%;
    bottom: 10px;
    background-color: #F8BB86
}

.sweet-alert .sa-icon.sa-info {
    border-color: #C9DAE1
}

.sweet-alert .sa-icon.sa-info::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 29px;
    left: 50%;
    bottom: 17px;
    border-radius: 2px;
    margin-left: -2px;
    background-color: #C9DAE1
}

.sweet-alert .sa-icon.sa-info::after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-left: -3px;
    top: 19px;
    background-color: #C9DAE1
}

.sweet-alert .sa-icon.sa-success {
    border-color: #A5DC86
}

.sweet-alert .sa-icon.sa-success::before,
.sweet-alert .sa-icon.sa-success::after {
    content: '';
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border-radius: 50%;
    position: absolute;
    width: 60px;
    height: 120px;
    background: white;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.sweet-alert .sa-icon.sa-success::before {
    -webkit-border-radius: 120px 0 0 120px;
    border-radius: 120px 0 0 120px;
    top: -7px;
    left: -33px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 60px 60px;
    transform-origin: 60px 60px
}

.sweet-alert .sa-icon.sa-success::after {
    -webkit-border-radius: 0 120px 120px 0;
    border-radius: 0 120px 120px 0;
    top: -11px;
    left: 30px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0px 60px;
    transform-origin: 0px 60px
}

.sweet-alert .sa-icon.sa-success .sa-placeholder {
    width: 80px;
    height: 80px;
    border: 4px solid rgba(165, 220, 134, 0.2);
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border-radius: 50%;
    box-sizing: content-box;
    position: absolute;
    left: -4px;
    top: -4px;
    z-index: 2
}

.sweet-alert .sa-icon.sa-success .sa-fix {
    width: 5px;
    height: 90px;
    background-color: white;
    position: absolute;
    left: 28px;
    top: 8px;
    z-index: 1;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.sweet-alert .sa-icon.sa-success .sa-line {
    height: 5px;
    background-color: #A5DC86;
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 2
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
    width: 25px;
    left: 14px;
    top: 46px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
    width: 47px;
    right: 8px;
    top: 38px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.sweet-alert .sa-icon.sa-custom {
    background-size: contain;
    border-radius: 0;
    border: none;
    background-position: center center;
    background-repeat: no-repeat
}

@-webkit-keyframes showSweetAlert {
    0% {
        transform: scale(0.7);
        -webkit-transform: scale(0.7);
    }
    45% {
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
    }
    80% {
        transform: scale(0.95);
        -webkit-transform: scale(0.95);
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}

@keyframes showSweetAlert {
    0% {
        transform: scale(0.7);
        -webkit-transform: scale(0.7);
    }
    45% {
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
    }
    80% {
        transform: scale(0.95);
        -webkit-transform: scale(0.95);
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}

@-webkit-keyframes hideSweetAlert {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
    100% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
    }
}

@keyframes hideSweetAlert {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
    100% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
    }
}

@-webkit-keyframes slideFromTop {
    0% {
        top: 0%;
    }
    100% {
        top: 50%;
    }
}

@keyframes slideFromTop {
    0% {
        top: 0%;
    }
    100% {
        top: 50%;
    }
}

@-webkit-keyframes slideToTop {
    0% {
        top: 50%;
    }
    100% {
        top: 0%;
    }
}

@keyframes slideToTop {
    0% {
        top: 50%;
    }
    100% {
        top: 0%;
    }
}

@-webkit-keyframes slideFromBottom {
    0% {
        top: 70%;
    }
    100% {
        top: 50%;
    }
}

@keyframes slideFromBottom {
    0% {
        top: 70%;
    }
    100% {
        top: 50%;
    }
}

@-webkit-keyframes slideToBottom {
    0% {
        top: 50%;
    }
    100% {
        top: 70%;
    }
}

@keyframes slideToBottom {
    0% {
        top: 50%;
    }
    100% {
        top: 70%;
    }
}

.showSweetAlert[data-animation=pop] {
    -webkit-animation: showSweetAlert 0.3s;
    animation: showSweetAlert 0.3s
}

.showSweetAlert[data-animation=none] {
    -webkit-animation: none;
    animation: none
}

.showSweetAlert[data-animation=slide-from-top] {
    -webkit-animation: slideFromTop 0.3s;
    animation: slideFromTop 0.3s
}

.showSweetAlert[data-animation=slide-from-bottom] {
    -webkit-animation: slideFromBottom 0.3s;
    animation: slideFromBottom 0.3s
}

.hideSweetAlert[data-animation=pop] {
    -webkit-animation: hideSweetAlert 0.2s;
    animation: hideSweetAlert 0.2s
}

.hideSweetAlert[data-animation=none] {
    -webkit-animation: none;
    animation: none
}

.hideSweetAlert[data-animation=slide-from-top] {
    -webkit-animation: slideToTop 0.4s;
    animation: slideToTop 0.4s
}

.hideSweetAlert[data-animation=slide-from-bottom] {
    -webkit-animation: slideToBottom 0.3s;
    animation: slideToBottom 0.3s
}

@-webkit-keyframes animateSuccessTip {
    0% {
        width: 0;
        left: 1px;
        top: 19px;
    }
    54% {
        width: 0;
        left: 1px;
        top: 19px;
    }
    70% {
        width: 50px;
        left: -8px;
        top: 37px;
    }
    84% {
        width: 17px;
        left: 21px;
        top: 48px;
    }
    100% {
        width: 25px;
        left: 14px;
        top: 45px;
    }
}

@keyframes animateSuccessTip {
    0% {
        width: 0;
        left: 1px;
        top: 19px;
    }
    54% {
        width: 0;
        left: 1px;
        top: 19px;
    }
    70% {
        width: 50px;
        left: -8px;
        top: 37px;
    }
    84% {
        width: 17px;
        left: 21px;
        top: 48px;
    }
    100% {
        width: 25px;
        left: 14px;
        top: 45px;
    }
}

@-webkit-keyframes animateSuccessLong {
    0% {
        width: 0;
        right: 46px;
        top: 54px;
    }
    65% {
        width: 0;
        right: 46px;
        top: 54px;
    }
    84% {
        width: 55px;
        right: 0px;
        top: 35px;
    }
    100% {
        width: 47px;
        right: 8px;
        top: 38px;
    }
}

@keyframes animateSuccessLong {
    0% {
        width: 0;
        right: 46px;
        top: 54px;
    }
    65% {
        width: 0;
        right: 46px;
        top: 54px;
    }
    84% {
        width: 55px;
        right: 0px;
        top: 35px;
    }
    100% {
        width: 47px;
        right: 8px;
        top: 38px;
    }
}

@-webkit-keyframes rotatePlaceholder {
    0% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }
    5% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }
    12% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
    }
    100% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
    }
}

@keyframes rotatePlaceholder {
    0% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }
    5% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }
    12% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
    }
    100% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
    }
}

.animateSuccessTip {
    -webkit-animation: animateSuccessTip 0.75s;
    animation: animateSuccessTip 0.75s
}

.animateSuccessLong {
    -webkit-animation: animateSuccessLong 0.75s;
    animation: animateSuccessLong 0.75s
}

.sa-icon.sa-success.animate::after {
    -webkit-animation: rotatePlaceholder 4.25s ease-in;
    animation: rotatePlaceholder 4.25s ease-in
}

@-webkit-keyframes animateErrorIcon {
    0% {
        transform: rotateX(100deg);
        -webkit-transform: rotateX(100deg);
        opacity: 0;
    }
    100% {
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        opacity: 1;
    }
}

@keyframes animateErrorIcon {
    0% {
        transform: rotateX(100deg);
        -webkit-transform: rotateX(100deg);
        opacity: 0;
    }
    100% {
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        opacity: 1;
    }
}

.animateErrorIcon {
    -webkit-animation: animateErrorIcon 0.5s;
    animation: animateErrorIcon 0.5s
}

@-webkit-keyframes animateXMark {
    0% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0;
    }
    50% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0;
    }
    80% {
        transform: scale(1.15);
        -webkit-transform: scale(1.15);
        margin-top: -6px;
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        margin-top: 0;
        opacity: 1;
    }
}

@keyframes animateXMark {
    0% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0;
    }
    50% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0;
    }
    80% {
        transform: scale(1.15);
        -webkit-transform: scale(1.15);
        margin-top: -6px;
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        margin-top: 0;
        opacity: 1;
    }
}

.animateXMark {
    -webkit-animation: animateXMark 0.5s;
    animation: animateXMark 0.5s
}

@-webkit-keyframes pulseWarning {
    0% {
        border-color: #F8D486;
    }
    100% {
        border-color: #F8BB86;
    }
}

@keyframes pulseWarning {
    0% {
        border-color: #F8D486;
    }
    100% {
        border-color: #F8BB86;
    }
}

.pulseWarning {
    -webkit-animation: pulseWarning 0.75s infinite alternate;
    animation: pulseWarning 0.75s infinite alternate
}

@-webkit-keyframes pulseWarningIns {
    0% {
        background-color: #F8D486;
    }
    100% {
        background-color: #F8BB86;
    }
}

@keyframes pulseWarningIns {
    0% {
        background-color: #F8D486;
    }
    100% {
        background-color: #F8BB86;
    }
}

.pulseWarningIns {
    -webkit-animation: pulseWarningIns 0.75s infinite alternate;
    animation: pulseWarningIns 0.75s infinite alternate
}

@-webkit-keyframes rotate-loading {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotate-loading {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
    -ms-transform: rotate(45deg) \9
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
    -ms-transform: rotate(-45deg) \9
}

.sweet-alert .sa-icon.sa-success {
    border-color: transparent\9
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
    -ms-transform: rotate(45deg) \9
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
    -ms-transform: rotate(-45deg) \9
}


/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */

.la-ball-fall,
.la-ball-fall>div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-ball-fall {
    display: block;
    font-size: 0;
    color: #fff
}

.la-ball-fall.la-dark {
    color: #333
}

.la-ball-fall>div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor
}

.la-ball-fall {
    width: 54px;
    height: 18px
}

.la-ball-fall>div {
    width: 10px;
    height: 10px;
    margin: 4px;
    border-radius: 100%;
    opacity: 0;
    -webkit-animation: ball-fall 1s ease-in-out infinite;
    -moz-animation: ball-fall 1s ease-in-out infinite;
    -o-animation: ball-fall 1s ease-in-out infinite;
    animation: ball-fall 1s ease-in-out infinite
}

.la-ball-fall>div:nth-child(1) {
    -webkit-animation-delay: -200ms;
    -moz-animation-delay: -200ms;
    -o-animation-delay: -200ms;
    animation-delay: -200ms
}

.la-ball-fall>div:nth-child(2) {
    -webkit-animation-delay: -100ms;
    -moz-animation-delay: -100ms;
    -o-animation-delay: -100ms;
    animation-delay: -100ms
}

.la-ball-fall>div:nth-child(3) {
    -webkit-animation-delay: 0ms;
    -moz-animation-delay: 0ms;
    -o-animation-delay: 0ms;
    animation-delay: 0ms
}

.la-ball-fall.la-sm {
    width: 26px;
    height: 8px
}

.la-ball-fall.la-sm>div {
    width: 4px;
    height: 4px;
    margin: 2px
}

.la-ball-fall.la-2x {
    width: 108px;
    height: 36px
}

.la-ball-fall.la-2x>div {
    width: 20px;
    height: 20px;
    margin: 8px
}

.la-ball-fall.la-3x {
    width: 162px;
    height: 54px
}

.la-ball-fall.la-3x>div {
    width: 30px;
    height: 30px;
    margin: 12px
}

@-webkit-keyframes ball-fall {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-145%);
        transform: translateY(-145%);
    }
    10% {
        opacity: .5;
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    80% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    90% {
        opacity: .5;
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(145%);
        transform: translateY(145%);
    }
}

@-moz-keyframes ball-fall {
    0% {
        opacity: 0;
        -moz-transform: translateY(-145%);
        transform: translateY(-145%);
    }
    10% {
        opacity: .5;
    }
    20% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
    80% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
    90% {
        opacity: .5;
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(145%);
        transform: translateY(145%);
    }
}

@-o-keyframes ball-fall {
    0% {
        opacity: 0;
        -o-transform: translateY(-145%);
        transform: translateY(-145%);
    }
    10% {
        opacity: .5;
    }
    20% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    80% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    90% {
        opacity: .5;
    }
    100% {
        opacity: 0;
        -o-transform: translateY(145%);
        transform: translateY(145%);
    }
}

@keyframes ball-fall {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-145%);
        -moz-transform: translateY(-145%);
        -o-transform: translateY(-145%);
        transform: translateY(-145%);
    }
    10% {
        opacity: .5;
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    80% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    90% {
        opacity: .5;
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(145%);
        -moz-transform: translateY(145%);
        -o-transform: translateY(145%);
        transform: translateY(145%);
    }
}

[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
    display: none !important
}


/*! jQuery UI - v1.12.0 - 2016-09-02
* http://jqueryui.com
* Includes: core.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important;
    pointer-events: none
}

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em
}

.ui-widget {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5
}

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333333
}

.ui-widget-content a {
    color: #333333
}

.ui-widget-header {
    border: 1px solid #dddddd;
    background: #e9e9e9;
    color: #333333;
    font-weight: bold
}

.ui-widget-header a {
    color: #333333
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
    color: #454545;
    text-decoration: none
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 1px solid #cccccc;
    background: #ededed;
    font-weight: normal;
    color: #2b2b2b
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
    color: #2b2b2b;
    text-decoration: none
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px rgb(94, 158, 214)
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #ffffff
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #ffffff
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #ffffff;
    text-decoration: none
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #777620
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #5f3f3f
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #5f3f3f
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("../images/ui-icons.png")
}

.ui-widget-header .ui-icon {
    background-image: url("../images/ui-icons.png")
}

.ui-button .ui-icon {
    background-image: url("../../img/jquery-ui/ui-icons_777777_256x240.png")
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon,
.ui-state-default .ui-icon {
    background-image: url("../images/ui-icons.png")
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url("../../img/jquery-ui/ui-icons_ffffff_256x240.png")
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
    background-image: url("../../img/jquery-ui/ui-icons_777620_256x240.png")
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("../../img/jquery-ui/ui-icons_cc0000_256x240.png")
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-caret-1-n {
    background-position: 0 0
}

.ui-icon-caret-1-ne {
    background-position: -16px 0
}

.ui-icon-caret-1-e {
    background-position: -32px 0
}

.ui-icon-caret-1-se {
    background-position: -48px 0
}

.ui-icon-caret-1-s {
    background-position: -65px 0
}

.ui-icon-caret-1-sw {
    background-position: -80px 0
}

.ui-icon-caret-1-w {
    background-position: -96px 0
}

.ui-icon-caret-1-nw {
    background-position: -112px 0
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 3px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 3px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 3px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 3px
}

.ui-widget-overlay {
    background: #aaaaaa;
    opacity: .3;
    filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
    -webkit-box-shadow: 0px 0px 5px #666666;
    box-shadow: 0px 0px 5px #666666
}

@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounce {
    0%,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    40%,
    43% {
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    40%,
    43%,
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    }
    70% {
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

@keyframes bounce {
    0%,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    40%,
    43% {
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    40%,
    43%,
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    }
    70% {
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    0%,
    50%,
    to {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}

@keyframes flash {
    0%,
    50%,
    to {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1);
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1);
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1);
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1);
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {
    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

@keyframes shake {
    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none;
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none;
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {
    0%,
    11.1%,
    to {
        -webkit-transform: none;
        transform: none;
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg);
    }
    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg);
    }
}

@keyframes jello {
    0%,
    11.1%,
    to {
        -webkit-transform: none;
        transform: none;
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg);
    }
    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg);
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInRight {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn);
    }
    0%,
    40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg);
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg);
    }
    50%,
    80% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn);
    }
    0%,
    40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg);
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg);
    }
    50%,
    80% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    0%,
    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
    }
    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    0%,
    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
    }
    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    0%,
    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
    }
    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    0%,
    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
    }
    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
    }
    60%,
    80% {
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
    }
    60%,
    80% {
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }
    0%,
    to {
        -webkit-transform-origin: center;
    }
    to {
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateIn {
    0% {
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }
    0%,
    to {
        -webkit-transform-origin: center;
    }
    to {
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
    0%,
    to {
        -webkit-transform-origin: left bottom;
    }
    to {
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
    0%,
    to {
        -webkit-transform-origin: left bottom;
    }
    to {
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
    0%,
    to {
        -webkit-transform-origin: right bottom;
    }
    to {
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
    0%,
    to {
        -webkit-transform-origin: right bottom;
    }
    to {
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
    0%,
    to {
        -webkit-transform-origin: left bottom;
    }
    to {
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
    0%,
    to {
        -webkit-transform-origin: left bottom;
    }
    to {
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
    0%,
    to {
        -webkit-transform-origin: right bottom;
    }
    to {
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
    0%,
    to {
        -webkit-transform-origin: right bottom;
    }
    to {
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        transform-origin: center;
        opacity: 1;
    }
    0%,
    to {
        -webkit-transform-origin: center;
    }
    to {
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    0% {
        transform-origin: center;
        opacity: 1;
    }
    0%,
    to {
        -webkit-transform-origin: center;
    }
    to {
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1;
    }
    0%,
    to {
        -webkit-transform-origin: left bottom;
    }
    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1;
    }
    0%,
    to {
        -webkit-transform-origin: left bottom;
    }
    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        opacity: 1;
    }
    0%,
    to {
        -webkit-transform-origin: right bottom;
    }
    to {
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        opacity: 1;
    }
    0%,
    to {
        -webkit-transform-origin: right bottom;
    }
    to {
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1;
    }
    0%,
    to {
        -webkit-transform-origin: left bottom;
    }
    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1;
    }
    0%,
    to {
        -webkit-transform-origin: left bottom;
    }
    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        opacity: 1;
    }
    0%,
    to {
        -webkit-transform-origin: right bottom;
    }
    to {
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        opacity: 1;
    }
    0%,
    to {
        -webkit-transform-origin: right bottom;
    }
    to {
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        transform-origin: top left;
    }
    0%,
    20%,
    60% {
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        transform-origin: top left;
    }
    40%,
    80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        transform-origin: top left;
    }
    0%,
    20%,
    60% {
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        transform-origin: top left;
    }
    40%,
    80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg);
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg);
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    50%,
    to {
        opacity: 0;
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    50%,
    to {
        opacity: 0;
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}


/*
* iziModal | v1.6.0
* http://izimodal.marcelodolce.com
* by Marcelo Dolce.
*/

.iziModal {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #fff;
    box-shadow: 0 0 8px rgba(0, 0, 0, .3);
    transition: margin-top .3s ease, height .3s ease;
    transform: translateZ(0);
    box-sizing: border-box
}

.iziModal * {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased
}

.iziModal::after {
    content: '';
    width: 100%;
    height: 0;
    opacity: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, .35) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, .35)));
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, .35) 100%);
    background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, .35) 100%);
    background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, .35) 100%);
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, .35) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#59000000', GradientType=0);
    transition: height .3s ease-in-out, opacity .3s ease-in-out;
    pointer-events: none
}

.iziModal.hasShadow::after {
    height: 30px;
    opacity: 1
}

.iziModal .iziModal-progressbar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.iziModal .iziModal-progressbar>div {
    height: 2px;
    width: 100%
}

.iziModal .iziModal-header {
    background: #88a0b9;
    padding: 14px 18px 15px;
    box-shadow: inset 0 -10px 15px -12px rgba(0, 0, 0, .3), 0 0 0 #555;
    overflow: hidden;
    position: relative;
    z-index: 10
}

.iziModal .iziModal-header-icon {
    font-size: 40px;
    color: rgba(255, 255, 255, .5);
    padding: 0 15px 0 0;
    margin: 0;
    float: left
}

.iziModal .iziModal-header-title {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3
}

.iziModal .iziModal-header-subtitle {
    color: rgba(255, 255, 255, .6);
    font-size: 12px;
    line-height: 1.45
}

.iziModal .iziModal-header-subtitle,
.iziModal .iziModal-header-title {
    display: block;
    margin: 0;
    padding: 0;
    font-family: 'Lato', Arial;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left
}

.iziModal .iziModal-header-buttons {
    position: absolute;
    top: 50%;
    right: 10px;
    margin: -17px 0 0
}

.iziModal .iziModal-button {
    display: block;
    float: right;
    z-index: 2;
    outline: 0;
    height: 34px;
    width: 34px;
    border: 0;
    padding: 0;
    margin: 0;
    opacity: .3;
    border-radius: 50%;
    transition: transform .5s cubic-bezier(.16, .81, .32, 1), opacity .5s ease;
    background-size: 67% !important;
    -webkit-tap-highlight-color: transparent
}

.iziModal .iziModal-button-close {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODZCQkIzQ0I0RTg0MTFFNjlBODI4QTFBRTRBMkFCMDQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODZCQkIzQ0M0RTg0MTFFNjlBODI4QTFBRTRBMkFCMDQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4NkJCQjNDOTRFODQxMUU2OUE4MjhBMUFFNEEyQUIwNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4NkJCQjNDQTRFODQxMUU2OUE4MjhBMUFFNEEyQUIwNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsgTJLcAAALJSURBVHja3JnLS1VBHMfvQ7g9dBXRRrwEFRciAhMi1JRW1aIHVEIYEkW0iVpUhOD/ICK6cFMgSbUpC6VFkQa9NtpjkauriRY9Noa3pHT8/mIODMM5Or85o87pC5/NPf5mvmc8M7+Z36SFEKkY2gj2gUawF2wHW8A6+fwv+A6KYAQMg+dg2rbDtKXhGnAaHJIms4zYz9J4HxgAf1g9k2EGteAhWBBuNApaQNrUg6nRTaAbzIuV0RCocWW4DoyJlVcJXI5ruFk2tJqi/2TWxvA5sXbqA2Ucw01i7dVjargazAo/dE33p6/DlAheg50pP0SJpwG8CH7IaH/Q5pFZUhnoArkwwwVwJeWfdoMLYYZvqG+yTGo9CerAoIWBT+A4qAdPDWOugwo1NVcxJtpFZRLkwH3GJCqCghJfxVjnz1JMMMKnwAbGRAg0B5rAA4O4CblZ+qj8tkBjZthvSzDCtFIMM0ZpQhslk5Eej4jpZ/T7G+ygwG1ghrk+jjNMFy1eMPJzpOAzlou6iWmXZkm91EBHjEwUZXoQTDk2SxqhRh7HTJ9hpstB3rFZ0ldq6J2DnB9m2rXZfxOPlrX1DrJRXiaBXSHPaMHvB0cd9JPLpBImMvzLQTuUFA6A9yHPfoIjhsllOc1l5N4grtmDWgYrl5+JTUZcSjNkeMyxWdpA3ZN72IJj01OJTByJS82J2/wQVxmB5y1HK8x0JWMf/kzdD98FJcY5S51gdwyTQl6eUAraspo27PeWXgy8afim0+CELAwOWHyH9EkdkyWwJ4Yxk6BCP+bTm48anutWW5dAp34IpbW03UOzb0FPVEHbx0LKfvAyqpAyKw97JU8Mt6pml6rAJ6oY6Eu5NfvfF7QTeWWQyEsZr6694lwsNoPD8mKRo29gCNwGj7gXi7aGA1EBcY+8vq0GW8FmJb3Pgx9gEnwAr8Ab8MW2w0UBBgAVyyyaohV7ewAAAABJRU5ErkJggg==) no-repeat 50% 50%
}

.iziModal .iziModal-button-fullscreen {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTBBOUI4RUM0RTg0MTFFNjk0NTY4NUNFRkZFNEFEQzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTBBOUI4RUQ0RTg0MTFFNjk0NTY4NUNFRkZFNEFEQzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFMEE5QjhFQTRFODQxMUU2OTQ1Njg1Q0VGRkU0QURDMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFMEE5QjhFQjRFODQxMUU2OTQ1Njg1Q0VGRkU0QURDMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrQO6gAAAANmSURBVHjazJlbSBRRGMd3x92i0ForRRMiKiUoX4ouiFlJkRVBDxW9GJERwUasvdRT9FD00osRQtAFqegGBUHRBY0uaCVKEkSRpVR0tSwrQtp1+p/4Bk7D7M45M/Ot/uGHu+Psmf+c+eY753wnbJpmyIfGgvmgiv6WgkKQBwzwE3wBr0AnuAta6ZgnhT0aFuY2ghoyGdH4bS+4Dc6CZjCkdWVhWIPF4JoZnB6CDToeVE8sBidNPt0E5UEZrgG9Jr8GwHa/huMgaWZXDSDsxfBuc/jUBAwdw3Fz+NWoang5SJkjQwm7P3seLqQEX2LLfgfBdZcMORMcBqNDwekPqASP0uXhpjR3Ok0x/fUw9HIHGGVdw5DuRtzJpgxDsJui2qOWmuaAOuuLbHivz4YLwLgQj/aAXNmwuItlHhtbA7pAG5jEZHgKWCcbrhUTIY+NPQVjqFFObbYMi/hc6aOhl2AJ9TKnFoIyYXgemKEzJQXVVkyR3oFVzKZFuqw2qHdyFPKhrHPgMoWC3fRjRtNVVg+7SR5IiqmXxUt60cG0CK/vTIZniZVCmcKJF0C3ZNjKBqvJ9Hrwm46tsN1EkCoRQ/M3fBjvs6GrYAvdwHEfGcd1qBaGkwoxrKI+xjz83yJ0iLFHApd46X4xX+M+WECh4lepCNUIcpnMijrEWtAvTRHrbOd8FZNG8uA2Nf0hpmwtjBPwpQ5T0GPS/+tBAZhIq+b3Lu09EyHRwRgO+0C+7dhWcII+PwCf6Sk/Aa9d2vtn+A7nyASugJiD6YSDQcOlvVbxiCaAN8xrs3sgprBiac/QhlhnzjUo6JuZM0UlDS5FPtoQIdNlPYJTWUihFaDex+9Pg6T1KHJAJ2NI7ASllA28hEQ/KJIXoSlwgKlnh+jFe+GjLtwIPtjfyktUt+UaUZWqvw7H3oJD1peI7eQdoF1xWa+zQikHH13OmwqmOxxP0EiZtgK/DRwNuIcHwSeXc2K01WAPhbhKBb5hBNTVbskVH7fqpZGhbJUNtYF83fqwQSXPbOsGjb6etwx2gcEsmT3iFAZeNmUqaMeHSz2qu0k6W15Rqsx3B2i0D+xXGAHTFrRVlEeFuVoqH+ku6VNUbDkPzlAtg30nVK66i8rRIjAbTKaSQVQyN0DD6nOqcLZQld9TLfmvAAMAeMcvp3eCFqQAAAAASUVORK5CYII=) no-repeat 50% 50%
}

.iziModal.isFullscreen .iziModal-button-fullscreen {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkFFRTU5NDA0RTg1MTFFNjk0NEZFQzBGMkVBMDYyRDkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkFFRTU5NDE0RTg1MTFFNjk0NEZFQzBGMkVBMDYyRDkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyQUVFNTkzRTRFODUxMUU2OTQ0RkVDMEYyRUEwNjJEOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyQUVFNTkzRjRFODUxMUU2OTQ0RkVDMEYyRUEwNjJEOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuDFfX8AAANASURBVHjazJlZSBVRGMfHcWlB0xZM68GKukQLYaGkmEUR2EsvRfQS+BSJPUQE+lTR8hqIZY8hFS0ERVCRoW3gpUApghYpszLTVnCB3O70/+K7MAwzc78Z58z4hx8XzpzvzJ+Zc+d85ztphmFoU9BsUAoq+XcFyAc5QAfD4BfoBp3gCWjnNl9K82mYzO0FVWwyw0NsD3gIroBWkPB0ZzLsgc3grhGcnoE9XjxIOxaCC4Y6tYC1QRmuAj2Geg2CA1M1XAsmjHDVANL8GK4zolMz0L0YrjWiV5PU8HYw6TBIf8imD6UynA96HYKPg3mgMUTDY6DUzXCzQ+AxSz+r6QEQZz4HbLoDZNkZrnAIoOlRZjN1Gk3XS0zty/gTFaRq7Ay3uAR8BcU2ps/z9QJTWw74HrDhTyDbbHg9SKQI+sb9rKa3mV8ZmAt+KJjP1TS+zinFPkqEUqQdBeAOKLa0UwIzpqlXtcYpIKWIO4RBZPoRKNfC10YQI8MlYLkwaAB8ABsiMDwDbKU8dgtIFwRMgJ3guRadKpNPWBMa7tOi1WoyHJPuTsC4oN+IQsOLM3gPJlEWqOE/neMGBqwDeYoMz6G8c0I4h6eFyHBC8A2eVoaH8JutaPwuUA/+uvSht1sHKgTjTWZwjUCVYdrK3xT0iwkND+lc5FClUQ9fINHCRYY7FBrWPSz5Er2lAR9H9P+hpfYGl64OCmPadQ7ojcDwOJetysBMQX/6mrWS4d+cIoYtMnAEnBT2fwVeJufYxZBMFoKFlrajQtOX/uczvEtIB50Kdgn1lt3JGdANltjsXE64jPMnuQ1LPuFJcFrBE11gzQXAUnAPFNk86esO4zSBfmu5lVa9toCf8DC4Ba6C22DEdO01KDLdP5fLr1Z94X2ibV1ilWVQ1XrDpvPAU4c+u1KVqvaHXI7q43ltp3PSYmDDNCgGPrCUD1wN6y5lqzAUN89baX1Y55Jn2LrPRUffRwaHwWhIZs/aTQM/hzLlDp+coPRReprk5cgrkyvz7wM0+hOcAvOlPvwcLNIp526ux1H5aJbHeFpVX4Br4LLXWoffk9CkVnLlaBNYAxaBXJBpMjfIy+o7EAdtfIyb8HPDfwIMAM1WPs8F9tcxAAAAAElFTkSuQmCC) no-repeat 50% 50%
}

.iziModal .iziModal-button-close:hover {
    transform: rotate(180deg)
}

.iziModal .iziModal-button:hover {
    opacity: .8
}

.iziModal .iziModal-header.iziModal-noSubtitle {
    height: auto;
    padding: 10px 15px 12px
}

.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-icon {
    font-size: 23px;
    padding-right: 13px
}

.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-title {
    font-size: 15px;
    margin: 3px 0 0;
    font-weight: 400
}

.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-buttons {
    right: 6px;
    margin: -16px 0 0
}

.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-button {
    height: 30px;
    width: 30px
}

.iziModal-rtl {
    direction: rtl
}

.iziModal-rtl .iziModal-header {
    padding: 14px 18px 15px 40px
}

.iziModal-rtl .iziModal-header-icon {
    float: right;
    padding: 0 0 0 15px
}

.iziModal-rtl .iziModal-header-buttons {
    right: initial;
    left: 10px
}

.iziModal-rtl .iziModal-button {
    float: left
}

.iziModal-rtl .iziModal-header-subtitle,
.iziModal-rtl .iziModal-header-title {
    text-align: right;
    font-family: Tahoma, 'Lato', Arial;
    font-weight: 500
}

.iziModal-rtl .iziModal-header.iziModal-noSubtitle {
    padding: 10px 15px 12px 40px
}

.iziModal-rtl .iziModal-header.iziModal-noSubtitle .iziModal-header-icon {
    padding: 0 0 0 13px
}

.iziModal.iziModal-light .iziModal-header-icon {
    color: rgba(0, 0, 0, .5)
}

.iziModal.iziModal-light .iziModal-header-title {
    color: #000
}

.iziModal.iziModal-light .iziModal-header-subtitle {
    color: rgba(0, 0, 0, .6)
}

.iziModal.iziModal-light .iziModal-button-close {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyQTU1RUZDNzRFODQxMUU2ODAxOEUwQzg0QjBDQjI3OSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1NEM4MTU1MEI4QUExMUU2QjNGOEVBMjg4OTRBRTg2NyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RTNFNENDMkI4QUExMUU2QjNGOEVBMjg4OTRBRTg2NyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjZjYzMwMmE1LWFlMjEtNDI3ZS1hMmE4LTJlYjhlMmZlY2E3NSIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjdmYmU3NGE3LTAxMDUtMTE3YS1hYmM3LWEzNWNkOWU1Yzc4NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Po24QssAAANtSURBVHja3JlJaBRBFIa7ZxyTSXADHUkikuAawZNLEOOGGrwJQYko8R4RBQ+OICoqghJQUVwPYjzFY0QUBQU1kogoKO6CG0pcIwbiNibj/8JraNvu6Xo9NTOtP3xzSKe6/65+Ve9VlWlkp2IwGUwFE0E5GA4G8/U+0APegWfgHrgPuq0bpNNp0QPNgEYngHlgGpuMCNp2s+kr4BYM/8ql4WqwHEzP4mXteg7awOW0YlerPnQIaARLNBl1ikLlBDw/1WF4ClgHKozc6idogekz2RheANbaBlE+dB4chfF+qeHF3LOF0FWwF6b7nBe8RvecApolzQVr3C64GR4H1huFV51pmvV+hikRbABFRji0GqarMxluAGON8CgKmmA65mZ4DFhqhE9VPP//ZXgZiCmm1t1gI6XWAAY+gF0gCe4qtqlHL8fthkeBWsXGreA6eMgPviEw+x5sBZ3gAdjPCcNPI8Fsu+FawUCzz40psEfRNJndBl7b/pZmVLTQMkzJo0bQSys43iWm3cxS+DUJOmoSwqKCRmEZWKkYv6RSMBPc5lqXRGm0A1Q6XiaT2aSwo8jrK/qZwZlFIlXTusxa6iXDddTdARpnMj2ek9AWjWYH7h/lubcs4A28THdyAdOl0ezAmKNBNyLLiT0Btjti9zuHg06zpJKIprohwXNypcu1OIdGjYbnxCLGPyYy/EPDfejzbwYvXK59AzuFGdFLKTL8WYNZ59RVzGESJCNm0teI40E6zNIA2wSaA2REP32iaW0omKXRbJKTUVyYEVV0J8oxvEiQmiUZrFSz6XNkuJe3nBKCelaSbjOZrhLsd1BInYxweSeJq9YA6dYtuZCBI4JZ6jGW/W+sebhd0DAaMIO5mTYFW1+X6GeQ7TO3W0WyQj3cw0ulBg4nSUbcAY7zPVYp7ip95FXOH29Hb35AOPjypWMIh7PORSjFZVsIzdKW7AWvfYnTVNWHyCytHw+jd1Nehqks3KepvtChUzD7yGvE2/cduqxldQF1EWZb/PbWLF3jAVgo0WrlkN+c6hSd+rzlaSuaR7O0oX0wyIa2pVAdGaj0HCUVOqIq4dVwrg5lmmG2w+8f/9tjL6foYHE+Gy8Xtv3CPUpf7WauDxadKuIwoeNbOmoYDYbZ0ns/1wxUC7ykigs8sS/LpEe3vwUYALiKDDDSgEiSAAAAAElFTkSuQmCC) no-repeat 50% 50%
}

.iziModal.iziModal-light .iziModal-button-fullscreen {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpEQTg1NTA2NTRFODQxMUU2OTQ0N0VERjY2Q0M5ODYwRCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0RTNFNENCQkI4QUExMUU2QjNGOEVBMjg4OTRBRTg2NyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RTNFNENCQUI4QUExMUU2QjNGOEVBMjg4OTRBRTg2NyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFlNTQwYzczLTVhZmEtNDJlYi04YzJlLWMwMzFlYmFiYmIyNiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmVkYmRiMzM1LTAxMDUtMTE3YS1hYmM3LWEzNWNkOWU1Yzc4NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvIicdUAAAOvSURBVHjaxJlZbA1hFMe/qaItUUsspakg1laJ7UUisQuRvvTFA15sQSRCLBFrQryhHqxNHxEPtaQ8CCUkIrVVRbVBJdZYSrXVonr9/3pGxnTunZk78/X+k1+aO+1899/vnnvO+c4YKpi6ghEgW34OBD1BKjBAM6gH78Fz8BhUyrW/ikQivt7QiNMozU0DE8RkJx/3fgCPwA1QHvHp2K/hHJAPJqpwVA2K4flW2IZ7gyVgptKjh6AQxl+GYZi7uRr0U3rVBIpg+nIQwwvACpCkOk4XwYlosR3LMGN1qUqMroGDTqaNGDu7SiVWl+D3iP2i00c9HqxUidd8wzDy3HY4HRwCfWzXz4L7Lm+QKfHeOUTTLWAzdro6muH1YIbDjculWrmpUEM2YYXcCNMt9pAYE8WsWYLdlAxaNYTGMDDHKYYXBVy4B0jTFM/5iOcUc1fM/2JcnItNAYtBNzGtQ33BVHDV3OHpARqhV6CLLKpTs8yQYHxOCrDQO7AV1Gg2PBJhMYiGh4MMnx1eLkixXKsFuzSbZrrMpeGxHnqFFtvrTWCbhILd9AuNpnPMHXaTtZD0kl1mRdwSxXSjJsNZfONjcmqIJR5p3lp6Y+sXrAzsBz/lNXvmtZYMFKbqafi0pKQgKpOSPhmsC5BxXEs1Fz4fUr/7TWMe/q9bC2s3tJs1Df/Q/B5PwAZwJYS1WpPlo0zRZJZziL2gQU7I1GyHL7QSD26taVOytI26DpinxKypApvpk+C6dHlMnXskbUbT1yTpN3WJHWB327UCS3hUoc+tA/VyxP/ost5rGq7QWZnAdoe0eZgnYweDbgmgkoafgk8aTfNgsMNmmqfhC+Czj3V4T3mSBH255kxB0ztd4tNNDJkas2CUdkAKHQ3yAtxfijj/bdb7Cumyhmoyexzcs6Qwv2qUbPKvJDOtnNFklrF3R5qneA2XYHe/2A+ht1Xb3FZXRY1XTAjFTgtxJ45qKtWDpZK1g6dhIQuvBzjcy8FgQ6y8Nw+sCdnwL1Dn8jdMe6m2a+3ma9ESNUdOC1VixSH3bnPiYyraswnO0fqDIQkyW8WmCWab7b+I9TCF3+x0j2e+MPUA7LPGrVfD1F3VNsrPVR0zhS8BB5x21muzYa1Sy1Tb4y4d4qOwIi9Pk/wcj1gV50p5zQjJKAsJH8KcY4vpdYrjV0w9HMxxHjfKNpfwdMyRNuAmyy2M1vq5OegBNFMmR9lSHDizSLPMJGjuO2BZfSOtLKvpMylUvh/d/hFgAOH4+ibxGTZuAAAAAElFTkSuQmCC) no-repeat 50% 50%
}

.iziModal.iziModal-light.isFullscreen .iziModal-button-fullscreen {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3BpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyRUUxMkYxODRFODUxMUU2Qjc3RDk0MUUzMzJDRjBEOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0RTNFNENCRkI4QUExMUU2QjNGOEVBMjg4OTRBRTg2NyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RTNFNENCRUI4QUExMUU2QjNGOEVBMjg4OTRBRTg2NyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjgzM2MwOWZiLWJjOTEtNGVlZS05MDM1LTRkMmU2ZmE1ZjBmMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyRUUxMkYxODRFODUxMUU2Qjc3RDk0MUUzMzJDRjBEOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv1Q9Z8AAAOXSURBVHjaxJlLbA1RGMfPjIs+EvoIRYt4FVUl2EkkRTxKUqQbG0SEho2FjUQ8YtEICbEgTdFYeK1KaGvVeoUltyStt0UlNE17aWhV2+v/9X5XJpMzc8/0zpn5kl+aO3Nm7r/fnPu9xhDp2URQDJbw3xkgB2QCAwyAPvANfARvQDsfG7V4PO7pC40xCiVxa8AKFjnOw7VdoA08BtG4R8VeBZeCKrBS+GPvQAM0P/NbcB7YBdYJPfYKXIXwL34IJm8eBFOFXusH9RDdnI7gLWA/MEVwdh/UOe1tN8G0V3eLcKwFXJCJNl08G5ZYsrWgWnZCJng5OOBwo1iAoisMw6hMJXgyOOywVW7xj+9BgKL3QHSxm+C9IF9y4U2GMlStRPQP8Jbp9lFwhJwE0RHrgaSV8N6xG238l7Zjtfx3K58/Bd7zsWngIqdnP2we2ACa7B7e6RL6joK5EtHNfL7b5u1Bn7dGFbycYRVM/8WyFJnuJK+z2iVwzFrMcF1h+Cx4ClhtFVyu8CW54ITE01EwFMAPcH1SMJWIqxQvItE1YHEIsXkhtkUhCV4ApiteFOPadn4IgseDMooSSxVrhWFwmkvCsKw06WGhKLhHhGuzSHChh9pZ5cc1oFFwfoTTsWrWqQCvXdZQEpkDsjUJziSv3Qu43k3LTA1BXqvRY/4DMjTd/yu4niJVm9wslCjcb4QE/9Qo+Al44baAmgpKCIqC+01OBLrsr8/de8zkiYwuUxWSq7iuM8JhantIqfYItkOepKBysnbycIfPXYKqURL6DhaBCQrrKcZHTa5loyEIJgHXwG3F9TQV+pxMGK0BiaTHn2OLEjcURbdi7XBSMO3jTxoEjtg+7wDnhG3spSD6F3hk7Tjoxnc0CJ5k+5wFCrhplYl2mmI24nyvvWumAE9z2zIfBW8WifnxIHc2yb6xiHtEoms0/hlGtpAPHCkgNDjFyZngPN88COvkPpEe+XGHbFcD7z53C+ybwKEAo0UPZ8QCybkmiL3sNvkheygSI08RYOSQiaUhd52sUpIZLWwJsYqkkdcZeHfIS66nc9XcZQRpNBY7C7F9Yy1OtonErDgSgNhGcEXmWa/VFA1O9onE6y4dRqGtXuVtkpf2iDy8EVR6GLykMnrsNFC867QF0hH8v3MVicFcuYdKy56uqQx4SukWQj3NOtJtQIt4ckSvbmdziMqy7HcS9xv0cn/Xwdn0A1drnl/d/hNgAGQa6Lgarp6BAAAAAElFTkSuQmCC) no-repeat 50% 50%
}

.iziModal .iziModal-loader {
    background: #fff url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA0NCA0NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiM5OTkiPiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMiI+ICAgICAgICA8Y2lyY2xlIGN4PSIyMiIgY3k9IjIyIiByPSIxIj4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiAgICAgICAgICAgICAgICBiZWdpbj0iMHMiIGR1cj0iMS40cyIgICAgICAgICAgICAgICAgdmFsdWVzPSIxOyAyMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMTY1LCAwLjg0LCAwLjQ0LCAxIiAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjEuNHMiICAgICAgICAgICAgICAgIHZhbHVlcz0iMTsgMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMywgMC42MSwgMC4zNTUsIDEiICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPiAgICAgICAgPC9jaXJjbGU+ICAgICAgICA8Y2lyY2xlIGN4PSIyMiIgY3k9IjIyIiByPSIxIj4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiAgICAgICAgICAgICAgICBiZWdpbj0iLTAuOXMiIGR1cj0iMS40cyIgICAgICAgICAgICAgICAgdmFsdWVzPSIxOyAyMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMTY1LCAwLjg0LCAwLjQ0LCAxIiAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIgICAgICAgICAgICAgICAgYmVnaW49Ii0wLjlzIiBkdXI9IjEuNHMiICAgICAgICAgICAgICAgIHZhbHVlcz0iMTsgMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMywgMC42MSwgMC4zNTUsIDEiICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPiAgICAgICAgPC9jaXJjbGU+ICAgIDwvZz48L3N2Zz4=) no-repeat 50% 50%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9
}

.iziModal .iziModal-content-loader {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA0NCA0NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiM5OTkiPiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMiI+ICAgICAgICA8Y2lyY2xlIGN4PSIyMiIgY3k9IjIyIiByPSIxIj4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiAgICAgICAgICAgICAgICBiZWdpbj0iMHMiIGR1cj0iMS40cyIgICAgICAgICAgICAgICAgdmFsdWVzPSIxOyAyMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMTY1LCAwLjg0LCAwLjQ0LCAxIiAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjEuNHMiICAgICAgICAgICAgICAgIHZhbHVlcz0iMTsgMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMywgMC42MSwgMC4zNTUsIDEiICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPiAgICAgICAgPC9jaXJjbGU+ICAgICAgICA8Y2lyY2xlIGN4PSIyMiIgY3k9IjIyIiByPSIxIj4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiAgICAgICAgICAgICAgICBiZWdpbj0iLTAuOXMiIGR1cj0iMS40cyIgICAgICAgICAgICAgICAgdmFsdWVzPSIxOyAyMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMTY1LCAwLjg0LCAwLjQ0LCAxIiAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIgICAgICAgICAgICAgICAgYmVnaW49Ii0wLjlzIiBkdXI9IjEuNHMiICAgICAgICAgICAgICAgIHZhbHVlcz0iMTsgMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMywgMC42MSwgMC4zNTUsIDEiICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPiAgICAgICAgPC9jaXJjbGU+ICAgIDwvZz48L3N2Zz4=) no-repeat 50% 50%
}

.iziModal .iziModal-content:after,
.iziModal .iziModal-content:before {
    content: '';
    display: table
}

.iziModal .iziModal-content:after {
    clear: both
}

.iziModal .iziModal-content {
    zoom: 1;
    width: 100%;
    -webkit-overflow-scrolling: touch
}

.iziModal .iziModal-wrap {
    width: 100%;
    position: relative;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
}

.iziModal .iziModal-iframe {
    border: 0;
    margin: 0 0 -6px;
    width: 100%;
    transition: height .3s ease
}

.iziModal-overlay {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.iziModal-navigate {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none
}

.iziModal-navigate-caption {
    position: absolute;
    left: 10px;
    top: 10px;
    color: #fff;
    line-height: 16px;
    font-size: 9px;
    font-family: 'Lato', Arial;
    letter-spacing: .1em;
    text-indent: 0;
    text-align: center;
    width: 70px;
    padding: 5px 0;
    text-transform: uppercase;
    display: none
}

.iziModal-navigate-caption::after,
.iziModal-navigate-caption::before {
    position: absolute;
    top: 2px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 14px;
    font-size: 12px;
    content: '';
    background-size: 100% !important
}

.iziModal-navigate-caption:before {
    left: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAoCAYAAACFFRgXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyNmFjNjAyMy04OWU0LWE0NDAtYmMxMy1kOTA5MTQ3MmYzYjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDREQ0YwRjA1MzQzMTFFNkE5NUNDRDkyQzEwMzM5RTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDREQ0YwRUY1MzQzMTFFNkE5NUNDRDkyQzEwMzM5RTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpmNmM0Nzk3Ni1mNzE3LTk5NDAtYTgyYS1mNTdjNmNiYmU0NWMiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDowZGVmYTEyZC01MzM0LTExZTYtYWRkYi04Y2NmYjI5ZTAxNjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7oo0ptAAACWklEQVR42uyZTWsTYRSFZybxo4kWk5g2NC5qTAU3Kq30A9udi1oXolV/hWuhv6R/Q6utioi4LbbVFHemamlRU0OCEk0wZjwXzwtDoBDopHMHcuFJMplZnLm5ue+589qu61qeOApyYAjEgG0FEyLqN/gKiqBuTtgewWlwCZw056xgwwirgU3wxSv4NJgCUV5YBRXQDEhsBJwCSSauBVZFdJRlIJk9Av7wbj577jDIOENtRmPVwcsw6KfAAvikRKzEDlhnhuU/lRPBWaa9wsxqC6ndPX7OiOA4D8qW3vjO9z7H0w3+KhZstNmOFbLoCQ6DYGmL+bAInmGfLFC4asFXwRJIgB+goVmw+I7HXO+/gevGnGgUPEGxktkSmAMbWmt4HDwBKS6XN1jDKrvEFYoVK7oLroE3h93Woh1eNwqWafJ/gQV65vM+ail34mc6EZwBK2CAx8fAIjjeBYMzDT4cVHCEXtRbRvEu/Nr9HCIOnGGp15vgEec9KYn74B0nAT/CZnv86FcNvwK3wENwAjwAs2Bbs5d4CW5zir0AXvv8p+tKH34B5lkW4h2egRHtbu05uMMHHWfB0zC4NRF5l09kzvE4rd2tyUJyjy4tz7akZqXbL8QETbJ/FsMgWOJtb6brCQ5YsBsC8Uab63DVkkgqFpzie93h8OhScFah2LTHi5ccWroaLd5l6//+hpYQoWP05LKqFs2WQYbTsNxAi+5fxpWmdfh7HS7XhwSzG+H3a2JnvZsyktmLbdOFhpDMvrf4sN1u2/aK0cwMcmYLcturweceW+CnOfFPgAEA8uWFFylBJYoAAAAASUVORK5CYII=) no-repeat 50% 50%
}

.iziModal-navigate-caption:after {
    right: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAoCAYAAACFFRgXAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADhmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzIgNzkuMTU5Mjg0LCAyMDE2LzA0LzE5LTEzOjEzOjQwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjI2YWM2MDIzLTg5ZTQtYTQ0MC1iYzEzLWQ5MDkxNDcyZjNiMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0NERDRjBGMDUzNDMxMUU2QTk1Q0NEOTJDMTAzMzlFMyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0NERDRjBFRjUzNDMxMUU2QTk1Q0NEOTJDMTAzMzlFMyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNS41IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmY2YzQ3OTc2LWY3MTctOTk0MC1hODJhLWY1N2M2Y2JiZTQ1YyIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjBkZWZhMTJkLTUzMzQtMTFlNi1hZGRiLThjY2ZiMjllMDE2NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuijSm0AAAKbSURBVFhH7ZnJj0xRGEerzFoIMTaCZmOIedhaiJj55yz8DaYdNhIJEUMQbCTG3rQ02hDSiEY553XdTpHS3nv96taV9ElO6lVt6peb7933fffVG41GrYW5uBaX4EysYzcw1Fd8hc/wM2a0Bl6Nm3BW9i0dDPsQX/olBF6FO72AH/gG3+N3jL3KBpqGC3ERTsGfeAsHDTyHi71oCXzBe/gaU2A5bscZOIxXTb8OLQNX9i6mElYsg/voqruwfQb2BhODWgqpMYDv0NLsNXC4yd42P1PEwNJj4HBTWdipErLVDfxfMRm408QMvBu3jV6WJ1Zg9/rbeBOP+UNZYgX+iE/Rp+lpPIKliBXYB9IhtPNy3z/T/F6YmDXsChvyBc7Gs3gACxEzsDzBg9iPPXgO92NuYgeWx2h3+AhtaM7jPsyF7aV37XR8gNZYO/pwKY51+xPkG27Fk2joT3gCr2A7NuJ6HMkTeAPadlp3VeMChF7G0P6X3dmfjAXOUxIj6LZkv1ylNuStDZejkL+PS96ScFzRqnDAtI5PoTefvbg7iNNOOwqVRCfYghdxBbpHH8Y7+DcKlUTV7MLLaNghPIrjhf2N2IF34AVcjE44hrXHyE3MwE6/loEzpEcIlqKjeyFiBe7FS+he/gENewMLEyuwXdo8dGWP43UsRazA9g7uDNbwNX8oS8watlsz+ISIGbgSJgN3GgOHlnFq8zNFQraGgT1iFc9iUyU0XsMGHhy9zh6XbvCp4ZuBBWglDBj4OdqLeu0+uRJTwMZ+Dbp/e21P3m97yWe2snsw1LTHmz5C/9lQdwhfGbiq89GwvrrwUT4UAouhN6MzloTRpVuEYI5O9urZYXtrYPGQw2OlZegM163QhrJMfWVgyTq0Qq32C/N7uPz9OknWAAAAAElFTkSuQmCC) no-repeat 50% 50%
}

.iziModal-navigate>button {
    position: fixed;
    bottom: 0;
    top: 0;
    border: 0;
    height: 100%;
    width: 84px;
    background-size: 100% !important;
    cursor: pointer;
    padding: 0;
    opacity: .2;
    transition: opacity .3s ease;
    pointer-events: all;
    margin: 0;
    outline: 0
}

.iziModal-navigate>button:hover {
    opacity: 1
}

.iziModal-navigate-prev {
    left: 50%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALwAAAC8CAYAAADCScSrAAAACXBIWXMAAAsTAAALEwEAmpwYAAA5sGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzIgNzkuMTU5Mjg0LCAyMDE2LzA0LzE5LTEzOjEzOjQwICAgICAgICAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgICAgICAgICAgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiCiAgICAgICAgICAgIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiCiAgICAgICAgICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgICAgICAgICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgICAgICAgICB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIgogICAgICAgICAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyI+CiAgICAgICAgIDx4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ+eG1wLmRpZDo2NDkyYzcxMy05ZDM0LTZlNGQtYmUwNi1hMDMyY2Q4NDVjNGU8L3htcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD4KICAgICAgICAgPHhtcE1NOkRvY3VtZW50SUQ+eG1wLmRpZDo1QjIzMUMxODU3RjcxMUU2ODUzRkRBRjE5RDhDQjZBRDwveG1wTU06RG9jdW1lbnRJRD4KICAgICAgICAgPHhtcE1NOkluc3RhbmNlSUQ+eG1wLmlpZDpjZmMwNzVmNC1kODA3LWI0NDMtYWIwYS02YWVhZjRjMDgxZWE8L3htcE1NOkluc3RhbmNlSUQ+CiAgICAgICAgIDx4bXBNTTpEZXJpdmVkRnJvbSByZGY6cGFyc2VUeXBlPSJSZXNvdXJjZSI+CiAgICAgICAgICAgIDxzdFJlZjppbnN0YW5jZUlEPnhtcC5paWQ6NjQ5MmM3MTMtOWQzNC02ZTRkLWJlMDYtYTAzMmNkODQ1YzRlPC9zdFJlZjppbnN0YW5jZUlEPgogICAgICAgICAgICA8c3RSZWY6ZG9jdW1lbnRJRD54bXAuZGlkOjY0OTJjNzEzLTlkMzQtNmU0ZC1iZTA2LWEwMzJjZDg0NWM0ZTwvc3RSZWY6ZG9jdW1lbnRJRD4KICAgICAgICAgPC94bXBNTTpEZXJpdmVkRnJvbT4KICAgICAgICAgPHhtcE1NOkhpc3Rvcnk+CiAgICAgICAgICAgIDxyZGY6U2VxPgogICAgICAgICAgICAgICA8cmRmOmxpIHJkZjpwYXJzZVR5cGU9IlJlc291cmNlIj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OmFjdGlvbj5zYXZlZDwvc3RFdnQ6YWN0aW9uPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6aW5zdGFuY2VJRD54bXAuaWlkOmNmYzA3NWY0LWQ4MDctYjQ0My1hYjBhLTZhZWFmNGMwODFlYTwvc3RFdnQ6aW5zdGFuY2VJRD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OndoZW4+MjAxNi0wOC0wMVQxMTo1ODowNC0wMzowMDwvc3RFdnQ6d2hlbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OnNvZnR3YXJlQWdlbnQ+QWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cyk8L3N0RXZ0OnNvZnR3YXJlQWdlbnQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDpjaGFuZ2VkPi88L3N0RXZ0OmNoYW5nZWQ+CiAgICAgICAgICAgICAgIDwvcmRmOmxpPgogICAgICAgICAgICA8L3JkZjpTZXE+CiAgICAgICAgIDwveG1wTU06SGlzdG9yeT4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAxNS41IChXaW5kb3dzKTwveG1wOkNyZWF0b3JUb29sPgogICAgICAgICA8eG1wOkNyZWF0ZURhdGU+MjAxNi0wOC0wMVQwOTo0MDo1Ni0wMzowMDwveG1wOkNyZWF0ZURhdGU+CiAgICAgICAgIDx4bXA6TW9kaWZ5RGF0ZT4yMDE2LTA4LTAxVDExOjU4OjA0LTAzOjAwPC94bXA6TW9kaWZ5RGF0ZT4KICAgICAgICAgPHhtcDpNZXRhZGF0YURhdGU+MjAxNi0wOC0wMVQxMTo1ODowNC0wMzowMDwveG1wOk1ldGFkYXRhRGF0ZT4KICAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9wbmc8L2RjOmZvcm1hdD4KICAgICAgICAgPHBob3Rvc2hvcDpDb2xvck1vZGU+MzwvcGhvdG9zaG9wOkNvbG9yTW9kZT4KICAgICAgICAgPHRpZmY6T3JpZW50YXRpb24+MTwvdGlmZjpPcmllbnRhdGlvbj4KICAgICAgICAgPHRpZmY6WFJlc29sdXRpb24+NzIwMDAwLzEwMDAwPC90aWZmOlhSZXNvbHV0aW9uPgogICAgICAgICA8dGlmZjpZUmVzb2x1dGlvbj43MjAwMDAvMTAwMDA8L3RpZmY6WVJlc29sdXRpb24+CiAgICAgICAgIDx0aWZmOlJlc29sdXRpb25Vbml0PjI8L3RpZmY6UmVzb2x1dGlvblVuaXQ+CiAgICAgICAgIDxleGlmOkNvbG9yU3BhY2U+NjU1MzU8L2V4aWY6Q29sb3JTcGFjZT4KICAgICAgICAgPGV4aWY6UGl4ZWxYRGltZW5zaW9uPjE4ODwvZXhpZjpQaXhlbFhEaW1lbnNpb24+CiAgICAgICAgIDxleGlmOlBpeGVsWURpbWVuc2lvbj4xODg8L2V4aWY6UGl4ZWxZRGltZW5zaW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAKPD94cGFja2V0IGVuZD0idyI/PvAvv7QAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAmdJREFUeNrs1LsJQkEQhtH/mtmBgQ8QA7tQK1e7MBBBMbADwzUZEyuQveeDCXbD4TBDay3SWJpYgYCXgJeAl4CXgJeAl4CXgJeAl4CXgJeAF/AS8BLwEvAS8BLwEvAS8BLwEvAS8BLwAl4CXgJeAl4CXv/WJskpyQJ4jQH7Mcmu0C+BV+/Y5/VeF/oV8Ood+7dpDfDqHvsrySHJBXjBDrxgB16wAy/YgRfswAt24AU78IIdeMEOPOywAw+7gIcdeMEOvGAHXrADL9iBF+zAC3bgBTvwsMMOPOwCHnYBD7uAhx14wQ68YAdesAMv2IEX7MDDDjvwsAt42AU87AIedgEPu4CHXcDDDrxgB16wAw877MDDDjvwsAt42AU87AIedgEPu4CHXcDDLuBhB16wAw877MDDLuBhF/CwC3jYBTzsAh52AQ+7gIddwEtjB3+tS/78+Z/V5d9iATz0Ah56AQ+9gIdewEMv4KEX8NALeOgFPPQCHnoBDz3wgh54QQ889NADDz30wEMv4KEX8NALeOgFPPQCHnoBD72Ahx54QQ+8oAde0AMv6IEX9MBDDz3w0EMPPPQCHnoBD72Ah17AQw+8FUAPvKAHXtADL+iBF/TAC3rgBT3wgh546KEHHnrogYdewEMv4KEHXtADL+iBF/TAC3rgBT3wgh54QQ+8oAde0AMv6IGHHnrgoU/yrgFe3aO/JdknuQOv3tGfC/tjjEsYWmsoyIWXgJeAl4CXgJeAl4CXgJeAl4CXgJeAF/AS8BLwEvAS8BLwEvAS8BLwEvAS8BLwAl4CXgJeAl4CXvqnPgAAAP//AwCEcoCBRabYzAAAAABJRU5ErkJggg==) no-repeat 50% 50%
}

.iziModal-navigate-next {
    right: 50%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALwAAAC8CAYAAADCScSrAAAACXBIWXMAAB3SAAAd0gEUasEwAAA7pGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzIgNzkuMTU5Mjg0LCAyMDE2LzA0LzE5LTEzOjEzOjQwICAgICAgICAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIKICAgICAgICAgICAgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIgogICAgICAgICAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgICAgICAgICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmV4aWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vZXhpZi8xLjAvIj4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAxNS41IChXaW5kb3dzKTwveG1wOkNyZWF0b3JUb29sPgogICAgICAgICA8eG1wOkNyZWF0ZURhdGU+MjAxNi0wOC0wMVQwOTo0MDoxNC0wMzowMDwveG1wOkNyZWF0ZURhdGU+CiAgICAgICAgIDx4bXA6TW9kaWZ5RGF0ZT4yMDE2LTA4LTAxVDExOjU4OjEyLTAzOjAwPC94bXA6TW9kaWZ5RGF0ZT4KICAgICAgICAgPHhtcDpNZXRhZGF0YURhdGU+MjAxNi0wOC0wMVQxMTo1ODoxMi0wMzowMDwveG1wOk1ldGFkYXRhRGF0ZT4KICAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9wbmc8L2RjOmZvcm1hdD4KICAgICAgICAgPHBob3Rvc2hvcDpDb2xvck1vZGU+MzwvcGhvdG9zaG9wOkNvbG9yTW9kZT4KICAgICAgICAgPHhtcE1NOkluc3RhbmNlSUQ+eG1wLmlpZDphZjljN2Q2MC00MTg2LWE3NGQtYTBiMS1mMGU5ODUwYzg2ZGY8L3htcE1NOkluc3RhbmNlSUQ+CiAgICAgICAgIDx4bXBNTTpEb2N1bWVudElEPnhtcC5kaWQ6NjQ5MmM3MTMtOWQzNC02ZTRkLWJlMDYtYTAzMmNkODQ1YzRlPC94bXBNTTpEb2N1bWVudElEPgogICAgICAgICA8eG1wTU06T3JpZ2luYWxEb2N1bWVudElEPnhtcC5kaWQ6NjQ5MmM3MTMtOWQzNC02ZTRkLWJlMDYtYTAzMmNkODQ1YzRlPC94bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ+CiAgICAgICAgIDx4bXBNTTpIaXN0b3J5PgogICAgICAgICAgICA8cmRmOlNlcT4KICAgICAgICAgICAgICAgPHJkZjpsaSByZGY6cGFyc2VUeXBlPSJSZXNvdXJjZSI+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDphY3Rpb24+Y3JlYXRlZDwvc3RFdnQ6YWN0aW9uPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6aW5zdGFuY2VJRD54bXAuaWlkOjY0OTJjNzEzLTlkMzQtNmU0ZC1iZTA2LWEwMzJjZDg0NWM0ZTwvc3RFdnQ6aW5zdGFuY2VJRD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OndoZW4+MjAxNi0wOC0wMVQwOTo0MDoxNC0wMzowMDwvc3RFdnQ6d2hlbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OnNvZnR3YXJlQWdlbnQ+QWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cyk8L3N0RXZ0OnNvZnR3YXJlQWdlbnQ+CiAgICAgICAgICAgICAgIDwvcmRmOmxpPgogICAgICAgICAgICAgICA8cmRmOmxpIHJkZjpwYXJzZVR5cGU9IlJlc291cmNlIj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OmFjdGlvbj5zYXZlZDwvc3RFdnQ6YWN0aW9uPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6aW5zdGFuY2VJRD54bXAuaWlkOjAxNjJjMmE3LWZmMjYtYzE0ZC05Yjg4LTc2MGM2NzAxYjYzNzwvc3RFdnQ6aW5zdGFuY2VJRD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OndoZW4+MjAxNi0wOC0wMVQxMTo1MTowNy0wMzowMDwvc3RFdnQ6d2hlbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OnNvZnR3YXJlQWdlbnQ+QWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cyk8L3N0RXZ0OnNvZnR3YXJlQWdlbnQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDpjaGFuZ2VkPi88L3N0RXZ0OmNoYW5nZWQ+CiAgICAgICAgICAgICAgIDwvcmRmOmxpPgogICAgICAgICAgICAgICA8cmRmOmxpIHJkZjpwYXJzZVR5cGU9IlJlc291cmNlIj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OmFjdGlvbj5zYXZlZDwvc3RFdnQ6YWN0aW9uPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6aW5zdGFuY2VJRD54bXAuaWlkOmFmOWM3ZDYwLTQxODYtYTc0ZC1hMGIxLWYwZTk4NTBjODZkZjwvc3RFdnQ6aW5zdGFuY2VJRD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OndoZW4+MjAxNi0wOC0wMVQxMTo1ODoxMi0wMzowMDwvc3RFdnQ6d2hlbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OnNvZnR3YXJlQWdlbnQ+QWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cyk8L3N0RXZ0OnNvZnR3YXJlQWdlbnQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDpjaGFuZ2VkPi88L3N0RXZ0OmNoYW5nZWQ+CiAgICAgICAgICAgICAgIDwvcmRmOmxpPgogICAgICAgICAgICA8L3JkZjpTZXE+CiAgICAgICAgIDwveG1wTU06SGlzdG9yeT4KICAgICAgICAgPHRpZmY6T3JpZW50YXRpb24+MTwvdGlmZjpPcmllbnRhdGlvbj4KICAgICAgICAgPHRpZmY6WFJlc29sdXRpb24+MTkzOTAzNi8xMDAwMDwvdGlmZjpYUmVzb2x1dGlvbj4KICAgICAgICAgPHRpZmY6WVJlc29sdXRpb24+MTkzOTAzNi8xMDAwMDwvdGlmZjpZUmVzb2x1dGlvbj4KICAgICAgICAgPHRpZmY6UmVzb2x1dGlvblVuaXQ+MjwvdGlmZjpSZXNvbHV0aW9uVW5pdD4KICAgICAgICAgPGV4aWY6Q29sb3JTcGFjZT42NTUzNTwvZXhpZjpDb2xvclNwYWNlPgogICAgICAgICA8ZXhpZjpQaXhlbFhEaW1lbnNpb24+MTg4PC9leGlmOlBpeGVsWERpbWVuc2lvbj4KICAgICAgICAgPGV4aWY6UGl4ZWxZRGltZW5zaW9uPjE4ODwvZXhpZjpQaXhlbFlEaW1lbnNpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgIAo8P3hwYWNrZXQgZW5kPSJ3Ij8+nbt1mgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAACQklEQVR42uzSsQ3CQAAEQTdiOyGg/wrciJ0QUMYSECEKAP3PSdvAaZZqkWbJCQJeAl4CXgJeAl4CXgJeAl4CXgJeAl4CXsBLwEvAS8BLwEvAS8BLwEvAS8BLwEvAC3gJeAl4CXgJ+D9vrY7qBgLwo7dVZ+89oAd+5Pbq6nPQAz9s9+rZ96AHHnoBD72Ah17AQy/goRfw0At46AU89AIeegEPvYCHHnhBD7ygBx566IGHHnrgoRfw0At46AU89AIeegEPvYCHXsBDL+ChB17QAy/ogRf0wAt64KGHHnjooQceegEPvYCHXsBDL+ChF/DQAy/ogRf0wAt64AU98IIeeEEPvKAHXtADDz30wEPvI+ChF/DQAy/ogRf0wAt64AU98IIeeEEPvKAHXtADL+iBF/TAC3rgoZ8ePRDAAy/YgRfswAt24AU78IIdeMEOvGAHXrADL9iBhx124GEX8LADL9iBF+zAC3bgBTvwgh14wQ68YAcedtiBh13Awy7gYRfwsAMv2IEX7MALduAFO/CCHXjYYQcedgEPu4CHXcDDLuBhF/CwA+8E2IEX7MALduAFO/Cwww487AIedgEPu4CHXcDDLuBhF/CwC3jYgRfswMMOO/CwC3jYBTzsAh52AQ+7gIddwMMu4GEX8LBravB7dcEO/Ext1Qk78DO1VgfswEvAS8BLwEvAS8BLwEvAS8BLwEvAS8ALeAl4CXgJeAl4CXgJeAl4CXgJeAl4CXgBLwEvAS8BLwEvAS/9shcAAAD//wMAtAygvJrkwJUAAAAASUVORK5CYII=) no-repeat 50% 50%
}

.iziModal.isAttachedTop .iziModal-header {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.iziModal.isAttachedTop {
    margin-top: 0 !important;
    margin-bottom: auto !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
}

.iziModal.isAttachedBottom {
    margin-top: auto !important;
    margin-bottom: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.iziModal.isFullscreen {
    max-width: 100% !important;
    margin: 0 !important;
    height: 100% !important
}

.iziModal.isAttached,
.iziModal.isFullscreen {
    border-radius: 0 !important
}

.iziModal.hasScroll .iziModal-wrap {
    overflow-y: auto;
    overflow-x: hidden
}

html.iziModal-isAttached,
html.iziModal-isOverflow {
    overflow: hidden
}

html.iziModal-isAttached body,
html.iziModal-isOverflow body {
    overflow-y: scroll;
    position: relative
}

.iziModal ::-webkit-scrollbar {
    overflow: visible;
    height: 7px;
    width: 7px
}

.iziModal ::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .2);
    background-clip: padding-box;
    border: solid transparent;
    border-width: 0;
    min-height: 28px;
    padding: 100px 0 0;
    box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .07)
}

.iziModal ::-webkit-scrollbar-thumb:active {
    background-color: rgba(0, 0, 0, .4)
}

.iziModal ::-webkit-scrollbar-button {
    height: 0;
    width: 0
}

.iziModal ::-webkit-scrollbar-track {
    background-clip: padding-box;
    border: solid transparent;
    border-width: 0 0 0 2px
}

.iziModal.transitionIn .iziModal-header {
    -webkit-animation: iziM-slideDown .7s cubic-bezier(.7, 0, .3, 1);
    -moz-animation: iziM-slideDown .7s cubic-bezier(.7, 0, .3, 1);
    animation: iziM-slideDown .7s cubic-bezier(.7, 0, .3, 1)
}

.iziModal.transitionIn .iziModal-header .iziModal-header-icon {
    -webkit-animation: iziM-revealIn 1s cubic-bezier(.16, .81, .32, 1) both;
    -moz-animation: iziM-revealIn 1s cubic-bezier(.16, .81, .32, 1) both;
    animation: iziM-revealIn 1s cubic-bezier(.16, .81, .32, 1) both
}

.iziModal.transitionIn .iziModal-header .iziModal-header-subtitle,
.iziModal.transitionIn .iziModal-header .iziModal-header-title {
    -webkit-animation: iziM-slideIn 1s cubic-bezier(.16, .81, .32, 1) both;
    -moz-animation: iziM-slideIn 1s cubic-bezier(.16, .81, .32, 1) both;
    animation: iziM-slideIn 1s cubic-bezier(.16, .81, .32, 1) both
}

.iziModal.transitionIn .iziModal-header .iziModal-button {
    -webkit-animation: iziM-revealIn 1.2s cubic-bezier(.7, 0, .3, 1);
    -moz-animation: iziM-revealIn 1.2s cubic-bezier(.7, 0, .3, 1);
    animation: iziM-revealIn 1.2s cubic-bezier(.7, 0, .3, 1)
}

.iziModal.transitionIn .iziModal-iframe,
.iziModal.transitionIn .iziModal-wrap {
    -webkit-animation: iziM-fadeIn 1.3s;
    -moz-animation: iziM-fadeIn 1.3s;
    animation: iziM-fadeIn 1.3s
}

.iziModal.transitionIn .iziModal-header {
    -webkit-animation-delay: 0s;
    -moz-animation: 0s;
    animation-delay: 0s
}

.iziModal.transitionIn .iziModal-header .iziModal-header-icon,
.iziModal.transitionIn .iziModal-header .iziModal-header-title {
    -webkit-animation-delay: .4s;
    -moz-animation: .4s;
    animation-delay: .4s
}

.iziModal.transitionIn .iziModal-header .iziModal-header-subtitle {
    -webkit-animation-delay: .5s;
    -moz-animation: .5s;
    animation-delay: .5s
}

.iziModal.transitionOut .iziModal-header,
.iziModal.transitionOut .iziModal-header * {
    transition: none !important
}

.iziModal .fadeOut,
.iziModal-navigate.fadeOut,
.iziModal-overlay.fadeOut,
.iziModal.fadeOut {
    -webkit-animation: iziM-fadeOut .5s;
    -moz-animation: iziM-fadeOut .5s;
    animation: iziM-fadeOut .5s;
    animation-fill-mode: forwards
}

.iziModal .fadeIn,
.iziModal-navigate.fadeIn,
.iziModal-overlay.fadeIn,
.iziModal.fadeIn {
    -webkit-animation: iziM-fadeIn .5s;
    -moz-animation: iziM-fadeIn .5s;
    animation: iziM-fadeIn .5s
}

.iziModal-overlay.comingIn,
.iziModal.comingIn {
    -webkit-animation: iziM-comingIn .5s ease;
    -moz-animation: iziM-comingIn .5s ease;
    animation: iziM-comingIn .5s ease
}

.iziModal-overlay.comingOut,
.iziModal.comingOut {
    -webkit-animation: iziM-comingOut .5s cubic-bezier(.16, .81, .32, 1);
    -moz-animation: iziM-comingOut .5s cubic-bezier(.16, .81, .32, 1);
    animation: iziM-comingOut .5s cubic-bezier(.16, .81, .32, 1);
    animation-fill-mode: forwards
}

.iziModal-overlay.bounceInDown,
.iziModal.bounceInDown {
    -webkit-animation: iziM-bounceInDown .7s ease;
    animation: iziM-bounceInDown .7s ease
}

.iziModal-overlay.bounceOutDown,
.iziModal.bounceOutDown {
    -webkit-animation: iziM-bounceOutDown .7s ease;
    animation: iziM-bounceOutDown .7s ease
}

.iziModal-overlay.bounceInUp,
.iziModal.bounceInUp {
    -webkit-animation: iziM-bounceInUp .7s ease;
    animation: iziM-bounceInUp .7s ease
}

.iziModal-overlay.bounceOutUp,
.iziModal.bounceOutUp {
    -webkit-animation: iziM-bounceOutUp .7s ease;
    animation: iziM-bounceOutUp .7s ease
}

.iziModal-overlay.fadeInDown,
.iziModal.fadeInDown {
    -webkit-animation: iziM-fadeInDown .7s cubic-bezier(.16, .81, .32, 1);
    animation: iziM-fadeInDown .7s cubic-bezier(.16, .81, .32, 1)
}

.iziModal-overlay.fadeOutDown,
.iziModal.fadeOutDown {
    -webkit-animation: iziM-fadeOutDown .5s ease;
    animation: iziM-fadeOutDown .5s ease
}

.iziModal-overlay.fadeInUp,
.iziModal.fadeInUp {
    -webkit-animation: iziM-fadeInUp .7s cubic-bezier(.16, .81, .32, 1);
    animation: iziM-fadeInUp .7s cubic-bezier(.16, .81, .32, 1)
}

.iziModal-overlay.fadeOutUp,
.iziModal.fadeOutUp {
    -webkit-animation: iziM-fadeOutUp .5s ease;
    animation: iziM-fadeOutUp .5s ease
}

.iziModal-overlay.fadeInLeft,
.iziModal.fadeInLeft {
    -webkit-animation: iziM-fadeInLeft .7s cubic-bezier(.16, .81, .32, 1);
    animation: iziM-fadeInLeft .7s cubic-bezier(.16, .81, .32, 1)
}

.iziModal-overlay.fadeOutLeft,
.iziModal.fadeOutLeft {
    -webkit-animation: iziM-fadeOutLeft .5s ease;
    animation: iziM-fadeOutLeft .5s ease
}

.iziModal-overlay.fadeInRight,
.iziModal.fadeInRight {
    -webkit-animation: iziM-fadeInRight .7s cubic-bezier(.16, .81, .32, 1);
    animation: iziM-fadeInRight .7s cubic-bezier(.16, .81, .32, 1)
}

.iziModal-overlay.fadeOutRight,
.iziModal.fadeOutRight {
    -webkit-animation: iziM-fadeOutRight .5s ease;
    animation: iziM-fadeOutRight .5s ease
}

.iziModal-overlay.flipInX,
.iziModal.flipInX {
    -webkit-animation: iziM-flipInX .7s ease;
    animation: iziM-flipInX .7s ease
}

.iziModal-overlay.flipOutX,
.iziModal.flipOutX {
    -webkit-animation: iziM-flipOutX .7s ease;
    animation: iziM-flipOutX .7s ease
}

@-webkit-keyframes iziM-comingIn {
    0% {
        opacity: 0;
        transform: scale(.9) translateY(-20px) perspective(600px) rotateX(10deg);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0) perspective(600px) rotateX(0);
    }
}

@-moz-keyframes iziM-comingIn {
    0% {
        opacity: 0;
        transform: scale(.9) translateY(-20px) perspective(600px) rotateX(10deg);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0) perspective(600px) rotateX(0);
    }
}

@keyframes iziM-comingIn {
    0% {
        opacity: 0;
        transform: scale(.9) translateY(-20px) perspective(600px) rotateX(10deg);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0) perspective(600px) rotateX(0);
    }
}

@-webkit-keyframes iziM-comingOut {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    to {
        opacity: 0;
        transform: scale(.9);
    }
}

@-moz-keyframes iziM-comingOut {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    to {
        opacity: 0;
        transform: scale(.9);
    }
}

@keyframes iziM-comingOut {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    to {
        opacity: 0;
        transform: scale(.9);
    }
}

@-webkit-keyframes iziM-fadeOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@-moz-keyframes iziM-fadeOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes iziM-fadeOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@-webkit-keyframes iziM-fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-moz-keyframes iziM-fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes iziM-fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes iziM-slideIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(50px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes iziM-slideIn {
    0% {
        opacity: 0;
        -moz-transform: translateX(50px);
    }
    to {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@keyframes iziM-slideIn {
    0% {
        opacity: 0;
        transform: translateX(50px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@-webkit-keyframes iziM-slideDown {
    0% {
        opacity: 0;
        -webkit-transform: scale(1, 0) translateY(-40px);
        -webkit-transform-origin: center top;
    }
}

@-moz-keyframes iziM-slideDown {
    0% {
        opacity: 0;
        -moz-transform: scale(1, 0) translateY(-40px);
        -moz-transform-origin: center top;
    }
}

@keyframes iziM-slideDown {
    0% {
        opacity: 0;
        transform: scale(1, 0) translateY(-40px);
        transform-origin: center top;
    }
}

@-webkit-keyframes iziM-revealIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, 1);
    }
}

@-moz-keyframes iziM-revealIn {
    0% {
        opacity: 0;
        -moz-transform: scale3d(.3, .3, 1);
    }
}

@keyframes iziM-revealIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, 1);
    }
}

@-webkit-keyframes iziM-bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -1000px, 0);
        transform: translate3d(0, -1000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes iziM-bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -1000px, 0);
        transform: translate3d(0, -1000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes iziM-bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 1000px, 0);
        transform: translate3d(0, 1000px, 0);
    }
}

@keyframes iziM-bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 1000px, 0);
        transform: translate3d(0, 1000px, 0);
    }
}

@-webkit-keyframes iziM-bounceInUp {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 1000px, 0);
        transform: translate3d(0, 1000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes iziM-bounceInUp {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 1000px, 0);
        transform: translate3d(0, 1000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes iziM-bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes iziM-bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -1000px, 0);
        transform: translate3d(0, -1000px, 0);
    }
}

@-webkit-keyframes iziM-fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes iziM-fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes iziM-fadeOutDown {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
    }
}

@keyframes iziM-fadeOutDown {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
    }
}

@-webkit-keyframes iziM-fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes iziM-fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes iziM-fadeOutUp {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0);
    }
}

@keyframes iziM-fadeOutUp {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0);
    }
}

@-webkit-keyframes iziM-fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-200px, 0, 0);
        transform: translate3d(-200px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes iziM-fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-200px, 0, 0);
        transform: translate3d(-200px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes iziM-fadeOutLeft {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-200px, 0, 0);
        transform: translate3d(-200px, 0, 0);
    }
}

@keyframes iziM-fadeOutLeft {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-200px, 0, 0);
        transform: translate3d(-200px, 0, 0);
    }
}

@-webkit-keyframes iziM-fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(200px, 0, 0);
        transform: translate3d(200px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes iziM-fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(200px, 0, 0);
        transform: translate3d(200px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes iziM-fadeOutRight {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(200px, 0, 0);
        transform: translate3d(200px, 0, 0);
    }
}

@keyframes iziM-fadeOutRight {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(200px, 0, 0);
        transform: translate3d(200px, 0, 0);
    }
}

@-webkit-keyframes iziM-flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(60deg);
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
    }
    to {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

@keyframes iziM-flipInX {
    0% {
        transform: perspective(400px) rotateX(60deg);
        opacity: 0;
    }
    40% {
        transform: perspective(400px) rotateX(-10deg);
    }
    70% {
        transform: perspective(400px) rotateX(10deg);
    }
    to {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

@-webkit-keyframes iziM-flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 40deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 40deg);
        opacity: 0;
    }
}

@keyframes iziM-flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 40deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 40deg);
        opacity: 0;
    }
}

[uib-tooltip-popup].tooltip.top-left>.tooltip-arrow,
[uib-tooltip-popup].tooltip.top-right>.tooltip-arrow,
[uib-tooltip-popup].tooltip.bottom-left>.tooltip-arrow,
[uib-tooltip-popup].tooltip.bottom-right>.tooltip-arrow,
[uib-tooltip-popup].tooltip.left-top>.tooltip-arrow,
[uib-tooltip-popup].tooltip.left-bottom>.tooltip-arrow,
[uib-tooltip-popup].tooltip.right-top>.tooltip-arrow,
[uib-tooltip-popup].tooltip.right-bottom>.tooltip-arrow,
[uib-tooltip-html-popup].tooltip.top-left>.tooltip-arrow,
[uib-tooltip-html-popup].tooltip.top-right>.tooltip-arrow,
[uib-tooltip-html-popup].tooltip.bottom-left>.tooltip-arrow,
[uib-tooltip-html-popup].tooltip.bottom-right>.tooltip-arrow,
[uib-tooltip-html-popup].tooltip.left-top>.tooltip-arrow,
[uib-tooltip-html-popup].tooltip.left-bottom>.tooltip-arrow,
[uib-tooltip-html-popup].tooltip.right-top>.tooltip-arrow,
[uib-tooltip-html-popup].tooltip.right-bottom>.tooltip-arrow,
[uib-tooltip-template-popup].tooltip.top-left>.tooltip-arrow,
[uib-tooltip-template-popup].tooltip.top-right>.tooltip-arrow,
[uib-tooltip-template-popup].tooltip.bottom-left>.tooltip-arrow,
[uib-tooltip-template-popup].tooltip.bottom-right>.tooltip-arrow,
[uib-tooltip-template-popup].tooltip.left-top>.tooltip-arrow,
[uib-tooltip-template-popup].tooltip.left-bottom>.tooltip-arrow,
[uib-tooltip-template-popup].tooltip.right-top>.tooltip-arrow,
[uib-tooltip-template-popup].tooltip.right-bottom>.tooltip-arrow,
[uib-popover-popup].popover.top-left>.arrow,
[uib-popover-popup].popover.top-right>.arrow,
[uib-popover-popup].popover.bottom-left>.arrow,
[uib-popover-popup].popover.bottom-right>.arrow,
[uib-popover-popup].popover.left-top>.arrow,
[uib-popover-popup].popover.left-bottom>.arrow,
[uib-popover-popup].popover.right-top>.arrow,
[uib-popover-popup].popover.right-bottom>.arrow,
[uib-popover-html-popup].popover.top-left>.arrow,
[uib-popover-html-popup].popover.top-right>.arrow,
[uib-popover-html-popup].popover.bottom-left>.arrow,
[uib-popover-html-popup].popover.bottom-right>.arrow,
[uib-popover-html-popup].popover.left-top>.arrow,
[uib-popover-html-popup].popover.left-bottom>.arrow,
[uib-popover-html-popup].popover.right-top>.arrow,
[uib-popover-html-popup].popover.right-bottom>.arrow,
[uib-popover-template-popup].popover.top-left>.arrow,
[uib-popover-template-popup].popover.top-right>.arrow,
[uib-popover-template-popup].popover.bottom-left>.arrow,
[uib-popover-template-popup].popover.bottom-right>.arrow,
[uib-popover-template-popup].popover.left-top>.arrow,
[uib-popover-template-popup].popover.left-bottom>.arrow,
[uib-popover-template-popup].popover.right-top>.arrow,
[uib-popover-template-popup].popover.right-bottom>.arrow {
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    margin: 0
}

[uib-popover-popup].popover,
[uib-popover-html-popup].popover,
[uib-popover-template-popup].popover {
    display: block !important
}

.uib-position-measure {
    display: block !important;
    visibility: hidden !important;
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important
}

.uib-position-scrollbar-measure {
    position: absolute !important;
    top: -9999px !important;
    width: 50px !important;
    height: 50px !important;
    overflow: scroll !important
}

.uib-position-body-scrollbar-measure {
    overflow: scroll !important
}


/**
 * selectize.bootstrap3.css (v0.12.6) - Bootstrap 3 Theme
 * Copyright (c) 2013–2015 Brian Reavis & contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 * @author Brian Reavis <brian@thirdroute.com>
 */

.selectize-control.plugin-drag_drop.multi>.selectize-input>div.ui-sortable-placeholder {
    visibility: visible !important;
    background: #f2f2f2 !important;
    background: rgba(0, 0, 0, 0.06) !important;
    border: 0 none !important;
    -webkit-box-shadow: inset 0 0 12px 4px #fff;
    box-shadow: inset 0 0 12px 4px #fff
}

.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
    content: '!';
    visibility: hidden
}

.selectize-control.plugin-drag_drop .ui-sortable-helper {
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2)
}

.selectize-dropdown-header {
    position: relative;
    padding: 3px 12px;
    border-bottom: 1px solid #d0d0d0;
    background: #f8f8f8;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.selectize-dropdown-header-close {
    position: absolute;
    right: 12px;
    top: 50%;
    color: #333333;
    opacity: 0.4;
    margin-top: -12px;
    line-height: 20px;
    font-size: 20px !important
}

.selectize-dropdown-header-close:hover {
    color: #000000
}

.selectize-dropdown.plugin-optgroup_columns .optgroup {
    border-right: 1px solid #f2f2f2;
    border-top: 0 none;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
    border-right: 0 none
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
    display: none
}

.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
    border-top: 0 none
}

.selectize-control.plugin-remove_button [data-value] {
    position: relative;
    padding-right: 24px !important
}

.selectize-control.plugin-remove_button [data-value] .remove {
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 17px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    color: inherit;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block;
    padding: 1px 0 0 0;
    border-left: 1px solid rgba(0, 0, 0, 0);
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.selectize-control.plugin-remove_button [data-value] .remove:hover {
    background: rgba(0, 0, 0, 0.05)
}

.selectize-control.plugin-remove_button [data-value].active .remove {
    border-left-color: rgba(0, 0, 0, 0)
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
    background: none
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove {
    border-left-color: rgba(77, 77, 77, 0)
}

.selectize-control.plugin-remove_button .remove-single {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 23px
}

.selectize-control {
    position: relative
}

.selectize-dropdown,
.selectize-input,
.selectize-input input {
    color: #333333;
    font-family: inherit;
    font-size: inherit;
    line-height: 20px;
    -webkit-font-smoothing: inherit
}

.selectize-input,
.selectize-control.single .selectize-input.input-active {
    background: #fff;
    cursor: text;
    display: inline-block
}

.selectize-input {
    border: 1px solid #ccc;
    padding: 6px 12px;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.selectize-control.multi .selectize-input.has-items {
    padding: 5px 12px 2px
}

.selectize-input.full {
    background-color: #fff
}

.selectize-input.disabled,
.selectize-input.disabled * {
    cursor: default !important
}

.selectize-input.focus {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15)
}

.selectize-input.dropdown-active {
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.selectize-input>* {
    vertical-align: baseline;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline
}

.selectize-control.multi .selectize-input>div {
    cursor: pointer;
    margin: 0 3px 3px 0;
    padding: 1px 3px;
    background: #efefef;
    color: #333333;
    border: 0 solid rgba(0, 0, 0, 0)
}

.selectize-control.multi .selectize-input>div.active {
    background: #428bca;
    color: #fff;
    border: 0 solid rgba(0, 0, 0, 0)
}

.selectize-control.multi .selectize-input.disabled>div,
.selectize-control.multi .selectize-input.disabled>div.active {
    color: #808080;
    background: #ffffff;
    border: 0 solid rgba(77, 77, 77, 0)
}

.selectize-input>input {
    display: inline-block !important;
    padding: 0 !important;
    min-height: 0 !important;
    max-height: none !important;
    max-width: 100% !important;
    margin: 0 !important;
    text-indent: 0 !important;
    border: 0 none !important;
    background: none !important;
    line-height: inherit !important;
    -webkit-user-select: auto !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.selectize-input>input::-ms-clear {
    display: none
}

.selectize-input>input:focus {
    outline: none !important
}

.selectize-input::after {
    content: ' ';
    display: block;
    clear: left
}

.selectize-input.dropdown-active::before {
    content: ' ';
    display: block;
    position: absolute;
    background: #ffffff;
    height: 1px;
    bottom: 0;
    left: 0;
    right: 0
}

.selectize-dropdown {
    position: absolute;
    z-index: 10;
    border: 1px solid #d0d0d0;
    background: #fff;
    margin: -1px 0 0 0;
    border-top: 0 none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}

.selectize-dropdown [data-selectable] {
    cursor: pointer;
    overflow: hidden
}

.selectize-dropdown [data-selectable] .highlight {
    background: rgba(255, 237, 40, 0.4);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.selectize-dropdown .option,
.selectize-dropdown .optgroup-header {
    padding: 3px 12px
}

.selectize-dropdown .option,
.selectize-dropdown [data-disabled],
.selectize-dropdown [data-disabled] [data-selectable].option {
    cursor: inherit;
    opacity: 0.5
}

.selectize-dropdown [data-selectable].option {
    opacity: 1
}

.selectize-dropdown .optgroup:first-child .optgroup-header {
    border-top: 0 none
}

.selectize-dropdown .optgroup-header {
    color: #777777;
    background: #fff;
    cursor: default
}

.selectize-dropdown .active {
    background-color: #f5f5f5;
    color: #262626
}

.selectize-dropdown .active.create {
    color: #262626
}

.selectize-dropdown .create {
    color: rgba(51, 51, 51, 0.5)
}

.selectize-dropdown-content {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 200px;
    -webkit-overflow-scrolling: touch
}

.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
    cursor: pointer
}

.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
    cursor: text
}

.selectize-control.single .selectize-input:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 50%;
    right: 17px;
    margin-top: -3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #333333 transparent transparent transparent
}

.selectize-control.single .selectize-input.dropdown-active:after {
    margin-top: -4px;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #333333 transparent
}

.selectize-control.rtl.single .selectize-input:after {
    left: 17px;
    right: auto
}

.selectize-control.rtl .selectize-input>input {
    margin: 0 4px 0 -2px !important
}

.selectize-control .selectize-input.disabled {
    opacity: 0.5;
    background-color: #fff
}

.selectize-dropdown,
.selectize-dropdown.form-control {
    height: auto;
    padding: 0;
    margin: 2px 0 0 0;
    z-index: 1000;
    background: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175)
}

.selectize-dropdown .optgroup-header {
    font-size: 12px;
    line-height: 1.42857143
}

.selectize-dropdown .optgroup:first-child:before {
    display: none
}

.selectize-dropdown .optgroup:before {
    content: ' ';
    display: block;
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
    margin-left: -12px;
    margin-right: -12px
}

.selectize-dropdown-content {
    padding: 5px 0
}

.selectize-dropdown-header {
    padding: 6px 12px
}

.selectize-input {
    min-height: 34px
}

.selectize-input.dropdown-active {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.selectize-input.dropdown-active::before {
    display: none
}

.selectize-input.focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6)
}

.has-error .selectize-input {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-error .selectize-input:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483
}

.selectize-control.multi .selectize-input.has-items {
    padding-left: 9px;
    padding-right: 9px
}

.selectize-control.multi .selectize-input>div {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.form-control.selectize-control {
    padding: 0;
    height: auto;
    border: none;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.skeleton {
    position: relative
}

.skeleton * {
    opacity: 1 !important
}

.skeleton.skeleton-hide {
    display: none !important
}

.skeleton .mask {
    position: absolute;
    width: 100%;
    mix-blend-mode: lighten
}

.skeleton .mask * {
    background-color: white !important
}

.skeleton .mask .placeholder {
    background-color: black !important
}

.skeleton .mask .placeholder.with-content * {
    background-color: black !important
}

.skeleton .template {
    mix-blend-mode: darken
}

.skeleton .placeholder {
    background-color: white !important;
    max-width: 100%;
    width: 100%;
    display: inline-block;
    margin: 1px 0 !important
}

.skeleton .placeholder.w40px {
    width: 40px !important
}

.skeleton .placeholder.w40px {
    width: 50px !important
}

.skeleton .placeholder.w100px {
    width: 100px !important
}

.skeleton .placeholder:not(.with-content):before {
    content: ' ';
    display: inline-block
}

.skeleton .placeholder.no-radius {
    border-radius: 0 !important
}

.skeleton .event-row:hover {
    background-color: #18242f !important;
    cursor: default !important
}

.skeleton .event-row:not(.event-row-header) .event-market-name {
    padding: 2px
}

.skeleton .event-list-header {
    margin-bottom: 0px !important
}

.skeleton-navigation {
    height: 700px
}

.skeleton-navigation.mobile {
    display: none;
    height: 140px;
    background-color: #662483
}

#skeleton-events-control:not('.hide')+.skeleton-events {
    display: none !important
}

.animated-background {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: linear-gradient(90deg, #1c2833 0%, #263644 70.3%, #1c2833 100%);
    background-size: 2000px 2000px
}

@keyframes placeHolderShimmer {
    0% {
        background-position: 0px 0;
    }
    100% {
        background-position: 2000px 0;
    }
}

@media only screen and (max-width: 767px) {
    .skeleton-navigation {
        display: none
    }
    .skeleton-navigation.mobile {
        display: block
    }
    .skeleton-live_score {
        display: none
    }
}

.responsive-betstable {
    padding: 0 0px 0px 0px!important;
}

.responsive-filterbetstable {
    padding: 0 0px 0px 0px !important;
    min-height: unset !important;
    overflow-x: hidden !important;
}

.responsive-filter {
    padding: 15px;
    min-height: 55px;
    background-color: var(--primary);
}

.responsive-filter div {
    display: flex;
    align-items: center
}

.responsive-filter div fieldset {
    display: inline-block;
    width: auto;
    margin-right: 10px;
    font-weight: 600;
    font-size: 14px
}

.filterHeader {
    height: 50px;
    display: block;
}

.filter-btn {
    background-color: var(--primary);
    width: calc(100% / 5 - 2px);
    border: 0px solid var(--secondary);
    border-right: 1px solid var(--secondary) !important;
    padding: 10px;
    margin-right: -1px;
}


.filter-btn.active {
    color:var(--quaternary);
}

.responsive-filter div fieldset:not(:first-child) {
    margin-left: 10px
}

.responsive-filter div fieldset input[type="text"] {
    width: 90px
}

    .responsive-filter div fieldset input[type="text"],
    .responsive-filter div fieldset select {
        background-color: var(--primary);
        border: 1px solid hsla(0,0%,100%,.2);
        color: rgba(255, 255, 255, 0.8) !important;
        text-align: center;
        height: 25px
    }

    .responsive-filter div fieldset select {
        border-radius: 4px;
        /*background: linear-gradient(180deg, rgb(28 12 91) 0%, rgb(28 12 91) 100%);*/
    }

        .responsive-filter div fieldset select option {
            background-color: var(--primary)
        }

.responsive-filter div fieldset label {
    color: #fff;
    margin-right: 5px;
    font-size: 14px;
    font-weight: 600
}

.responsive-filter div .reset {
    margin-left: auto
}

.responsive-filter div .reset a,
.responsive-filter div .reset span {
    color: white;
    font-size: 12px;
    font-weight: 600;
    text-align: center
}

.responsive-table {
    padding: 0 8px 8px 8px
}

.responsive-table .align-left {
    text-align: right
}

.responsive-table>div,
.responsive-table>section {
    border-top: 0px solid #434b52
}

    .responsive-table .table-header {
        display: flex;
        align-items: flex-end;
        padding: 13px 10px 13px 10px;
        border-bottom: 1px solid var(--primary);
    }

.responsive-table .table-header>div {
    flex-grow: 1;
    flex-shrink: 2;
    /*width: 100%;*/
    font-size: 11px;
    font-weight: bold;
    padding: 0 3px;
    text-transform: uppercase;
    color: rgba(253, 255, 254, 1);
    margin-right: 4px
}

.responsive-table .table-header.casino>div {
    flex-shrink: 2
}

.responsive-table .table-header.casino>div:last-child,
.responsive-table .table-row.casino>div:last-child {
    text-align: right
}

.responsive-table .table-row.casino>div:last-child {
    padding-top: 4px
}

    .responsive-table .table-row-box {
        background-color: var(--secondary);
        border-bottom: 1px solid var(--primary);
        /*border-radius: 8px;
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.5);
        margin-bottom: 10px*/
    }

.responsive-table .table-row {
    display: flex;
    padding:  10px
}

.responsive-table .table-row>div {
    flex-grow: 1;
    flex-shrink: 2;
    /*width: 100%;*/
    color: rgba(255, 255, 255, 0.9);
    font-size: 12px;
    font-weight: 600;
    padding: 2px;
    margin-right: 4px;
    margin:auto;
}

.responsive-table .table-row>div:last-child {
    margin-right: 0
}

.no-shrink {
    flex-shrink: 1 !important
}

@media only screen and (max-width: 480px) {
    .responsive-filter div {
        flex-wrap: wrap
    }
        .responsive-filter div fieldset {
            margin-left: 0 !important;
            margin-bottom: 10px;
            display: block !important;
        }
    .responsive-filter div fieldset label {
        display: block
    }
}

@media only screen and (max-width: 420px) {
    .responsive-filter div fieldset:nth-child(2) {
        margin-right: 15px
    }
}

@media only screen and (max-width: 329px) {
    .responsive-filter div {
        align-items: flex-start
    }
}

@media only screen and (max-width: 767px) {
    .responsive-table .bp {
        margin-left: 0 !important;
        margin-right: 0 !important
    }
}

@media only screen and (max-width: 1150px) {
    .responsive-table {
        padding: 16px 0 8px 0
    }
    .responsive-table>div,
    .responsive-table>section {
        border-top: none
    }
    .responsive-table .table-header {
        display: none !important
    }
        .responsive-table .table-row {
            flex-wrap: wrap;
            /*display: flex;*/
            align-items: center;
            justify-content: space-between;
            /*flex-direction: column;*/
            padding: 4px 8px 8px 8px
        }
    .responsive-table .table-row>div {
        padding: 4px 4px 0 0
    }
        .responsive-table .table-row-box {
            background-color: var(--secondary);
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.32)
        }
}

.bethistory {
    margin-left: -15px;
    margin-right: -15px
}

.bethistory .dp>div {
    overflow-x: auto
}

.bethistory .dp .dp-title span:first-child,
.bethistory .dp .dp-title span:last-child {
    display: none
}

.bethistory .dp .dp-title span.title {
    margin: auto
}

.bethistory .bet_type {
    /*min-width: 90px*/
    width:15%
}

    .bethistory .bet_ticket {
        width: 15%
    }

    .bethistory .tot_Odds {
        width: 10%;
        text-align:center;
    }

.bethistory .bet_type_resp {
    min-width: 90px
}

.bethistory .bet_id {
    /*min-width: 53px ;*/
    width: 5% !important;
}


.bethistory .bet_date {
    /*min-width: 75px;*/
    width: 15% ;
}

.bethistory .bet_odds {
    width:10%;
}

.bethistory .bet_status {
    /*min-width: 90px*/
    width:10%;
    text-align:center;
}

.bethistory .bet_actionbtn {
    width: 20%;
    text-align:right;
    display:flex;
}
/*.bethistory .bet_actionbtn2 {
    width: 14%;
}*/

.bethistory .bet_expand {
    width: 5%;
}

.bethistory .bet_status span {
    color: #17242f;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    border-radius: 3px;
    padding: 5px 8px!important;
}

    .bethistory .bet_status span.won,
    .bethistory .bet_status span.win,
    .bethistory .bet-details .bet-details-body .bet-detail .won,
    .bethistory .bet_status span.half_win {
        color: green;
    }

    .bethistory .bet_status span.lose,
    .bethistory .bet_status span.lost,
    .bethistory .bet-details .bet-details-body .bet-detail .lost,
    .bethistory .bet_status span.half_lose {
        color: red;
    }

.bethistory .bet_status span.active {
    background-color: #19bc54
}

    .bethistory .bet-details .bet-details-body .bet-detail .pending,
    .bethistory .bet_status span.pending {
        color: yellow
    }

.bethistory .bet_status span.rejected {
    background-color: #99999e
}
.bethistory .bet_status span.success {
    background-color: #19bc54
}

    .bethistory .bet_status span.cashedout {
        background-color: #efc511
    }


    .bethistory .bet_status span.Debit {
        background-color:  var(--tertiary);
    }
    .bethistory .bet_status span.Credit {
        background-color: var(--quaternary);
    }
    .bethistory .bet_status span.pushed,
    .bethistory .bet_status span.void,
    .bethistory .bet-details .bet-details-body .bet-detail .void,
    .bethistory .bet_status span.refund {
        color: grey;
    }

.bethistory .bet_results {
    /*max-width: 50px*/
    width:10%;
}

.bethistory .amounts {
    /*min-width: 75px*/
    width:10%;
    text-align:center;
}

.bethistory .table-header>div:nth-child(7) {
    /*text-align: right*/
}

.bethistory .table-header>div:last-child {
    min-width: 30px
}

.bethistory .table-row-box {
    cursor: pointer;
    flex-wrap: wrap
}

.bethistory .table-row-box>div:nth-child(2) {
    display: none
}

.bethistory .table-row>div:first-child {
    /*font-size: 10px;*/
    /*color: rgba(254, 255, 255, 0.6);*/
    padding-top: 4px
}

.bethistory .table-row>div:last-child {
    min-width: 30px;
    padding-top: 1px;
    padding-left: 6px;
    text-align:right;
}

.bethistory .table-row>div:last-child span {
    /*border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 50%;*/
    /*font-size: 22px;*/
    font-weight: bold;
    padding: 0 6px
}

.bethistory .table-row>div:last-child span.expanded {
    padding: 0 8px
}

.bethistory .table-row>div.bet_winnings.winner,
.bethistory .table-row>div.bet_winnings.winner .bet_winnings_label>span:last-child {
    color: #00a8fa !important
}

.bethistory .table-row>div.bet_winnings span {
    display: none
}

.bethistory .table-row>div.bet_date {
    font-weight: normal
}

.bethistory .table-row>div.bet_winnings,
.bethistory .table-row>div.bet_possible_taxes {
    font-weight: bold
}

.bethistory .table-row>div.bet_possible_taxes {
    display: none
}

    .bethistory .table-row > div.bet_status {
        /*text-align: right;*/
        white-space: nowrap;
    }

.bethistory .bet-details {
    padding: 0 1px 1px 1px;
    width: 100%
}

.bethistory .bet-details.mjhidden {
    padding: 0
}

.bethistory .bet-details .info {
    display: none;
    color: #fdfffe;
    opacity: 0.6;
    font-size: 12px;
    /*margin-bottom: 10px;*/
    padding: 0 8px 8px 8px
}

.bethistory .bet-details .info span:nth-child(2) {
    float: right
}

.bethistory .bet-details .your_picks {
    display: none;
    color: #fdfffe;
    opacity: 0.8;
    font-size: 10px;
    margin-bottom: 6px;
    text-transform: uppercase
}

.bethistory .bet-details .bet_order {
    max-width: 20px
}

.bethistory .bet-details .bet_id {
    width: 5%
}

.bethistory .bet-details .bet_date {
    width: 15%
}

.bethistory .bet-details .bet_game {
    width: 20%
}

.bethistory .bet-details .game_score{
    width: 5%
}

    .bethistory .bet-details .bet_results {
        text-align: right;
        margin-right: 0 !important;
        width: 5%;
        font-weight: 700;
    }

.bethistory .bet-details .bet_market {
    width: 20%;
}

.disabled-link {
    color: black; 
    background-color:var(--primary);
    border:1px solid var(--primary);
}

    .bethistory .bet-details .bet-details-header {
        border-radius: 0; /*6px 6px 0 0;*/
        background-color: var(--secondary);
        display: flex;
        padding: 5px 10px;
        margin-bottom:1px;
    }

.bethistory .bet-details .bet-details-header>div {
    flex-grow: 1;
    flex-shrink: 2;
    width: 100%;
    color: #fefffe;
    font-size: 11px;
    font-weight: bold;
    margin-right: 4px;
    text-transform: uppercase
}

.disabled-link {
    pointer-events: none; 
    color: #fff;
    background-color: var(--quaternary)!important;
    border-color: var(--quaternary)!important;
}

.disabled-link :hover :active :focus {
    pointer-events: none; 
    color: #fff;
    background-color: unset!important;
    border-color: unset!important;
}
        
 .bethistory .bet-details .bet-details-header.casino>div {
    flex-shrink: 3
}

    .bethistory .bet-details .bet-details-body .bet-detail {
        display: flex;
        background-color: var(--primary);
        padding: 10px;
        margin-bottom: 1px
    }

.bethistory .bet-details .bet-details-body .bet-detail:last-child {
    margin-bottom: 0;
    border-radius: 0; /*0 6px 6px*/
}

.bethistory .bet-details .bet-details-body .bet-detail>div {
    flex-grow: 1;
    flex-shrink: 2;
    /*width: 100%;*/
    color: #feffff;
    font-size: 12px;
    opacity: 0.5;
    margin-right: 4px
}

.bethistory .bet-details .bet-details-body .bet-detail>div.bet_id,
.bethistory .bet-details .bet-details-body .bet-detail>div.bet_order,
.bethistory .bet-details .bet-details-body .bet-detail>div.bet_date {
    color: #feffff;
    opacity: 0.5;
    font-weight: 600
}

.bethistory .bet-details .bet-details-body .bet-detail>div.bet_id span,
.bethistory .bet-details .bet-details-body .bet-detail>div.bet_order span,
.bethistory .bet-details .bet-details-body .bet-detail>div.bet_date span {
    display: none
}

.bethistory .bet-details .bet-details-body .bet-detail>div.bet_pick span {
    display: inline-block
}

.bethistory .bet-details .bet-details-body .bet-detail>div.bet_results span {
    display: none
}

.bethistory .bet-details .bet-details-body .bet-detail>div.bet_pick_responsive {
    display: none
}

.bethistory .bet-details .bet-details-body .bet-detail>div:last-child {
    text-align: right
}

.bethistory .bet-details .bet-details-body .bet-detail.casino>div {
    flex-shrink: 3
}

.bethistory .multijackpot .bet_results {
    max-width: 70px
}

.bethistory .multijackpot .user_pick {
    max-width: 100px
}

.bethistory .multijackpot .bet_date {
    min-width: 110px
}

.bethistory .multijackpot .bet-details-body .bet-detail .bet_order_responsive {
    display: none
}

.bethistory .multijackpot .bet-details-body .bet-detail .bet_pick {
    max-width: 100px
}

.bethistory .multijackpot .bet-details-body .bet-detail .bet_date {
    min-width: 110px
}

.bethistory .multijackpot .bet-details-body .bet-detail .bet_results {
    max-width: 70px
}

.bethistory .multijackpot .bet-prizes-status {
    text-align: center
}

.bethistory .multijackpot .bet-prizes-status.bet-picks-1 {
    padding-right: 4px
}

.bethistory .multijackpot .bet-prizes-status.bet-picks-2 {
    padding-right: 5px
}

.bethistory .multijackpot .bet-prizes-status .dot {
    height: 8px;
    width: 8px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    margin-left: 3px
}

.bethistory .multijackpot .bet-prizes-status .dot.green {
    background-color: #00a8fa
}

.bethistory .multijackpot .bet-prizes-status .dot.big {
    border-radius: 0;
    margin-left: -3px;
    background-color: inherit
}

.bethistory .multijackpot .bet-prizes-status .dot.big div:before {
    visibility: visible;
    display: inline-block;
    content: " ";
    top: 1px;
    vertical-align: middle;
    background: url("../images/main_sprite_dark.svg") no-repeat -1050px -1500px;
    height: 18px;
    width: 18px;
    margin-left: -10px
}

.bethistory .multijackpot .bet-prizes-status .dot.big.green div:before {
    background: url("../images/main_sprite_dark.svg") no-repeat -1000px -1500px
}

.bethistory .multijackpot .bet-prizes-status .dot.big:not(.green) {
    opacity: 0.7
}

.bethistory .multijackpot .prizes-wrapper {
    width: 98%;
    margin: 0 10px;
    padding: 0 0 16px 0;
    cursor: auto
}

.bethistory .multijackpot .prizes-wrapper .box {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(125px, 1fr));
    grid-gap: 12px
}

.bethistory .multijackpot .prizes-wrapper .box .prize-row {
    border-radius: 6px;
    background-color: #1b2e3e;
    box-shadow: 0 2px 10px 0 rgba(20, 28, 36, 0.7);
    opacity: 0.3
}

.bethistory .multijackpot .prizes-wrapper .box .prize-row.used {
    opacity: 1
}

.bethistory .multijackpot .prizes-wrapper .box .prize-row div {
    text-align: center
}

.bethistory .multijackpot .prizes-wrapper .box .prize-row .jackpot-type {
    color: #feffff;
    font-weight: 600;
    margin-top: 4px
}

.bethistory .multijackpot .prizes-wrapper .box .prize-row .jackpot-combinations-win {
    opacity: 0.5;
    color: #feffff
}

.bethistory .multijackpot .prizes-wrapper .box .prize-row .prize-amount {
    opacity: 0.9;
    color: #00a8fa;
    font-weight: bold;
    margin-bottom: 4px;
    white-space: nowrap
}

#bet-history-v2 {
    /*margin-left: -15px;
    margin-right: -15px*/
}

#bet-history-v2 .bethistory .table-row>div:last-child span.expanded {
    padding: 0 6px
}

#bet-history-v2 .bp {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

#bet-history-v2 .dp {
    margin-bottom: 32px
}

#bet-history-v2 .bet-details-extra {
    padding: 0px 0 16px 0;
    text-align: right;
    color: #fff;
    font-size: 12px
}

#bet-history-v2 .bet-details-extra>div {
    display: inline
}

#bet-history-v2 .bet-details-extra>div+div {
    padding-left: 24px
}

#bet-history-v2 .bet-details-extra>div:last-child {
    padding-right: 16px
}

#bet-history-v2 .bet-details-extra label {
    font-weight: 600;
    text-transform: uppercase;
    margin: 0
}

#bet-history-v2 .bet-details-extra .tax-value {
    opacity: 0.9
}

@media only screen and (max-width: 1500px) {
    .bethistory .multijackpot .prizes-wrapper .box {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media only screen and (max-width: 1300px) {
    .bethistory .responsive-table .bet_status {
        min-width: 80px
    }
    .bethistory .responsive-table .bet_status span {
        font-size: 10px
    }
}



@media only screen and (max-width: 1150px) {
    .hidden-mobile-jp {
        display: none
    }
    .display-mj-id {
        display: block !important
    }
    .bet-details.multijackpot .prizes-wrapper {
        width: 100%;
        margin: 0
    }
    .bet-details.multijackpot .bet_results {
        max-width: 70px
    }
    .bet-details.multijackpot .bet_results.bet-prizes-status {
        display: none
    }
    .bet-details.multijackpot .user_pick {
        max-width: 100px
    }
    .bet-details.multijackpot .bet-details-body .bet-detail .bet_order {
        display: none
    }
    .bet-details.multijackpot .bet-details-body .bet-detail .bet_order_responsive {
        order: 1;
        text-align: left;
        font-weight: normal;
        flex-basis: 50% !important;
        max-width: 100%;
        display: block
    }
    .bet-details.multijackpot .bet-details-body .bet-detail .bet_order_responsive .dot.big div:before {
        margin-left: 6px
    }
    .bet-details.multijackpot .bet-details-body .bet-detail .bet_order {
        display: flex
    }
    .bethistory .dp {
        webkit-box-shadow: none !important;
        box-shadow: none !important;
        background-color: transparent !important
    }
    .bethistory .responsive-table .table-row-box {
        display: flex;
        align-items: center;
        justify-content: space-between
    }
    .bethistory .responsive-table .table-row-box>div:nth-child(2) {
        display: block;
        margin-right: 8px
    }
    .bethistory .responsive-table .table-row-box>div:nth-child(2) .bet_status {
        min-width: 0
    }
    .bethistory .responsive-table .table-row-box>div:nth-child(2) .bet_status span {
        font-size: 10px
    }
    .bethistory .responsive-table .table-row {
        width: 100%
    }
    .bethistory .responsive-table .table-row>div {
        margin-right: 0
    }
    .bethistory .responsive-table .table-row>div:last-child {
        display: none
    }
    .bethistory .responsive-table .table-row .bet_id,
    .bethistory .responsive-table .table-row .bet_type,
    .bethistory .responsive-table .table-row .bet_amount,
    .bethistory .responsive-table .table-row .bet_status {
        display: none
    }
    .bethistory .responsive-table .table-row .bet_description {
        order: 1;
        font-weight: bold
    }
    .bethistory .responsive-table .table-row .bet_description span.extra {
        display: none
    }
    .bethistory .responsive-table .table-row .bet_possible_taxes {
        display: none
    }
    .bethistory .responsive-table .table-row .bet_winnings {
        white-space: nowrap;
        order: 2
    }
    .bethistory .responsive-table .table-row .bet_winnings span {
        display: inline !important;
        color: rgba(255, 255, 255, 0.8) !important;
        font-weight: normal
    }

    .mobInfo {
        display: inline!important;
    }
        .bethistory .responsive-table .table-row .bet_id {
            display: block;
            order: 0;
            text-align: left;
            font-weight: normal;
            flex-basis: 20%;
            max-width: 100%;
            opacity: 0.5;
        }
        .bethistory .responsive-table .table-row .bet_date {
            order: 1;
            text-align: left;
            font-weight: normal;
            flex-basis: 50%;
            max-width: 100%;
        }
        .bethistory .responsive-table .table-row .bet_status {
            display: block;
            order: 2;
            text-align: right;
            font-weight: normal;
            flex-basis: 30%;
            max-width: 100%;
        }
        .bethistory .responsive-table .table-row .bet_stake {
            order: 3;
            text-align: left;
            font-weight: normal;
            flex-basis: 50%;
            max-width: 100%;
        }
    .bethistory .responsive-table .table-row .bet_balance {
        order: 3;
        text-align: right;
        font-weight: normal;
        flex-basis: 50%;
        max-width: 100%;
    }
        .bethistory .responsive-table .table-row .bet_possiblewin {
            order: 4;
            text-align: right;
            font-weight: normal;
            flex-basis: 50%;
            max-width: 100%;
        }
    .btnRefund{
        padding:4px 8px!important;
    }
    .btnCashout {
        padding: 4px 8px !important;
    }
    .bethistory .responsive-table .table-row .bet_actionbtn {
        order: 7;
        text-align: right;
        font-weight: normal;
        flex-basis: 70%;
        max-width: 100%;
        justify-content: end;
    }
    .bethistory .responsive-table .table-row .tot_Odds {
        display: block;
        order: 6;
        text-align: right;
        font-weight: normal;
        flex-basis: 30%;
        max-width: 100%;
        opacity: 0.5;
    }
    .bethistory .responsive-table .table-row .bet_type {
        display: block;
        order: 5;
        text-align: left;
        font-weight: normal;
        flex-basis: 30%;
        max-width: 100%;
        opacity: 0.5;
    }
    .bethistory .responsive-table .table-row .bet_ticket {
        display: block;
        order: 5;
        text-align: right;
        font-weight: normal;
        flex-basis: 30%;
        max-width: 100%;
        opacity: 0.5;
    }
    .bethistory .responsive-table .table-row .bet_status {
        display: block!important;
        order: 2;
        text-align: right;
        font-weight: normal;
        flex-basis: 30%;
        max-width: 100%;
     }
        
    .bethistory .responsive-table .bet-details {
        /*padding: 0 8px 8px 8px*/
    }
    .bethistory .responsive-table .bet-details .info,
    .bethistory .responsive-table .bet-details .your_picks {
        display: block
    }
    .bethistory .responsive-table .bet-details .bet-details-header {
        display: none
    }
        .bethistory .responsive-table .bet-details .bet-details-body .bet-detail {
            flex-wrap: wrap;
            align-items: flex-end;
            padding: 10px 10px;
            background-color: var(--primary);
        }
    .bethistory .responsive-table .bet-details .bet-details-body .bet-detail:first-child {
        /*border-top-left-radius: 6px;
        border-top-right-radius: 6px*/
    }
    .bethistory .responsive-table .bet-details .bet-details-body .bet-detail>div {
        width: auto !important;
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 0;
        margin: 1px 0
    }
    .bethistory .responsive-table .bet-details .bet-details-body .bet-detail .bet_order,
    .bethistory .responsive-table .bet-details .bet-details-body .bet-detail .bet_pick {
        display: none
    }
    .bethistory .responsive-table .bet-details .bet-details-body .bet-detail .bet_id {
        order: 0;
        font-weight: normal;
        flex-basis: 50%;
        max-width: 100%;
        display:none;
    }
    .bethistory .responsive-table .bet-details .bet-details-body .bet-detail .bet_id span {
        display: inline
    }
            .bethistory .responsive-table .bet-details .bet-details-body .bet-detail .bet_league {
                order: 3.5;
                color:grey;
            }
            .bethistory .responsive-table .bet-details .bet-details-body .bet-detail .bet_game {
                order: 3;
                font-weight: 600;
                flex-basis: 90%;
            }
            .bethistory .responsive-table .bet-details .bet-details-body .bet-detail .bet_game {
                order: 3;
                font-weight: 600;
                flex-basis: 90%;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
            .bethistory .responsive-table .bet-details .bet-details-body .bet-detail .game_score {
                order: 4;
                text-align: right;
                max-width: 100%;
                flex-basis: 10%;
            }
            .bethistory .responsive-table .bet-details .bet-details-body .bet-detail .bet_results {
                order: 6;
                text-align: right;
                max-width: 100%;
                flex-basis: 20%;
                font-weight:700;
            }
    .bethistory .responsive-table .bet-details .bet-details-body .bet-detail .bet_results span {
        display: inline
    }
            .bethistory .responsive-table .bet-details .bet-details-body .bet-detail .bet_market {
                order: 5;
                color: #feffff;
                opacity: 0.5;
                font-weight: normal;
                flex-basis: 80%;
            }
    .bethistory .responsive-table .bet-details .bet-details-body .bet-detail .bet_pick_responsive {
        display: block;
        order: 6;
        font-weight: bold;
        flex-basis: 50%
    }
    .bethistory .responsive-table .bet-details .bet-details-body .bet-detail .bet_pick_responsive span:first-child {
        font-weight: normal
    }
    .bethistory .responsive-table .bet-details .bet-details-body .bet-detail .bet_pick_responsive.bet_custom {
        flex-basis: 100%
    }
    .bethistory .responsive-table .bet-details .bet-details-body .bet-detail .bet_pick_responsive.bet_custom.last {
        flex-basis: 50%
    }
            .bethistory .responsive-table .bet-details .bet-details-body .bet-detail .bet_date {
                order: 1;
                text-align: left;
                font-weight: normal;
                flex-basis: 50%;
                max-width: 100%;
            }
            .bethistory .responsive-table .bet-details .bet-details-body .bet-detail .bet_odds {
                order: 2;
                text-align: right;
                font-weight: bold;
                flex-basis: 50%;
                max-width: none;
            }
    .bethistory .prizes-wrapper .box {
        grid-gap: 8px
    }
    #bet-history-v2 .bethistory .bet-type-jp .table-row .bet_winnings.possible-winnings,
    #bet-history-v2 .bethistory .bet-type-mjp .table-row .bet_winnings.possible-winnings {
        display: none
    }
    #bet-history-v2 #bet-history-v2 .dp {
        margin-bottom: 16px
    }
    #bet-history-v2 .bet-details-extra {
        padding: 0 0 10px 0;
        opacity: 0.6;
        text-align: left
    }
    #bet-history-v2 .bet-details-extra>div {
        display: block
    }
    #bet-history-v2 .bet-details-extra>div+div {
        padding: 8px 0 0 0
    }
    #bet-history-v2 .bet-details-extra>div:last-child {
        padding-right: 0
    }
    #bet-history-v2 .bet-details-extra label {
        font-weight: normal
    }
}

.mobInfo {
    display: none;
}

@media only screen and (max-width: 767px) {
    .bethistory {
        margin-left: 0;
        margin-right: 0
    }
    #bet-history-v2 .dp {
        /*padding-left: 8px;
        padding-right: 8px;*/
        margin-left: -4px;
        margin-right: -4px;
        margin-bottom: 0
    }
    #bet-history-v2 .bp .bp-events {
        margin-top: 0
    }
}

@media only screen and (max-width: 480px) {
    .bethistory .responsive-filter div .reset {
        margin-top: 20px
    }
    .bethistory .multijackpot .prizes-wrapper .box {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (max-width: 420px) {
    .bethistory .responsive-filter div fieldset:nth-child(2) {
        margin-right: 15px !important
    }
}

@media only screen and (max-width: 319px) {
    .bethistory .responsive-table .table-row .bet_winnings {
        text-overflow: ellipsis;
        overflow: hidden
    }
    .bethistory .responsive-table .table-row-box {
        display: block;
        padding-bottom: 10px
    }
    .bethistory .responsive-table .table-row-box .table-row {
        width: 100%
    }
    .bethistory .responsive-table .table-row-box>div:nth-child(2) {
        margin-left: 9px;
        margin-bottom: 15px
    }
    .bethistory .responsive-table .table-row-box .bet-details .bet-details-body .bet-detail div {
        flex-basis: 100% !important
    }
    .bethistory .responsive-table .table-row-box .bet-details .bet-details-body .bet-detail div.bet_odds,
    .bethistory .responsive-table .table-row-box .bet-details .bet-details-body .bet-detail div.bet_date {
        text-align: left
    }
    .bethistory .multijackpot .prizes-wrapper .box {
        grid-template-columns: repeat(1, 1fr)
    }
}

.transactions .responsive-table .table-row>div {
    margin-right: 0
}

.transactions .dp>div {
    overflow-x: auto
}

.transactions .dp .dp-title span:first-child,
.transactions .dp .dp-title span:last-child {
    display: none
}

.transactions .dp .dp-title span.title {
    margin: auto
}

.transactions .table-row .transaction_id {
    color: rgba(255, 255, 255, 0.6) !important;
    font-weight: normal
}

.transactions .table-row .transaction_id span {
    display: none
}

.transactions .table-row .transaction_date {
    font-weight: normal
}

.transactions .table-row .transaction_amount {
    font-weight: bold
}

.transactions .transaction_id {
    min-width: 85px !important
}

.transactions .transaction_date {
    min-width: 102px
}

.transactions .transaction_amount {
    min-width: 75px
}

.transactions .transaction_balance {
    min-width: 60px
}

.transactions .table-row .transaction_balance {
    color: #fff !important
}

@media only screen and (max-width: 767px) {
    .section-transactions {
        margin-left: 0;
        margin-right: 0
    }
}

@media only screen and (max-width: 640px) {
    .section-transactions {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (max-width: 1150px) {
    .transactions .dp {
        webkit-box-shadow: none !important;
        box-shadow: none !important;
        background-color: transparent !important
    }
    .transactions .table-row {
        flex-wrap: wrap;
        padding: 6px 10px;
        flex-direction: row
    }
    .transactions .table-row>div {
        flex-basis: 50%
    }
    .transactions .table-row .transaction_description {
        order: 1;
        flex-basis: 100%
    }
    .transactions .table-row .transaction_date {
        order: 2;
        color: rgba(255, 255, 255, 0.6)
    }
    .transactions .table-row .transaction_id {
        order: 4;
        color: rgba(255, 255, 255, 0.4) !important
    }
    .transactions .table-row .transaction_id span {
        display: inline-block
    }
    .transactions .table-row .transaction_amount {
        order: 3;
        margin-left: auto;
        text-align: right;
        font-size: 14px;
        font-weight: bold
    }
    .transactions .table-row .transaction_balance {
        order: 5;
        margin-left: auto;
        text-align: right
    }
}

@media only screen and (max-width: 265px) {
    .transactions .table-row {
        flex-direction: column
    }
    .transactions .table-row .transaction_amount {
        order: 4;
        margin-left: 0;
        text-align: left
    }
    .transactions .table-row .transaction_balance {
        margin-left: 0;
        text-align: left
    }
}

.options-popover {
    color: #000;
    width: 250px !important;
    z-index: 998
}

.options-popover .popover-content {
    padding: 12px 16px
}

.options-popover .title {
    font-weight: bold
}

.options-popover .title .info {
    opacity: 1
}

.options-popover .content {
    font-size: 0.9em
}

.options-popover .content>div+div {
    margin-top: 24px
}

.options-popover .separator {
    width: 100%;
    border-bottom: 1px solid rgba(151, 151, 151, 0.72);
    margin-top: 8px;
    margin-bottom: 8px
}

.options-popover .info {
    color: #474747;
    opacity: 0.72
}

.options-popover .info.direct-disabled {
    color: #747474
}

.options-popover .info.direct-enabled {
    color: #004459
}

.options-popover .help {
    margin-top: 16px;
    font-size: 0.8em
}

.options-popover .material-toggle {
    min-height: 0;
    margin-top: 8px
}

.options-popover .material-toggle>label::after {
    top: -5px
}

.options-popover .material-toggle>label::before {
    margin-top: -7px;
    height: 14px;
    width: 32px
}

    .options-popover .material-toggle > input[type="checkbox"]:checked + label::before {
        background: var(--tertiary) !important
    }

.options-popover .radio input[type="radio"] {
    position: absolute;
    width: auto !important;
    z-index: 1;
    opacity: 0
}

.options-popover .radio .custom-radio-button {
    border-radius: 50%;
    display: block;
    height: 13px;
    width: 13px;
    position: absolute;
    top: 2px;
    left: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: white;
    border: 1px solid #b3b3b3
}

.options-popover .radio input:checked~.custom-radio-button {
    border: 4px solid #662483
}

.options-popover .betslip-column-amount {
    margin-top: 8px
}

.options-popover .betslip-column-amount span {
    font-size: 0.8em !important;
    vertical-align: middle;
    color: #5c635c;
    font-weight: 600;
    background-color: #eee;
    border-color: #8e968f;
    padding: 2px 3px 0
}

.options-popover .betslip-column-amount input {
    text-align: right;
    height: auto;
    font-size: 1em !important;
    font-weight: 400;
    padding: 4px;
    color: #050505;
    border-radius: 0;
    border-color: #8e968f
}

.options-popover .betslip-column-amount .amount-selector {
    width: 2em;
    cursor: pointer
}

.betslip-v2 .options-popover {
    margin-left: 8px !important
}

.jackpot-quickpick .options-popover {
    width: 295px !important;
    max-width: 90%
}

.quickpick-tooltip {
    background-color: #4795ff;
    width: 300px;
    max-width: 95%
}

.quickpick-tooltip .arrow:after {
    border-bottom-color: #4795ff !important
}

.quickpick-tooltip p {
    margin: 0;
    font-size: 13px
}

.event-list.event-list-section-more-markets {
    background-color: transparent;
    box-shadow: none
}

.event-list.event-list-section-more-markets .event-row {
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
    border-radius: 8px;
    /*background-color: #01122f;*/
    padding: 4px 8px
}

.event-list.event-list-section-more-markets .event-row:hover {
    /*background-color: #ffffff !important;*/
    cursor: default !important
}

.event-list.event-list-section-more-markets .event-row .event-description-responsive {
    display: flex
}

.event-list.event-list-section-more-markets .event-row .event-row-details {
    flex-direction: column
}

.event-list.event-list-section-more-markets .event-row .event-row-details>div+div {
    margin-left: 0
}

.event-list.event-list-section-more-markets .event-row .event-row-details.event-markets-count-1 .event-market:first-child,
.event-list.event-list-section-more-markets .event-row .event-row-details.event-markets-count-3 .event-market:first-child {
    width: 100% !important;
    padding-right: 0
}

.event-list.event-list-section-more-markets .event-row .event-row-details.event-markets-count-1 div.event-market:not(:first-child):nth-child(odd),
.event-list.event-list-section-more-markets .event-row .event-row-details.event-markets-count-3 div.event-market:not(:first-child):nth-child(odd) {
    padding-right: 0;
    padding-left: 2px
}

.event-list.event-list-section-more-markets .event-row .event-row-details.event-markets-count-1 div.event-market:not(:first-child):nth-child(even),
.event-list.event-list-section-more-markets .event-row .event-row-details.event-markets-count-3 div.event-market:not(:first-child):nth-child(even) {
    padding-right: 2px;
    padding-left: 0
}

.event-list.event-list-section-more-markets .event-row .event-row-details .event-description {
    flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: hidden
}

.event-list.event-list-section-more-markets .event-row .event-row-details .event-description>div+div {
    margin-left: 8px
}

.event-list.event-list-section-more-markets .event-row .event-row-details .event-description .event-extra-responsive {
    display: flex
}

.event-list.event-list-section-more-markets .event-row .event-row-details .event-description .event-info {
    display: none
}

.event-list.event-list-section-more-markets .event-row .event-row-details .event-description .event-names {
    margin-left: 0
}

.event-list.event-list-section-more-markets .event-row .event-row-details .event-bets {
    flex-wrap: wrap;
    width: 100%;
    margin: 0 !important
}

.event-list.event-list-section-more-markets .event-row .event-row-details .event-bets .event-market {
    padding: 3px 0;
    width: 100% !important
}

.event-list.event-list-section-more-markets .event-row .event-row-details .event-bets .event-market:nth-child(4) {
    display: block;
    opacity: 1;
    max-width: none
}

.event-list.event-list-section-more-markets .event-row .event-row-details .event-bets .event-market:nth-child(even) {
    padding-left: 0
}

.event-list.event-list-section-more-markets .event-row .event-row-details .event-bets .event-market:nth-child(odd) {
    padding-right: 0
}

    .event-list.event-list-section-more-markets .event-row .event-row-details .event-bets .event-market .event-market-name {
        white-space: normal;
        text-align: left;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-left: 8px;
        text-transform: uppercase;
        opacity: 1;
    }

.event-list.event-list-section-more-markets .event-row .event-row-details .event-bets .event-market .event-market-name .sport-icon.icon-help {
    height: 15px;
    opacity: 0.5
}

.event-list.event-list-section-more-markets .event-row .event-row-details .event-bets .event-market .event-market-name>div:first-child {
    padding-right: 6px
}

.event-list.event-list-section-more-markets .event-row .event-row-details .event-bets .event-market .event-selections {
    flex-wrap: wrap
}

.event-list.event-list-section-more-markets .event-row .event-row-details .event-bets .event-market .event-selections>div+div {
    margin-left: 1px
}

.event-list.event-list-section-more-markets .event-row .event-row-details .event-bets .event-market .event-selections:not(.event-selections-column)>div:last-child,
.event-list.event-list-section-more-markets .event-row .event-row-details .event-bets .event-market .event-selections.event-selections-column:last-child>div:last-child {
    border-bottom-right-radius: 0px
}

.event-list.event-list-section-more-markets .event-row .event-row-details .event-bets .event-market .event-selections>div {
    padding: 8px ;
    border-radius: 0
}

.event-list.event-list-section-more-markets .event-row .event-row-details .event-bets .event-market .event-selections>div:first-child {
    border-top-left-radius: 0
}

.event-list.event-list-section-more-markets .event-row .event-row-details .event-bets .event-market .event-selections>div:last-child {
    border-top-right-radius: 0
}

.event-list.event-list-section-more-markets .event-row .event-row-details .event-bets .event-market .event-selections>div.event-selection {
    margin-left: 0;
    margin-right: 0;
    flex-grow: 1
}

.event-list.event-list-section-more-markets .event-row .event-row-details .event-bets .event-market .event-selections>div.event-selection div:first-child {
    display: block
}

.event-list.event-list-section-more-markets .event-row .event-row-details .event-bets .event-market.event-market-columns-2 .event-selections>div {
    width: 49%
}

.event-list.event-list-section-more-markets .event-row .event-row-details .event-bets .event-market.event-market-columns-3 .event-selections>div {
    width: 32%
}

.event-list.event-list-section-more-markets .event-row .event-row-details .event-bets .event-market.event-market-columns-3 .event-selections.event-selections-column>div {
    width: 100%
}

.event-list.event-list-section-more-markets .event-row .event-row-details .event-bets .event-market.event-market-columns-2 .event-selections:not(.event-selections-column)>div:not(:first-child):not(:nth-child(2)),
.event-list.event-list-section-more-markets .event-row .event-row-details .event-bets .event-market.event-market-columns-3 .event-selections:not(.event-selections-column)>div:not(:first-child):not(:nth-child(2)):not(:nth-child(3)),
.event-list.event-list-section-more-markets .event-row .event-row-details .event-bets .event-market.event-market-columns-3 .event-selections.event-selections-column>div:not(:first-child) {
    border-top: 1px solid transparent;
    background-clip: padding-box
}

.event-list.event-list-section-more-markets .event-row .event-row-details .event-bets .event-market.event-market-columns-2 .event-selections:not(.event-selections-column)>div:nth-last-child(2),
.event-list.event-list-section-more-markets .event-row .event-row-details .event-bets .event-market.event-market-columns-3 .event-selections:not(.event-selections-column)>div:nth-last-child(3),
.event-list.event-list-section-more-markets .event-row .event-row-details .event-bets .event-market .event-selections.event-selections-column:first-child>div:last-child {
   border-bottom-left-radius: 0px;
   margin-right: 1px!important;
}

.event-list.event-list-section-more-markets .event-row .event-row-details .event-bets .event-market.event-market-columns-2 .event-selections:not(.event-selections-column)>div:not(:nth-child(2n+1)),
.event-list.event-list-section-more-markets .event-row .event-row-details .event-bets .event-market.event-market-columns-3 .event-selections:not(.event-selections-column)>div:not(:nth-child(3n+1)),
.event-list.event-list-section-more-markets .event-row .event-row-details .event-bets .event-market.event-market-columns-3 .event-selections.event-selections-column:not(:first-child)>div {
    /*border-left: 1px solid #001236;*/
    background-clip: padding-box;
	margin-left: 1px;
    margin-right: 1px;
}

.event-list.event-list-section-more-markets .event-row .event-row-details .event-bets>div:first-child,
.event-list.event-list-section-more-markets .event-row .event-row-details .event-bets .event-selections+.event-selections,
.event-list.event-list-section-more-markets .event-row .event-row-details .event-bets .event-market+.event-market {
    margin: 0 !important
}

.event-list.event-list-section-more-markets .event-row .event-row-details .event-bets .event-extra {
    display: none
}

.event-list.event-list-section-more-markets .event-row .event-create-custom {
    text-align: center;
    margin-top: 24px;
    margin-bottom: 64px
}

.event-list.event-list-section-more-markets .event-row .event-create-custom p {
    font-size: 1.2em;
    color: #ebebeb;
    padding: 0;
    margin: 28px 0 16px 0
}

.event-list.event-list-section-more-markets .event-row .event-create-custom a {
    background-color: #0086d4;
    border-radius: 6px;
    color: #fff;
    font-size: 1.2em;
    font-weight: 600;
    padding: 8px 16px;
    display: inline-block
}

.event-list.event-list-section-more-markets .event-row-container .event-set-info-row-container {
    margin: 8px 0
}

.event-list.event-list-section-more-markets .list-events-empty {
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
    border-radius: 8px;
    background-color: #01122f;
    padding-top: 32px
}

.event-list.event-list-section-more-markets .custom-bets-panel {
    margin-top: 4px
}

.event-list.event-list-section-more-markets .custom-bets-panel .custom-bets .custom-bet {
    cursor: pointer
}

.event-list.event-list-section-more-markets .custom-bets-panel .custom-bets-empty {
    font-size: 1.2em
}

body:not(.touch-device) .event-list.event-list-section-more-markets .event-row .event-bets .even-market .event-market-name .sport-icon.icon-help:hover {
    opacity: 1
}

@media only screen and (min-width: 993px) {
    .event-list.event-list-section-more-markets .event-row .event-row-details .event-bets .event-selections>div.event-selection {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 8px;
        width: auto
    }
}

@media only screen and (max-width: 767px) {
    .event-list.event-list-section-more-markets {
        /*margin-top: 20px*/
    }
    .event-list.event-list-section-more-markets .event-row,
    .event-list.event-list-section-more-markets .event-row:hover {
        padding: 0;
        background: transparent !important;
        box-shadow: none
    }
}

.event-list.event-list-jackpot {
    margin-bottom: 24px
}

.event-list.event-list-jackpot[data-jackpot-status="1"] .event-list-header {
    margin-bottom: 0
}

.event-list.event-list-jackpot .event-list-header .event-list-title .event-show-cup {
    display: none !important
}

.event-list.event-list-jackpot .event-list-header .jackpot-prize {
    color: #ffb200;
    font-weight: bold;
    letter-spacing: 3px;
    font-size: 1.2em
}

.event-list.event-list-jackpot .event-list-header .jackpot-quickpick {
    display: flex;
    height: 100px;
    align-items: center;
    justify-content: center;
    padding-right: 16px;
    background-color: #01122f
}

.event-list.event-list-jackpot .event-list-header .jackpot-quickpick:not(.active) {
    display: none;
    padding: 12px 8px !important;
    height: auto !important
}

.event-list.event-list-jackpot .event-list-header .jackpot-quickpick .jackpot-prize {
    letter-spacing: 1px
}

.event-list.event-list-jackpot .event-list-header .jackpot-quickpick .jackpot-games {
    font-size: 1.2em;
    color: #fff
}

.event-list.event-list-jackpot .event-list-header .jackpot-quickpick>div:first-child {
    display: none;
    text-align: center
}

.event-list.event-list-jackpot .event-list-header .jackpot-quickpick>div:nth-child(2) {
    flex-grow: 1;
    text-align: center;
    color: #fff;
    opacity: 0.8;
    font-size: 14px;
    padding: 0 16px
}

.event-list.event-list-jackpot .event-list-header .jackpot-quickpick>div:last-child {
    display: flex
}

.event-list.event-list-jackpot .event-list-header .jackpot-quickpick button:focus {
    outline-style: none
}

.event-list.event-list-jackpot .event-list-header .jackpot-quickpick .quickpick-button {
    width: 248px;
    height: 45px;
    border: 1px solid #d69600;
    border-radius: 8px;
    background-color: #ffb200;
    color: #483601;
    font-size: 14px;
    font-weight: 600
}

.event-list.event-list-jackpot .event-list-header .jackpot-quickpick .quickpick-button span:before {
    content: ' ';
    background: url("../images/main_sprite_dark.svg") no-repeat -250px -1600px;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    right: 5px
}

.event-list.event-list-jackpot .event-list-header .jackpot-quickpick .quickpick-button:hover {
    box-shadow: 0 0 8px 0 #e5b523
}

.event-list.event-list-jackpot .event-list-header .jackpot-quickpick .quickpick-options {
    width: 46px;
    height: 46px;
    border: 2px solid #2e4554;
    border-radius: 8px;
    margin-left: 6px;
    background-color: #0086d4
}

.event-list.event-list-jackpot .event-list-header .jackpot-quickpick .quickpick-options:after {
    content: ' ';
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url("../images/main_sprite_dark.svg") no-repeat -105px -404px
}

.event-list.event-list-jackpot .event-list-header .jackpot-quickpick .quickpick-options.opened:after {
    background: url("../images/main_sprite_dark.svg") no-repeat -154px -404px
}

.event-list.event-list-jackpot .event-list-header .jackpot-quickpick .quickpick-options.doubles {
    background-color: #00a8fa
}

.event-list.event-list-jackpot .event-list-header .jackpot-quickpick .quickpick-options:not(.doubles):hover {
    background-color: rgba(0, 116, 183, 0.5)
}

.event-list.event-list-jackpot .event-list-header .jackpot-quickpick .quickpick-options-popover {
    display: flex;
    justify-content: space-between
}

.event-list.event-list-jackpot .event-list-header .jackpot-quickpick .quickpick-options-popover>div {
    margin-left: 8px
}

.event-list.event-list-jackpot .event-list-header .jackpot-quickpick .quickpick-options-popover>div:first-child {
    margin-left: 0
}

.event-list.event-list-jackpot .event-list-header .jackpot-quickpick .quickpick-options-popover label {
    font-weight: 600;
    opacity: 0.8;
    font-size: 14px
}

.event-list.event-list-jackpot .event-list-header .jackpot-quickpick .quickpick-options-popover .input-group {
    max-width: 140px
}

.event-list.event-list-jackpot .event-list-header .jackpot-quickpick .quickpick-options-popover .input-group .input-group-addon {
    padding: 6px 15px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer
}

.event-list.event-list-jackpot .event-list-header .jackpot-quickpick .quickpick-options-popover .input-group .form-control {
    height: 38px;
    text-align: center;
    font-size: 18px;
    opacity: 0.9;
    background-color: #fff
}

.event-list.event-list-jackpot .event-list-header .jackpot-quickpick .quickpick-options-popover .input-group .form-control:focus {
    border-color: #ccc;
    box-shadow: none
}

.event-list.event-list-jackpot .event-list-header .jackpot-quickpick .quickpick-options-popover p {
    margin: 5px 0
}

.event-list.event-list-jackpot .list-events>div:nth-last-child(2) {
    padding-bottom: 8px
}

.event-list.event-list-jackpot .event-row {
    padding: 6px
}

.event-list.event-list-jackpot .event-row:hover {
    cursor: default !important
}

.event-list.event-list-jackpot .event-row.event-row-header {
    padding-top: 0px
}

.event-list.event-list-jackpot .event-row.event-row-header .event-row-details .event-markets .event-extra {
    width: 0px
}

.event-list.event-list-jackpot .event-row .event-row-details .event-market {
    width: 25em !important
}

.event-list.event-list-jackpot .event-row .event-row-details .event-description .event-info {
    overflow: hidden;
    text-align: left
}

.event-list.event-list-jackpot .event-row .event-row-details .event-description .event-info.event-column {
    flex-basis: 50%;
    font-weight: 600
}

.event-list.event-list-jackpot .event-row .event-row-details .event-description .event-info>div {
    opacity: 1 !important
}

.event-list.event-list-jackpot .event-row .event-row-details .event-description .event-info>div:first-child {
    height: 18px
}

.event-list.event-list-jackpot .event-row .event-row-details .event-description .event-info span {
    opacity: 0.6
}

.event-list.event-list-jackpot .event-row .event-row-details .event-description .event-info.event-jackpot-position {
    align-self: center;
    width: 16px;
    margin-right: 8px;
    text-align: center
}

.event-list.event-list-jackpot .event-row .event-row-details .event-description .event-names {
    margin-top: 1px
}

.event-list.event-list-jackpot .event-row .event-row-details .event-description .event-jackpot-result {
    color: #037ac9;
    justify-content: center;
    padding-left: 50px
}

.event-list.event-list-jackpot .event-row .event-row-details .event-bets .event-extra {
    margin-left: 0px;
    width: 10px
}

.event-list.event-list-jackpot .event-row .event-row-details .flag-icon {
    margin-right: 7px;
    width: 13px;
    height: 9px;
    line-height: 10px
}

.event-list.event-list-jackpot .event-row .event-description-responsive>div.event-date span.event-jackpot-position {
    opacity: 1
}

.event-list.event-list-jackpot[data-jackpot-status="1"] .event-row .event-row-details .event-description .event-jackpot-result {
    visibility: hidden
}

.event-list.event-list-jackpot[data-jackpot-status="0"] .event-row .event-row-details .event-bets .event-selections>div {
    background-color: transparent !important;
    cursor: default !important
}

@media only screen and (max-width: 1212px) {
    .event-list.event-list-jackpot {
        margin-bottom: 32px
    }
    .event-list.event-list-jackpot .event-list-header .jackpot-quickpick {
        margin-bottom: 8px
    }
    .event-list.event-list-jackpot .event-row {
        padding: 4px 8px 0
    }
    .event-list.event-list-jackpot .event-row .event-row-details .event-description-responsive {
        margin-bottom: 4px
    }
    .event-list.event-list-jackpot .event-row .event-row-details .event-description>div+div {
        margin-left: 0
    }
    .event-list.event-list-jackpot .event-row .event-row-details .event-description .event-names>div:first-child {
        margin-bottom: -4px
    }
    .event-list.event-list-jackpot .event-row .event-row-details .event-description .event-names>div:last-child {
        margin-top: -4px
    }
    .event-list.event-list-jackpot .event-row .event-row-details .event-description .event-jackpot-result {
        text-align: right;
        padding-left: 0
    }
    .event-list.event-list-jackpot .event-row .event-row-details .event-description .event-info {
        display: block
    }
    .event-list.event-list-jackpot .event-row .event-row-details .event-description .event-info.event-column {
        flex-basis: 80%
    }
    .event-list.event-list-jackpot .event-row .event-row-details .event-description .event-info.event-column.event-jackpot-result {
        flex-basis: 20%
    }
    .event-list.event-list-jackpot .event-row .event-row-details .event-description .event-info div:first-child {
        display: none
    }
    .event-list.event-list-jackpot .event-row .event-row-details .event-description .event-info.event-jackpot-position {
        display: none
    }
    .event-list.event-list-jackpot .event-row .event-row-details .event-bets .event-market {
        padding: 0 0 4px
    }
    .event-list.event-list-jackpot .event-row .event-row-details .event-bets .event-market .event-market-name {
        display: none
    }
    .event-list.event-list-jackpot .event-row .event-row-details .event-bets .event-market .event-selections>div:first-child {
        border-top-left-radius: 6px
    }
    .event-list.event-list-jackpot .event-row .event-row-details .event-bets .event-market .event-selections>div:last-child {
        border-top-right-radius: 6px
    }
    .event-list.event-list-jackpot[data-jackpot-status="0"] .event-row .event-row-details .event-bets .event-selections>div {
        background-color: #0f1820 !important
    }
}

@media only screen and (max-width: 1100px) {
    .event-list.event-list-jackpot .event-list-header .event-list-title .event-list-name>span:first-child,
    .event-list.event-list-jackpot .event-list-header .event-list-title .event-list-name>span:nth-child(3) {
        display: none
    }
    .event-list.event-list-jackpot .event-list-header .jackpot-quickpick {
        display: flex !important;
        padding-right: 0;
        flex-direction: column;
        justify-content: space-evenly
    }
    .event-list.event-list-jackpot .event-list-header .jackpot-quickpick>div:first-child {
        display: block
    }
    .event-list.event-list-jackpot .event-list-header .jackpot-quickpick>div:nth-child(2) {
        display: none
    }
}

@media only screen and (max-width: 600px) {
    .event-list.event-list-jackpot .event-list-header .jackpot-quickpick {
        padding: 0 8px
    }
    .event-list.event-list-jackpot .event-list-header .jackpot-quickpick>div:last-child {
        width: 100%
    }
    .event-list.event-list-jackpot .event-list-header .jackpot-quickpick .quickpick-button {
        width: 100%
    }
}

@media only screen and (max-width: 270px) {
    .event-list.event-list-jackpot .event-list-header .jackpot-quickpick .quickpick-options-popover .input-group .input-group-addon {
        padding: 6px 6px
    }
}

@keyframes eventLiveIcon {
    0% {
        box-shadow: 0 0 0 0 #00a8fa;
    }
    50% {
        box-shadow: 0 0 4px 0 #00a8fa;
    }
    100% {
        box-shadow: 0 0 0 0 #00a8fa;
    }
}

@keyframes eventLiveEndedIcon {
    0% {
        box-shadow: 0 0 0 0 #fa0000;
    }
    50% {
        box-shadow: 0 0 4px 0 #fa0000;
    }
    100% {
        box-shadow: 0 0 0 0 #fa0000;
    }
}

.event-live-icon {
    border-radius: 50%;
    background-color: #06ff06;
    display: inline-block;
    height: 6px;
    width: 6px;
    vertical-align: middle;
    margin-bottom: 2px;
    animation: eventLiveIcon 1s infinite;
	margin-right: 10px;
}

.event-live-icon-upcoming {
    background-color: #ff0000 !important;
}
.event-list.event-list-live .event-row .event-row-details.event-markets-count-0 .event-extra .event-more-markets-arrow>span,
.event-list.event-list-live .event-row .event-row-details.event-markets-count- .event-extra .event-more-markets-arrow>span {
    display: inline
}

.event-list.event-list-live .event-row .event-row-details .event-period> :first-child {
    font-weight: 600
}

.event-list.event-list-live .event-row .event-row-details .event-period> :last-child:not(:first-child) {
    opacity: 0.6
}

.event-list.event-list-live .event-row .event-row-details .event-description {
    overflow: visible
}

.event-list.event-list-live .event-row .event-row-details .event-description .event-info {
    min-width: 106px
}

.event-list.event-list-live .event-row .event-row-details .event-description .event-info>div:first-child {
    flex-grow: 1
}

.event-list.event-list-live .event-row .event-row-details .event-description .event-info:not(.event-info-live)>div:last-child {
    display: none
}

.event-list.event-list-live .event-row .event-row-details .event-description .event-info.event-info-live {
    opacity: 1;
    flex-shrink: 0
}

.event-list.event-list-live .event-row .event-row-details .event-description .event-info.event-info-live>div:first-child {
    opacity: 1;
    display: flex;
    justify-content: space-between
}

.event-list.event-list-live .event-row .event-row-details .event-description .event-info.event-info-live>div:first-child>i {
    align-self: center
}

.event-list.event-list-live .event-row .event-row-details .event-description .event-info.event-info-live>div:last-child {
    opacity: 0.6
}

.event-list.event-list-live .event-row .event-row-details .event-description .event-names>div:first-child {
    padding-bottom: 3px
}

.event-list.event-list-live .event-row .event-row-details .event-description .event-score {
    display: flex;
    font-weight: bold;
    color: #00a8fa;
    align-items: center;
    padding-right: 8px
}

.event-list.event-list-live .event-row .event-row-details .event-description .event-score>div:first-child {
    flex-grow: 1
}

.event-list.event-list-live .event-row .event-row-details .event-description .event-score .event-column {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.event-list.event-list-live .event-row .event-row-details .event-description .event-score .set,
.event-list.event-list-live .event-row .event-row-details .event-description .event-score .game,
.event-list.event-list-live .event-row .event-row-details .event-description .event-score .point {
    min-width: 36px;
    display: inline-block
}

.event-list.event-list-live .event-row .event-row-details .event-description .event-score>.event-text>span span:nth-last-child(-n+2) {
    color: #fff;
    font-weight: 600
}

.event-list.event-list-live .event-row .event-row-details .event-description .event-extra-responsive.event-extra-live {
    flex-shrink: 0;
    width: 38px
}

.event-list.event-list-live .event-row .event-row-details .event-description .event-extra-responsive.event-extra-live>div {
    padding: 9px 0
}

.event-list.event-list-live .event-row .event-row-details .event-description .event-extra-responsive.event-extra-live .event-more-markets-arrow span {
    left: 16px;
    top: -11px;
    font-size: 2em;
    font-weight: 400
}

.event-list.event-list-live .event-row .event-row-details .event-description .event-extra-responsive>div {
    margin: 0
}

.event-list.event-list-live .event-row .event-row-details .event-bets .event-market:not([data-status="Open"]) .event-market-name {
    opacity: 0.33
}

.event-list.event-list-live .event-row .event-row-details .event-bets .event-market:not([data-status="Open"]) .event-selections {
    display: none !important
}

.event-list.event-list-live .event-row .event-row-details .event-bets .event-market .event-selections-in-columns {
    display: flex;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.event-list.event-list-live .event-row .event-row-details .event-bets .event-market .event-selections-in-columns .event-selections {
    width: 33.33333333%;
    flex-direction: column
}

.event-list.event-list-live .event-row .event-row-details .event-bets .event-market .event-selections-in-columns .event-selections .event-selection.event-selection-disabled {
    flex-grow: 1 !important
}

.event-list.event-list-live .event-row .event-row-details .event-bets .event-market .event-selections-in-columns .event-selections.event-selections-column.event-selections-header {
    padding: 8px 0;
    display: block;
    text-align: center;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important
}

.event-list.event-list-live .event-row .event-row-details .event-bets .event-market .event-selections-in-columns.event-market-template-5 .event-selections .event-selection {
    flex-grow: 0
}

.event-list.event-list-live .event-row .event-row-details .event-bets .event-market .event-selections-in-columns.event-market-template-10 .event-selections:not(:first-child) .event-selection>div:first-child {
    display: none !important
}

.event-list.event-list-live .event-row .event-row-details .event-bets .event-market .event-selections-in-columns.event-market-template-10 .event-selections:first-child .event-selection>div:first-child,
.event-list.event-list-live .event-row .event-row-details .event-bets .event-market .event-selections-in-columns.event-market-template-10 .event-selections:not(:first-child) .event-selection>div:last-child {
    width: 100%
}

.event-list.event-list-live .event-row .event-row-details .event-bets .event-market .event-selections-in-columns.event-market-template-10 .event-selections:first-child .event-selection {
    background: transparent;
    border-color: #313e4a !important
}

.event-list.event-list-live .event-row .event-row-details .event-bets .event-market .event-selections-in-columns.event-market-template-10 .event-selections:first-child .event-selection:hover {
    background-color: transparent !important;
    cursor: default !important
}

.event-list.event-list-live .event-row .event-row-details .event-bets .event-market .event-selections-in-columns.event-market-template-10 .event-selections:first-child .event-selection:last-child {
    border-bottom: 1px solid
}

.event-list.event-list-live .event-row .event-row-details .event-bets .event-market .event-selections .event-selection[data-status]:not([data-status="Trading"]) {
    cursor: no-drop
}

.event-list.event-list-live .event-row .event-row-details .event-bets .event-market .event-selections .event-selection[data-status]:not([data-status="Trading"]) {
    position: relative
}

.event-list.event-list-live .event-row .event-row-details .event-bets .event-market .event-selections .event-selection[data-status]:not([data-status="Trading"]):before {
    content: ' ';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #293d4b;
    z-index: 1;
    cursor: no-drop
}

.event-list.event-list-live .event-row .event-row-details .event-bets .event-market .event-selections .event-selection[data-status]:not([data-status="Trading"]):after {
    position: absolute;
    display: block;
    content: ' ';
    top: 33.333%;
    left: 48.888%;
    width: 10px;
    height: 13px;
    background: url("../images/main_sprite_dark.svg") no-repeat -1400px -100px;
    z-index: 999;
    opacity: 0.5;
    cursor: no-drop
}

.event-list.event-list-live .event-row .event-description-responsive>div:last-child {
    display: none
}

.event-list.event-list-live .event-row[data-status="NOT_STARTED"]:hover {
    cursor: default
}

.event-list.event-list-live .event-row[data-status="NOT_STARTED"] .event-row-details.event-markets-count-0 .event-extra,
.event-list.event-list-live .event-row[data-status="NOT_STARTED"] .event-row-details.event-markets-count- .event-extra {
    display: none
}

.event-list.event-list-live .event-row:not([data-status="NOT_STARTED"]) .event-description-responsive {
    opacity: 1
}

.event-list.event-list-live .event-row:not([data-status="NOT_STARTED"]) .event-description-responsive {
    opacity: 1
}

.event-list.event-list-live .event-row[data-status="FINISHED"] .event-row-discard,
.event-list.event-list-live .event-row[data-status="SUSPENDED"] .event-row-discard,
.event-list.event-list-live .event-row[data-status="CANCELLED"] .event-row-discard {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(24, 36, 47, 0.8);
    border-radius: inherit;
    display: flex;
    align-items: center;
    justify-content: center
}

.event-list.event-list-live .event-row[data-status="FINISHED"] .event-row-discard>.event-row-finished,
.event-list.event-list-live .event-row[data-status="SUSPENDED"] .event-row-discard>.event-row-suspended,
.event-list.event-list-live .event-row[data-status="CANCELLED"] .event-row-discard>.event-row-cancelled {
    display: block
}

.event-list.event-list-live .event-row[data-status="FINISHED"],
.event-list.event-list-live .event-row[data-status="SUSPENDED"],
.event-list.event-list-live .event-row[data-status="CANCELLED"] {
    background-color: #01122f !important;
    cursor: default !important
}

.event-list.event-list-live .event-row[data-status="FINISHED"]:hover .event-extra .event-more-markets-arrow span,
.event-list.event-list-live .event-row[data-status="SUSPENDED"]:hover .event-extra .event-more-markets-arrow span,
.event-list.event-list-live .event-row[data-status="CANCELLED"]:hover .event-extra .event-more-markets-arrow span,
.event-list.event-list-live .event-row[data-status="FINISHED"]:hover .event-extra .event-more-markets-arrow.event-more-markets-selected span,
.event-list.event-list-live .event-row[data-status="SUSPENDED"]:hover .event-extra .event-more-markets-arrow.event-more-markets-selected span,
.event-list.event-list-live .event-row[data-status="CANCELLED"]:hover .event-extra .event-more-markets-arrow.event-more-markets-selected span,
.event-list.event-list-live .event-row[data-status="FINISHED"]:hover .event-bets .event-extra>div.event-more-markets-arrow.event-more-markets-selected,
.event-list.event-list-live .event-row[data-status="SUSPENDED"]:hover .event-bets .event-extra>div.event-more-markets-arrow.event-more-markets-selected,
.event-list.event-list-live .event-row[data-status="CANCELLED"]:hover .event-bets .event-extra>div.event-more-markets-arrow.event-more-markets-selected {
    filter: none !important
}

.event-list.event-list-live.event-list-sport-24 .event-row .event-description-responsive {
    display: none !important
}

.event-list.event-list-live.event-list-sport-24 .event-row .event-row-details .event-description .event-info.event-info-live {
    display: flex !important;
    margin-right: 8px;
    min-width: 0
}

.event-list.event-list-live:not(.event-list-sport-24) .event-row .event-row-details .event-description .event-extra-responsive.event-extra-live {
    margin-top: -25px
}

.event-list.event-list-live[data-status="BREAK"] .event-row .event-row-details .event-description .event-info.event-info-live>div:last-child {
    visibility: hidden
}

.event-list.event-list-live.event-list-section-upcoming .event-list-header .event-list-upcoming-days,
.event-list.event-list-live.event-list-section-more-markets .event-list-header .event-list-upcoming-days {
    display: -ms-flexbox;
    display: flex
}

.event-list.event-list-live:not(.event-list-section-more-markets) .event-show-help {
    display: none !important
}

.event-list.event-list-live.event-list-section-more-markets .event-filters-container {
    position: relative;
    min-height: 88px
}

.event-list.event-list-live.event-list-section-more-markets .event-filters-container .event-info-more-markets {
    position: absolute;
    top: 0
}

.event-list.event-list-live.event-list-section-more-markets .event-filters-container #betgenius-iframe {
    border: 0;
    overflow: hidden;
    display: block;
    position: relative;
    z-index: 9
}

@media only screen and (max-width: 767px) {
    .event-list.event-list-live {
        margin-top: 20px
    }
}

.event-list.event-list-custom .event-row .event-custom-markets-count {
    text-align: right;
    font-weight: 600;
    margin-right: 8px;
    align-self: center;
    padding: 10px 0;
    white-space: nowrap
}

.event-list.event-list-custom .event-row .event-description-responsive .event-custom-markets-count {
    padding: 0
}

.event-list.event-list-custom .event-row .event-description-responsive .event-custom-markets-count.custom-bet-on-fire:before {
    margin-top: -3px
}

.event-list.event-list-custom .event-row .event-row-details .event-bets-custom {
    font-weight: 600;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    overflow: hidden;
    flex-shrink: 0
}

.event-list.event-list-custom .event-row .event-row-details .event-bets-custom>div:first-child {
    margin-left: auto
}

.event-list.event-list-custom .event-row .event-row-details .event-bets-custom .event-selections-custom {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    align-items: center;
    text-align: center
}

.event-list.event-list-custom .event-row .event-row-details .event-bets-custom .event-selections-custom>div+div {
    margin-left: 8px
}

.event-list.event-list-custom .event-row .event-row-details .event-bets-custom .event-selections-custom>div {
    padding: 10px 14px;
    background-color: #0086d4;
    transition: all 0.2s;
    border-radius: 6px
}

.event-list.event-list-custom .event-row .event-row-details .event-bets-custom .event-selections-custom>div.event-bets-more {
    font-size: 1.6em;
    font-weight: 600;
    line-height: 0.9em;
    width: 38px;
    text-align: center
}

.event-list.event-list-custom .event-row .event-row-details .event-bets-custom .event-selections-custom>div.event-bets-more::after {
    content: "+"
}

.event-list.event-list-custom .event-row .event-row-details .event-bets-custom .event-selections-custom>div.event-bets-more.event-bets-more-expanded::after {
    content: "−"
}

.event-list.event-list-custom .event-row .event-row-details .event-description .event-info>div:first-child {
    flex-grow: 1
}

body:not(.touch-device) .event-list.event-list-custom .event-row .event-row-details .event-bets-custom .event-selections-custom>div:hover {
    background-color: rgba(0, 116, 183, 0.5)
}

@media only screen and (max-width: 1212px) {
    .event-list.event-list-custom .event-row .event-row-details {
        flex-direction: row
    }
    .event-list.event-list-custom .event-row .event-row-details .event-description .event-custom-markets-count {
        display: none
    }
}

@media only screen and (max-width: 500px) {
    .event-list.event-list-custom .event-row .event-row-details {
        flex-direction: column
    }
    .event-list.event-list-custom .event-row .event-custom-markets-count {
        margin-right: 4px
    }
    .event-list.event-list-custom .event-row .event-bets-custom {
        margin-top: 12px
    }
    .event-list.event-list-custom .event-row .event-bets-custom .event-selections-custom {
        flex-grow: 1
    }
    .event-list.event-list-custom .event-row .event-bets-custom .event-selections-custom>div:first-child {
        flex-grow: 1;
        padding-left: 0;
        padding-right: 0
    }
}

body#body-opera-mini #opera-countries #navigationtree .event-list {
    margin-bottom: 0;
    padding-bottom: 16px
}

body#body-opera-mini #opera-countries #navigationtree ul.event-list-pagination {
    margin-bottom: 0 !important;
    padding-bottom: 16px !important;
    display: block !important
}

body#body-opera-mini #opera-countries #navigationtree ul.event-list-pagination>li {
    display: inline-block !important;
    background-color: rgba(0, 0, 0, 0.2) !important;
    padding: 6px !important;
    font-size: 12px !important
}

body#body-opera-mini #opera-countries #navigationtree ul.event-list-pagination>li.current {
    font-weight: 800 !important;
    background-color: #662483 !important
}

body#body-opera-mini #opera-countries .event-list .event-list-header,
body#body-opera-mini #opera-countries .event-list .league-row {
    display: none
}

body#body-opera-mini .event-list {
    margin-left: -7px;
    margin-right: -7px
}

body#body-opera-mini .event-list .event-list-header .event-list-title>div.event-list-name {
    align-self: center
}

body#body-opera-mini .event-list .event-list-header .event-list-title .sport-icon {
    top: 1px !important;
    vertical-align: baseline !important
}

body#body-opera-mini .event-list .event-list-header .event-list-title .sport-icon.icon-help {
    height: 15px !important;
    top: 0 !important
}

body#body-opera-mini .event-list .event-list-header .event-list-title .event-icon.event-show-sport img {
    max-height: 15px !important;
    max-width: 15px !important;
    flex: 0 0 auto
}

body#body-opera-mini .event-list .event-list-header .event-list-upcoming-days {
    padding: 0 6px 8px 6px
}

body#body-opera-mini .event-list .event-list-header .event-list-upcoming-days>div {
    position: relative;
    width: 100%;
    padding: 4px 8px;
    margin: 0;
    background-color: #fff;
    opacity: 1;
    border-bottom: none;
    border: 2px solid #979797;
    color: #333;
    font-size: 0.9em;
    z-index: 0
}

body#body-opera-mini .event-list .event-list-header .event-list-upcoming-days>div>select {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: transparent;
    color: #fff !important;
    border: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    outline: none !important;
    cursor: default !important;
    z-index: -1;
    width: 100% !important;
    height: 100% !important
}

body#body-opera-mini .event-list .event-list-header .event-filters-container .event-filters>div.event-search {
    padding-left: 6px;
    padding-right: 6px
}

body#body-opera-mini .event-list .event-list-header .event-filters-container .event-filters>div.event-search form fieldset>div {
    display: inline-block;
    white-space: nowrap
}

body#body-opera-mini .event-list .event-list-header .event-filters-container .event-filters .event-search input[type="text"] {
    display: inline-block
}

body#body-opera-mini .event-list .event-list-header .event-filters-container .event-filters .event-order span {
    opacity: 1
}

body#body-opera-mini .event-list .event-list-header .event-filters-container .event-filters .event-order .order-radio-group {
    display: inline-block;
    white-space: nowrap
}

body#body-opera-mini .event-list .event-list-header .event-filters-container .event-filters .event-order .radio-inline {
    vertical-align: baseline;
    cursor: default
}

body#body-opera-mini .event-list .event-list-header .event-filters-container .event-filters .event-order .radio-inline input[type="radio"] {
    margin-top: -1px
}

body#body-opera-mini .event-list .event-list-header .opera-more-markets-filter {
    background-color: #01122f;
    padding: 8px
}

body#body-opera-mini .event-list .event-list-header .opera-more-markets-filter>div {
    position: relative;
    border: 2px solid #979797;
    color: #000;
    background-color: #fff;
    padding: 6px;
    z-index: 0
}

body#body-opera-mini .event-list .event-list-header .opera-more-markets-filter span {
    font-family: Arial;
    font-size: 1em
}

body#body-opera-mini .event-list .event-list-header .opera-more-markets-filter select {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: transparent;
    color: #fff !important;
    border: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    outline: none !important;
    cursor: default !important;
    z-index: -1;
    width: 100% !important;
    height: 100% !important
}

body#body-opera-mini .event-list .event-row {
    cursor: default !important
}

body#body-opera-mini .event-list .event-row.event-row-header .event-markets-dropdown {
    color: #01122f !important
}

body#body-opera-mini .event-list .event-row.event-row-header .event-row-details .event-markets .event-market {
    justify-content: space-between;
    flex-direction: column;
    flex-wrap: nowrap
}

body#body-opera-mini .event-list .event-row .event-market:not(.event-market-availables-count-):not(.event-market-availables-count-0):not(.event-market-availables-count-1) .event-market-name {
    padding-right: 20px
}

body#body-opera-mini .event-list .event-row .event-row-details .event-market .event-markets-dropdown {
    opacity: 1 !important;
    background: transparent !important;
    border: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    outline: none !important;
    cursor: default !important;
    z-index: -1;
    color: #000 !important
}

body#body-opera-mini .event-list .event-row .event-row-details .event-market .event-market-name {
    margin-top: auto;
    margin-bottom: auto
}

body#body-opera-mini .event-list .event-row .event-row-details .event-market.event-market-availables-count-4,
body#body-opera-mini .event-list .event-row .event-row-details .event-market.event-market-availables-count-6 {
    background-color: transparent
}

body#body-opera-mini .event-list .event-row .event-row-details .event-description .event-names>div:first-child {
    margin-bottom: 4px
}

body#body-opera-mini .event-list .event-row .event-row-details .event-description .event-extra-responsive>div {
    height: 30px !important;
    width: 40px !important
}

body#body-opera-mini .event-list .event-row .event-row-details .event-description .event-extra-responsive>div:not(.event-more-markets-arrow) {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

body#body-opera-mini .event-list .event-row .event-row-details .event-bets .event-market.market-selections-0 .event-markets-dropdown,
body#body-opera-mini .event-list .event-row .event-row-details .event-bets .event-market.market-selections- .event-markets-dropdown {
    color: #0c141b !important
}

body#body-opera-mini .event-list .event-row .event-row-details .event-bets .event-market .event-selections .event-selection:not([data-bet-status=""])[data-bet-status]:after,
body#body-opera-mini .event-list .event-row .event-row-details .event-bets .event-market .event-selections .event-selection:not([data-bet-status=""])[data-bet-status]:hover:after {
    display: none !important;
    content: "" !important;
    width: 0 !important;
    height: 0 !important;
    z-index: -1 !important
}

body#body-opera-mini .event-list .event-row .event-row-details .event-bets .event-market .event-selections {
    align-items: stretch;
    flex-grow: 1
}

body#body-opera-mini .event-list .event-row .event-row-details .event-bets .event-market .event-selections>div.event-selection div:first-child {
    margin-top: auto;
    margin-bottom: auto
}

body#body-opera-mini .event-list .event-row .event-row-details .event-bets-custom {
    border-bottom: 2px solid #1e3644
}

body#body-opera-mini .event-list .event-row .event-row-details .event-bets-custom .event-selections-custom {
    display: block
}

body#body-opera-mini .event-list .event-row .event-row-details .event-bets-custom .event-selections-custom .event-odd-selected {
    cursor: default !important;
    text-transform: uppercase
}

body#body-opera-mini .event-list .event-row .event-row-details .event-bets-custom .event-selections-custom>div+div {
    margin-left: 0
}

body#body-opera-mini .event-list .event-row .event-row-details .event-more-markets.event-selection-picked {
    background-color: #00a8fa !important;
    box-shadow: 0 0 6px 0 #00a8fa !important;
    opacity: 1 !important
}

body#body-opera-mini .event-list .event-row .event-row-details .event-more-markets.event-more-markets-arrow {
    position: relative
}

body#body-opera-mini .event-list .event-row .event-row-details .event-more-markets.event-more-markets-arrow span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 16px;
    height: 27px;
    background: url("../images/main_sprite_dark.svg") no-repeat -50px -400px;
    transform: scale(0.5)
}

body#body-opera-mini .event-list .event-row .event-row-details .event-extra .event-more-markets.event-more-markets-arrow {
    width: 36px;
    height: 37px !important;
    margin: auto 0
}

body#body-opera-mini .event-list .event-row .event-row-details .event-extra .event-more-markets.event-more-markets-arrow span {
    top: 2px
}

body#body-opera-mini .event-list .event-row .event-row-details .event-extra .event-more-markets.event-more-markets-arrow.event-selection-picked span {
    top: 4px
}

body#body-opera-mini .event-list .event-row-container .event-set-info-row-container .league-row {
    cursor: default !important
}

body#body-opera-mini .event-list .event-row-container .event-set-info-row-container .league-row>div:first-child {
    display: flex;
    align-items: flex-start
}

body#body-opera-mini .event-list .event-row-container .event-set-info-row-container .league-row>div:first-child .flag-icon {
    flex-shrink: 0
}

body#body-opera-mini .event-list.event-list-prematch .event-row .event-row-details .event-description .event-names>div:first-child {
    margin-bottom: 14px
}

body#body-opera-mini .event-list .event-row:not(.event-row-header) .event-selection,
body#body-opera-mini .event-list .event-more-markets:not(.event-more-markets-arrow),
body#body-opera-mini .event-list .event-extra-responsive .event-more-markets.event-more-markets-arrow,
body#body-opera-mini .event-list .event-extra .event-more-markets.event-more-markets-arrow.event-selection-picked {
    border-bottom: 2px solid rgba(0, 0, 0, 0.4) !important
}

body#body-opera-mini .event-list:not(.event-list-jackpot) .event-info.event-jackpot-position {
    display: none
}

body#body-opera-mini .event-list:not(.event-list-jackpot) .event-row .event-description-responsive>div,
body#body-opera-mini .event-list:not(.event-list-jackpot) .event-row .event-row-details .event-description .event-info>div:not(.event-flag),
body#body-opera-mini .event-list:not(.event-list-jackpot) .event-row.event-row-header .event-row-details .event-markets .event-market>div {
    color: #a0a5a9
}

body#body-opera-mini .event-list.event-list-jackpot .event-list-header .jackpot-quickpick .quickpick-button {
    text-align: center
}

body#body-opera-mini .event-list.event-list-jackpot .event-list-header .jackpot-quickpick .quickpick-button span {
    margin-top: 10px;
    display: inline-block
}

body#body-opera-mini .event-list.event-list-jackpot .event-list-header .jackpot-quickpick .quickpick-options:after {
    top: 12px;
    position: relative;
    left: 10px
}

body#body-opera-mini .event-list.event-list-jackpot .event-list-name .event-title-small {
    white-space: nowrap !important
}

body#body-opera-mini .event-list.event-list-jackpot .event-list-name .jackpot-title {
    padding: 0 14px
}

body#body-opera-mini .event-list.event-list-jackpot .event-extra .event-more-markets.event-more-markets-arrow,
body#body-opera-mini .event-list.event-list-jackpot .event-set-info-row-container.day-container {
    display: none
}

body#body-opera-mini .event-list.event-list-jackpot[data-jackpot-status="0"] .event-row .event-selection {
    border-bottom: none !important
}

body#body-opera-mini .event-list.event-list-jackpot .list-events>div:nth-last-child(2) {
    padding-bottom: 0
}

body#body-opera-mini .event-list.event-list-jackpot .list-events>div:last-child {
    padding-bottom: 8px
}

body#body-opera-mini .event-list.event-list-jackpot .event-row .event-row-details .flag-icon {
    vertical-align: middle
}

body#body-opera-mini .event-list.event-list-jackpot .event-row .event-row-details .event-date span {
    color: #a0a5a9
}

body#body-opera-mini .event-list.event-list-jackpot .event-row .event-row-details .event-info .event-date span {
    opacity: 1
}

body#body-opera-mini .event-list.event-list-section-more-markets {
    margin-top: 0
}

body#body-opera-mini .event-list.event-list-section-more-markets .icon-custom-bets {
    opacity: 0.7 !important
}

body#body-opera-mini .event-list.event-list-section-more-markets .event-bets .event-selections>div.event-selection {
    border-bottom: 2px solid #1f2e37 !important
}

body#body-opera-mini .event-list.event-list-section-more-markets .event-list-title {
    padding: 0
}

body#body-opera-mini .event-list.event-list-section-more-markets .event-list-title>div:not(:first-child) {
    padding-top: 8px;
    padding-bottom: 8px
}

body#body-opera-mini .event-list.event-list-section-more-markets .event-list-title>div:last-child {
    padding-right: 6px
}

body#body-opera-mini .event-list.event-list-section-more-markets .event-list-title>div:first-child {
    align-items: stretch
}

body#body-opera-mini .event-list.event-list-section-more-markets .event-back-icon {
    height: 100%;
    padding-left: 6px;
    padding-right: 6px;
    display: flex;
    align-items: center;
    position: relative
}

body#body-opera-mini .event-list.event-list-section-more-markets .event-back-icon:after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    content: ' ';
    width: 1px;
    background: #29333d
}

body#body-opera-mini .event-list.event-list-section-more-markets .event-back-icon+.event-icon {
    margin-left: 6px;
    align-self: center
}

body#body-opera-mini .event-list.event-list-section-more-markets .event-back-icon+.event-icon:last-child {
    margin-right: 6px
}

body#body-opera-mini .event-list.event-list-prematch.event-list-section-more-markets.event-list-sport-1 .event-info-more-markets {
    padding-bottom: 12px
}

body#body-opera-mini .event-text {
    white-space: normal
}

body#body-opera-mini .tool-icon {
    cursor: default !important
}

body#body-opera-mini .custom-bets-panel[data-count="0"] .custom-bets-empty {
    display: block
}

body#body-opera-mini .custom-bets-panel .custom-bets .custom-bet-container {
    display: flex;
    flex-direction: column;
    align-items: stretch
}

body#body-opera-mini .custom-bets-panel .custom-bets .custom-bet-container .custom-opera-button {
    cursor: default !important
}

body#body-opera-mini .custom-bets-panel .custom-bets .custom-bet-container .custom-bet {
    background: #0086d4;
    cursor: default !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch;
    flex: 1 0 auto
}

body#body-opera-mini .custom-bets-panel .custom-bets .custom-bet-container .custom-bet .custom-odds {
    text-align: right;
    margin-bottom: 2px
}

body#body-opera-mini .custom-bets-panel .custom-bets .custom-bet-container .custom-bet .custom-opera-button {
    background-color: #467a97;
    text-align: center;
    padding: 4px 4px 3px 4px;
    text-transform: uppercase
}

body#body-opera-mini .custom-bets-panel .custom-bets .custom-bet-container .custom-bet>div:first-child {
    flex-grow: 1
}

body#body-opera-mini .custom-bets-panel .custom-bets .custom-bet-container .custom-bet>div:last-child {
    align-self: stretch
}

body#body-opera-mini .custom-bets-panel .custom-bets .custom-bet-container .custom-bet .event-text {
    white-space: normal
}

body#body-opera-mini .custom-bets-panel .custom-bets .custom-bet-container .custom-bet.custom-bet-selected {
    background: #00a8fa
}

body#body-opera-mini .custom-bets-panel .custom-bets .custom-bet-container .custom-bet.custom-bet-selected .custom-opera-button {
    background-color: #4dc2fb
}

body#body-opera-mini .custom-bets-panel .custom-bets .custom-bet-container .custom-bet[data-bet-status]:not([data-bet-status=""]):after,
body#body-opera-mini .custom-bets-panel .custom-bets .custom-bet-container .custom-bet[data-bet-status]:not([data-bet-status=""]):hover:after {
    display: none !important;
    content: "" !important;
    width: 0 !important;
    height: 0 !important;
    z-index: -1 !important
}

body#body-opera-mini .custom-bets-panel .custom-bets-actions {
    cursor: default !important;
    text-decoration: underline !important
}

body#body-opera-mini .event-list-pagination {
    margin-left: -7px;
    margin-right: -7px;
    margin-bottom: 16px
}

body#body-opera-mini .event-list-pagination>li.page-disabled {
    cursor: default !important;
    opacity: 0.4 !important;
    filter: grayscale(1) !important;
    -webkit-filter: grayscale(1) !important;
    transition: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    background-color: rgba(0, 0, 0, 0.2) !important
}

body#body-opera-mini .event-list-pagination>li.current {
    cursor: default !important
}

body#body-opera-mini .custom-bets-panel .more-custom-bets::before,
body#body-opera-mini .custom-bets-panel .more-custom-bets::after,
body#body-opera-mini .custom-bets-panel .hide-custom-bets::before,
body#body-opera-mini .custom-bets-panel .hide-custom-bets::after,
body#body-opera-mini .event-selections-custom:not(.event-bets-more-expanded) .event-odd-selected:last-child,
body#body-opera-mini .event-selections-custom.event-bets-more-expanded .event-odd-selected:first-child,
body#body-opera-mini .custom-bet.custom-bet-selected .custom-add-bet,
body#body-opera-mini .custom-bet:not(.custom-bet-selected) .custom-added-bet,
body#body-opera-mini .custom-bets-panel[data-count="0"]>div:first-child,
body#body-opera-mini .more-custom-bets,
body#body-opera-mini .hide-custom-bets {
    display: none
}

@media only screen and (max-width: 1400px) {
    body#body-opera-mini .event-list:not(.event-list-expanded) .event-row .event-row-details .event-market:nth-child(4) {
        opacity: 1;
        max-width: none;
        margin-left: 16px
    }
    body#body-opera-mini .event-list:not(.event-list-expanded) .event-row.event-row-header .event-row-details .event-markets .event-market:nth-child(4) {
        max-height: none
    }
    body#body-opera-mini .event-list:not(.event-list-expanded) .event-row .event-row-details .event-market {
        width: 14em
    }
    body#body-opera-mini .event-list:not(.event-list-expanded) .event-row .event-row-details .event-market.market-2-way {
        width: 9.29em
    }
}

@media only screen and (max-width: 1212px) {
    body#body-opera-mini .event-list.event-list-prematch .event-names>div:first-child {
        margin-bottom: 16px
    }
    body#body-opera-mini .event-bets .event-market {
        display: flex;
        flex-direction: column;
        align-self: stretch
    }
    body#body-opera-mini .event-bets .event-selections>div.event-selection {
        display: flex
    }
    body#body-opera-mini .event-extra-responsive {
        flex: 0 0 auto
    }
}

@media only screen and (max-width: 1100px) {
    body#body-opera-mini .event-list.event-list-jackpot .event-list-header .jackpot-quickpick {
        height: 150px;
        justify-content: space-around
    }
    body#body-opera-mini .event-list.event-list-jackpot .event-list-header .jackpot-quickpick>div:first-child {
        order: 1
    }
    body#body-opera-mini .event-list.event-list-jackpot .event-list-header .jackpot-quickpick>div:last-child {
        order: 2
    }
    body#body-opera-mini .event-list.event-list-jackpot .event-list-header .jackpot-quickpick>div:nth-child(2) {
        display: block;
        order: 3;
        flex-grow: 0;
        font-size: 12px;
        padding: 0
    }
}

@media only screen and (min-width: 768px) {
    body#body-opera-mini .event-list.event-list-prematch .event-list-header .event-list-title>div:first-child {
        width: 50%;
        flex-shrink: 9999999
    }
    body#body-opera-mini .event-list.event-list-prematch .event-list-header .event-list-title>div:first-child.event-list-name {
        text-align: center;
        flex-grow: 0
    }
    body#body-opera-mini .event-list.event-list-prematch .event-list-header .event-list-title>div:nth-child(2).event-list-name {
        text-align: center;
        padding-left: 0
    }
}

@media only screen and (max-width: 500px) {
    body#body-opera-mini .custom-bets-panel .custom-bets>.custom-bet {
        display: block !important
    }
}

@media only screen and (max-width: 300px) {
    body#body-opera-mini .event-list .event-list-header .event-filters-container .event-filters>div.event-search {
        width: 100%
    }
    body#body-opera-mini .event-list .event-list-header .event-filters-container .event-filters>div.event-search input[type="text"] {
        width: 100%
    }
}

@media only screen and (max-width: 279px) {
    body#body-opera-mini .event-list .event-row:not(.event-row-header) {
        padding: 8px 4px
    }
    body#body-opera-mini .event-list .event-list-header .event-filters-container .event-filters .event-order span {
        display: block;
        margin-bottom: 8px;
        margin-right: 0
    }
}

@media only screen and (max-width: 279px) {
    body#body-opera-mini .event-list,
    body#body-opera-mini .event-list-pagination {
        margin-left: -15px;
        margin-right: -15px
    }
    body#body-opera-mini .event-list .event-row {
        padding-bottom: 0
    }
    body#body-opera-mini .event-list .event-row .event-row-details .event-bets-custom {
        margin-left: -6px;
        margin-right: -6px;
        margin-bottom: 3px
    }
    body#body-opera-mini .custom-bets-panel {
        margin-top: 2px;
        margin-left: -4px;
        margin-right: -4px
    }
    body#body-opera-mini .custom-bets-panel .custom-bet {
        padding: 4px
    }
    body#body-opera-mini .custom-bets-panel .custom-bets-actions {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 8px;
        padding-bottom: 10px
    }

}

.event-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	
}

.event-text-m {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 190px;	
}

.tool-icon {
    opacity: 0.7;
    cursor: pointer;
    transition: all 0.2s
}

.event-list {
    /*background-color: hsla(0,0%,100%,.2);*/
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
    font-size: 12px;
    font-family: "Open Sans", Arial, sans-serif;
    color: #fff;
    margin-bottom: 16px
}

.event-list .event-list-header {
    margin-bottom: 0px;  /* 8px*/
}

    .event-list .event-list-header .event-list-title {
        box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
        display: -ms-flexbox;
        display: flex;
        text-align: center;
        letter-spacing: 3px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        font-weight: 800;
        font-size: 1.2em;
        padding: 8px 6px;
        background-color: var(--primary);
    }

.event-list .event-list-header .event-list-title .event-icon.event-show-sport .sport-icon {
    vertical-align: sub
}

.event-list .event-list-header .event-list-title .event-icon:not(.event-show-sport) {
    opacity: 0.8
}

.event-list .event-list-header .event-list-title .event-icon+.event-icon {
    margin-left: 16px
}

.event-list .event-list-header .event-list-title>div:first-child {
    width: 50%;
    flex-shrink: 9999999;
    display: flex
}

.event-list .event-list-header .event-list-title>div:not(:first-child):not(:last-child) {
    flex-shrink: 1
}

.event-list .event-list-header .event-list-title>div:last-child {
    width: 50%;
    flex-shrink: 9999999;
    display: flex;
    justify-content: flex-end
}

.event-list .event-list-header .event-list-title .event-list-name {
    flex-grow: 1;
    text-transform: uppercase
}

.event-list .event-list-header .event-list-title .event-list-name .event-title-small {
    text-transform: none;
    font-weight: normal
}

    .event-list .event-list-header .event-list-upcoming-days {
        display: none;
        background-color: var(--primary);
        box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        font-size: 1.2em;
        color: #fff;
        overflow-y: hidden;
        overflow-x: auto;
        z-index: 0;
        position: relative;
        white-space: nowrap
    }

.event-list .event-list-header .event-list-upcoming-days>div {
    padding: 8px;
    margin-left: 16px;
    opacity: 0.8;
    transition: all 0.2s;
    border-bottom: 2px solid transparent;
    font-weight: 600
}

.event-list .event-list-header .event-list-upcoming-days>div:first-child {
    margin-left: 8px
}

    .event-list .event-list-header .event-list-upcoming-days > div.active {
        opacity: 1;
        border-bottom: 2px solid var(--tertiary);
    }

.event-list .event-list-header .event-filters-container .event-filters {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #01122f;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
    color: #fff
}

.event-list .event-list-header .event-filters-container .event-filters>div {
    padding: 14px 8px
}

.event-list .event-list-header .event-filters-container .event-filters .event-search input[type="text"] {
    color: #000;
    font-size: 0.8em;
    border: 1px solid #a6a6a6;
    background-color: #f8f8f8;
    padding: 5px 4px 4px 4px;
    margin-right: 4px;
    width: 170px
}

.event-list .event-list-header .event-filters-container .event-filters .event-search button {
    font-weight: 600;
    font-size: 0.9em;
    border-radius: 3px;
    background-color: #0086d4;
    border: none;
    padding: 4px 8px 5px 8px;
    margin-right: 14px;
    transition: all 0.2s
}

.event-list .event-list-header .event-filters-container .event-filters .event-search a {
    font-size: 0.9em;
    font-weight: 600
}

.event-list .event-list-header .event-filters-container .event-filters .event-search .event-search-clear {
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    transition: all 0.2s
}

.event-list .event-list-header .event-filters-container .event-filters .event-order {
    font-size: 0.9em
}

.event-list .event-list-header .event-filters-container .event-filters .event-order span {
    opacity: 0.6;
    font-weight: bold;
    margin-right: 8px
}

.event-list .event-list-header .event-filters-container .event-filters .event-order select {
    color: #000
}

    .event-list .event-list-header .event-filters-container .event-info-more-markets {
        width: 100%;
        text-align: center;
        color: #fff;
        background-color: var(--secondary);
        padding: 16px 0 24px 0;
        background-size: cover;
    }

.event-list .event-list-header .event-filters-container .event-info-more-markets p {
    padding: 0;
    margin: 0
}

.event-list .event-list-header .event-filters-container .event-info-more-markets p:last-child {
    font-size: 1.4em;
    font-weight: 600
}

.event-list .event-list-header .event-filters-container .event-info-more-markets p:last-child span.vs-separator {
    /*display: block;*/
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    color: #b3b3b3
}

.event-list .event-list-header .event-filters-container .event-info-more-markets p~p {
    margin-top: 8px
}

    .event-list .event-row {
        background-color: var(--secondary);
        list-style: none;
        margin: 0;
        padding: 4px 4px;
        transition: all 0.2s;
        position: relative;
        color: hsla(0,0%,100%,.8);
        /*background-color: #01122f;
    list-style: none;
    margin: 0;
    padding: 4px 4px;
    transition: all 0.2s;
    position: relative*/
    }

.event-list .event-row.event-row-header {
    padding-bottom: 4px; /*sam 0;*/
    margin-bottom: 0;
    padding-top: 0px; /*8px*/
}

.event-list .event-row.event-row-header .event-row-details .event-markets {
    overflow: visible;
    align-items: stretch
}

.event-list .event-row.event-row-header .event-row-details .event-markets:first-child {
    min-height: 24px
}

.event-list .event-row.event-row-header .event-row-details .event-markets .event-market {
    display: flex;
    align-items: center;
    justify-content: center
}

.event-list .event-row.event-row-header .event-row-details .event-markets .event-market>div {
    opacity: 1; /*0.6;*/
    font-size: 0.9em;
    width: 100%;
    text-align: left
}

.event-list .event-row.event-row-header .event-row-details .event-markets .event-market.event-market-availables-count-0 .event-market-name,
.event-list .event-row.event-row-header .event-row-details .event-markets .event-market.event-market-availables-count-1 .event-market-name {
    text-align: center
}

.event-list .event-row.event-row-header .event-row-details .event-markets .event-market.event-market-availables-count-4,
.event-list .event-row.event-row-header .event-row-details .event-markets .event-market.event-market-availables-count-6 {
    border-radius: 4px;
    background-color: #263542
}

.event-list .event-row.event-row-header .event-row-details .event-markets .event-market:not(.event-market-availables-count-):not(.event-market-availables-count-0):not(.event-market-availables-count-1) {
    position: relative;
    transition: none
}

.event-list .event-row.event-row-header .event-row-details .event-markets .event-market:not(.event-market-availables-count-):not(.event-market-availables-count-0):not(.event-market-availables-count-1) .event-market-name {
    padding-right: 16px
}

.event-list .event-row.event-row-header .event-row-details .event-markets .event-market:not(.event-market-availables-count-):not(.event-market-availables-count-0):not(.event-market-availables-count-1) .event-market-name span {
    float: left;
    padding-left: 8px;
    padding-right: 1px
}

.event-list .event-row.event-row-header .event-row-details .event-markets .event-market:nth-child(4) {
    max-height: 100px
}

.event-list .event-row.event-row-header .event-row-details .event-markets .event-market .event-market-name {
    font-weight: bold;
    text-transform: uppercase
}

.event-list .event-row.event-row-header .event-row-details .event-markets .event-market .event-market-name .event-market-dropdown-icon {
    right: 4px
}

.event-list .event-row.event-row-header .event-row-details .event-markets .event-market .event-market-name .event-market-dropdown-icon .dropdown-icon-container .sport-icon.icon-dropdown-down-arrow {
    border-left: 4.5px solid transparent;
    border-right: 4.5px solid transparent;
    border-top: 5px solid #fff
}

.event-list .event-row.event-row-header .event-row-details .event-markets .event-market .event-market-options {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: visible;
    -ms-flex-align: center;
    align-items: center
}

.event-list .event-row.event-row-header .event-row-details .event-markets .event-market .event-market-options .event-market-option,
.event-list .event-row.event-row-header .event-row-details .event-markets .event-market .event-market-options .event-market-option:hover {
    background-color: transparent;
    font-weight: 700;
    text-transform: uppercase;
    cursor: auto;
    padding: 8px 0 0;
    flex-grow: 1;
    width: 100%;
    overflow: hidden;
    text-align: center
}

.event-list .event-row .event-description-responsive {
    display: none;
    justify-content: space-between;
    font-size: 0.9em;
    font-weight: 600;
    margin-bottom: 0px
}

.event-list .event-row .event-description-responsive>div {
    /*opacity: 0.6*/
}

.event-list .event-row .event-description-responsive>div.event-live-info,
.event-list .event-row .event-description-responsive>div.event-date,
.event-list .event-row .event-description-responsive>div.event-flag {
    opacity: 1
}

.event-list .event-row .event-description-responsive>div.event-date span {
    opacity: 0.6
}

.event-list .event-row .event-row-details {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.event-list .event-row .event-row-details>div+div {
    margin-left: 8px
}

.event-list .event-row .event-row-details.event-markets-count-0 .event-extra-responsive .event-more-markets:not(.event-more-markets-arrow) span,
.event-list .event-row .event-row-details.event-markets-count- .event-extra-responsive .event-more-markets:not(.event-more-markets-arrow) span {
    visibility: hidden
}

.event-list .event-row .event-row-details.event-markets-count-0 .event-extra-responsive .event-more-markets,
.event-list .event-row .event-row-details.event-markets-count- .event-extra-responsive .event-more-markets,
.event-list .event-row .event-row-details.event-markets-count-0 .event-extra-responsive .event-more-markets:hover,
.event-list .event-row .event-row-details.event-markets-count- .event-extra-responsive .event-more-markets:hover {
    opacity: 0.4;
    cursor: no-drop;
    background-color: #0086d4
}

.event-list .event-row .event-row-details.event-markets-count-0 .event-extra .event-more-markets-arrow>span,
.event-list .event-row .event-row-details.event-markets-count- .event-extra .event-more-markets-arrow>span {
    display: none
}

.event-list .event-row .event-row-details .event-row-fill,
.event-list .event-row .event-row-details .event-description {
    flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: hidden
}

.event-list .event-row .event-row-details .event-description>div+div {
    margin-left: 8px
}

.event-list .event-row .event-row-details .event-description .event-info {
    text-align: right;
    font-weight: 600
}

.event-list .event-row .event-row-details .event-description .event-info>div:not(.event-flag) {
    opacity: 0.6
}

.event-list .event-row .event-row-details .event-description .event-column {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.event-list .event-row .event-row-details .event-description .event-names {
    flex-grow: 1;
    font-weight: bold;
    text-transform: uppercase;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    overflow: hidden
}

.event-list .event-row .event-row-details .event-description .event-names>div:first-child {
    flex-grow: 1
}

.event-list .event-row .event-row-details .event-description .event-names .event-column {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.event-list .event-row .event-row-details .event-description .event-names .icon-fav {
    display: none;
    margin-right: 2px;
    cursor: pointer
}

.event-list .event-row .event-row-details .event-description .event-status {
    align-self: center;
    flex-shrink: 10;
    display: flex;
    align-items: center;
    text-align: right;
    margin-right: 43px
}

.event-list .event-row .event-row-details .event-description .event-status .event-status-clock i:after {
    content: "";
    display: inline-block;
    position: relative;
    height: 15px;
    width: 15px;
    overflow: hidden;
    vertical-align: middle;
    top: -1px;
    background: url("../images/hourglass.ico") ;
    text-indent: 99999px;
    opacity: 0.6;
    margin-left: 6px
}

.event-list .event-row .event-row-details .event-description .event-extra-responsive {
    display: none;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: hidden;
    -ms-flex-align: center;
    align-items: center
}

.event-list .event-row .event-row-details .event-description .event-extra-responsive>div+div {
    margin-left: 2px
}

.event-list .event-row .event-row-details .event-description .event-extra-responsive>div {
    background-color: #0086d4;
    transition: all 0.2s;
    text-align: center;
    width: 53px;
    white-space: nowrap;
    overflow: hidden;
    font-size: 1.1em;
    font-weight: bold;
    padding: 8px 0;
    margin: 6px 0
}

.event-list .event-row .event-row-details .event-description .event-extra-responsive>div:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.event-list .event-row .event-row-details .event-description .event-extra-responsive>div:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.event-list .event-row .event-row-details .event-description .event-extra-responsive>div>i.icon-stats {
    margin-left: 4px
}

.event-list .event-row .event-row-details .event-description .event-extra-responsive>div.event-more-markets {
    height: 34px
}

.event-list .event-row .event-row-details .event-description .event-extra-responsive>div.event-more-markets.event-more-markets-selected,
.event-list .event-row .event-row-details .event-description .event-extra-responsive>div.event-more-markets.event-more-markets-selected:hover {
    background-color: #00a8fa;
    box-shadow: 0 0 6px 0 #00a8fa
}

.event-list .event-row .event-row-details .event-description .event-extra-responsive>div.event-more-markets .more-markets-mobile {
    position: absolute;
    font-size: 2.5em;
    margin-top: -19px;
    margin-left: -5px;
    font-weight: 300
}

.event-list .event-row .event-row-details .event-description .event-extra-responsive .event-more-markets-arrow span {
    top: -23px;
    left: 18px
}

.event-list .event-row .event-row-details .event-market+.event-market {
    margin-left: 16px
}

.event-list .event-row .event-row-details .event-market {
    transition: all 0.4s, padding 0s;
    width: 14em;
    z-index:3;
}

.event-list .event-row .event-row-details .event-market .event-market-dropdown-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    vertical-align: middle;
    padding-right: 4px
}

.event-list .event-row .event-row-details .event-market .event-market-dropdown-icon:hover {
    opacity: 0.7
}

.event-list .event-row .event-row-details .event-market.market-selections-0,
.event-list .event-row .event-row-details .event-market.market-selections- {
    opacity: 0.4 !important
}

.event-list .event-row .event-row-details .event-market.market-selections-0 .event-selections .event-selection:hover {
    cursor: no-drop !important
}

.event-list .event-row .event-row-details .event-market.market-2-way {
    width: 9.29em
}

.event-list .event-row .event-row-details .event-market:nth-child(4) {
    max-width: 200px
}

.event-list .event-row .event-row-details .event-market:not(.event-market-availables-count-):not(.event-market-availables-count-0):not(.event-market-availables-count-1) .event-market-name {
    padding-right: 24px
}

.event-list .event-row .event-row-details .event-market:not(.event-market-availables-count-):not(.event-market-availables-count-0):not(.event-market-availables-count-1) .event-markets-dropdown {
    display: block
}

.event-list .event-row .event-row-details .event-market.event-market-availables-count- .event-market-name .event-market-dropdown-icon,
.event-list .event-row .event-row-details .event-market.event-market-availables-count-0 .event-market-name .event-market-dropdown-icon,
.event-list .event-row .event-row-details .event-market.event-market-availables-count-1 .event-market-name .event-market-dropdown-icon {
    display: none !important
}

.event-list .event-row .event-row-details .event-market.event-market-groupped-first,
.event-list .event-row .event-row-details .event-market.event-market-groupped-middle {
    padding-bottom: 0 !important
}

.event-list .event-row .event-row-details .event-market.event-market-groupped-first .event-selection,
.event-list .event-row .event-row-details .event-market.event-market-groupped-middle .event-selection {
    border-radius: 0 !important
}

.event-list .event-row .event-row-details .event-market.event-market-groupped-middle,
.event-list .event-row .event-row-details .event-market.event-market-groupped-last {
    padding-top: 1px !important
}

.event-list .event-row .event-row-details .event-market.event-market-groupped-middle .event-market-name,
.event-list .event-row .event-row-details .event-market.event-market-groupped-last .event-market-name,
.event-list .event-row .event-row-details .event-market.event-market-groupped-first-suspended {
    display: none !important
}

.event-list .event-row .event-row-details .event-market .event-market-name {
    position: relative
}

.event-list .event-row .event-row-details .event-market .event-markets-dropdown {
    display: none;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: none;
    overflow: hidden;
    cursor: pointer;
    z-index: 1000
}

.event-list .event-row .event-row-details .event-market .event-selections {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: visible;
    -ms-flex-align: center;
    align-items: center
}


@media only screen and (max-device-width: 768px) {
	.event-list .event-row .event-row-details .event-market .event-selections {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		overflow: visible;
		-ms-flex-align: center;
		align-items: center;
		padding-top: 2px!important;
		padding-bottom: 1px;
	}

        .event-list .event-row .event-row-details .event-market .event-selections > div.event-selection {
            padding-left: 0;
            padding-right: 0;
            text-align: center;
            flex-grow: 1;
            width: 100%;
            overflow: hidden;
            text-transform: uppercase;
            position: relative;
            border-radius: 0px !important;
            border: 1px solid hsla(0,0%,100%,.2);
        }
    .event-list .event-row .event-row-details .event-bets .event-market .event-market-name {
        display: none;
        background-color: var(--secondary);
        opacity: 0.8;
        font-size: 0.95em;
        font-weight: bold;
        text-align: center;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        padding: 6px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-top: 0px !important;
    }
	
	.event-text-m {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 86px;	
		margin: 0 auto;
	}
	
	.event-list.event-list-section-more-markets .event-row .event-row-details .event-bets .event-market.event-market-columns-2 .event-selections:not(.event-selections-column)>div:not(:nth-child(2n+1)),
	.event-list.event-list-section-more-markets .event-row .event-row-details .event-bets .event-market.event-market-columns-3 .event-selections:not(.event-selections-column)>div:not(:nth-child(3n+1)),
	.event-list.event-list-section-more-markets .event-row .event-row-details .event-bets .event-market.event-market-columns-3 .event-selections.event-selections-column:not(:first-child)>div {
		/*border-left: 1px solid #fff;*/
		background-clip: padding-box;
		margin-left:1px!important;
		margin-right:1px!important;
	}
	
	.event-list.event-list-section-more-markets .event-row .event-row-details .event-bets .event-market.event-market-columns-2 .event-selections:not(.event-selections-column)>div:nth-last-child(2),
	.event-list.event-list-section-more-markets .event-row .event-row-details .event-bets .event-market.event-market-columns-3 .event-selections:not(.event-selections-column)>div:nth-last-child(3),
	.event-list.event-list-section-more-markets .event-row .event-row-details .event-bets .event-market .event-selections.event-selections-column:first-child>div:last-child {
		border-bottom-left-radius: 0px;
		margin-right: 2px!important;
		margin-right: 2px!important;
	}
}

.event-list .event-row .event-row-details .event-market .event-selections > div {
    padding: 12px 0;
    background-color: var(--primary);
    transition: all 0.2s;
    border: 1px solid hsla(0,0%,100%,.2);
    color:#fff;
}

.event-list .event-row .event-row-details .event-market .event-selections>div:first-child {
    border-radius: 5px;
}

.event-list .event-row .event-row-details .event-market .event-selections>div:last-child {
    border-radius: 5px;
}

.event-list .event-row .event-row-details .event-market .event-selections>div.event-selection {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    flex-grow: 1;
    width: 100%;
    overflow: hidden;
    text-transform: uppercase;
    position: relative;
	border-radius: 3px;
}

    .event-list .event-row .event-row-details .event-market .event-selections > div.event-selection.event-selection-disableddetails {
        background-color: var(--secondary) !important;
        color: #e1e6e9;
        cursor: no-drop !important;
        box-shadow: none !important;
        pointer-events: none;
        background: url('../images/lock4.svg') no-repeat center;
        width: 54.74px;
        height: 33px;
    }

    .event-list .event-row .event-row-details .event-market .event-selections > div.event-selection.event-selection-disabled {
        background-color: var(--secondary) !important;
        cursor: no-drop !important;
        box-shadow: none !important;
        pointer-events: none;
        background: url('../images/lock4.svg') no-repeat center;
        width: 54.74px;
        height: 40.13px;
        border: 1px solid hsla(0,0%,100%,.2);
    }

.event-list .event-row .event-row-details .event-market .event-selections>div.event-selection .event-selection-info-hide {
    visibility: hidden
}

.event-list .event-row .event-row-details .event-market .event-selections>div.event-selection:not([data-bet-status=""])[data-bet-status]:after,
.event-list .event-row .event-row-details .event-market .event-selections>div.event-selection:not([data-bet-status=""])[data-bet-status]:hover:after {
    content: " " !important;
    display: block !important;
    position: absolute !important;
    z-index: 99;
    left: 0;
    top: 0;
    width: 100% !important;
    height: 100% !important;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-radius: inherit
}

.event-list .event-row .event-row-details .event-market .event-selections>div.event-selection[data-bet-status="placing"]:after {
    background-image: url('/img/quickbet-status/loader.gif') !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
    background-size: 14px
}

.event-list .event-row .event-row-details .event-market .event-selections>div.event-selection[data-bet-status="placing"]:hover:after {
    cursor: wait !important
}

.event-list .event-row .event-row-details .event-market .event-selections>div.event-selection[data-bet-status="success"] {
    background: #35803d !important;
    box-shadow: 0 0 6px 0 #35803d !important
}

.event-list .event-row .event-row-details .event-market .event-selections>div.event-selection[data-bet-status="success"]:after,
.event-list .event-row .event-row-details .event-market .event-selections>div.event-selection[data-bet-status="success"]:hover:after {
    background-image: url('/img/quickbet-status/success.png') !important;
    background-color: rgba(70, 152, 102, 0.7) !important;
    background-size: 24px
}

.event-list .event-row .event-row-details .event-market .event-selections>div.event-selection[data-bet-status="error"] {
    background: #9f4147 !important;
    box-shadow: 0 0 6px 0 #9f4147 !important
}

.event-list .event-row .event-row-details .event-market .event-selections>div.event-selection[data-bet-status="error"]:after,
.event-list .event-row .event-row-details .event-market .event-selections>div.event-selection[data-bet-status="error"]:hover:after {
    background-image: url('/img/quickbet-status/error.png') !important;
    background-color: rgba(195, 65, 71, 0.7) !important;
    background-size: 20px
}

.event-list .event-row .event-row-details .event-market .event-selections>div.event-selection div {
    white-space: nowrap;
    overflow: hidden
}

.event-list .event-row .event-row-details .event-market .event-selections>div.event-selection div:first-child {
    font-size: 0.9em;
    opacity: 0.8;
    display: none
}

.event-list .event-row .event-row-details .event-market .event-selections>div.event-selection div:last-child {
    font-weight: bold;
    display:flex;
}

.event-list .event-row .event-row-details .event-market .event-selections>div+div {
    margin-left: 2px;
	border-radius: 5px;
}

.event-list .event-row .event-row-details .event-market .event-selections.event-selections-column.event-selections-header {
    padding: 8px 0;
    display: block;
    text-align: center;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important
}

.event-list .event-row .event-row-details .event-extra {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 24px;
    margin-left: 10px;
	margin-right: -4px;
    align-self: stretch;
    justify-content: space-around
}

.event-list .event-row .event-row-details .event-extra>div {
    transition: all 0.2s;
    opacity: 0.8
}

.event-list .event-row .event-row-details .event-bets,
.event-list .event-row .event-row-details .event-markets {
    font-weight: 600;
    flex-shrink: 0;
    align-self: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    align-items: center;
    overflow: visible
}

.event-list .event-row .event-row-details .event-bets>div:first-child,
.event-list .event-row .event-row-details .event-markets>div:first-child {
    margin-left: auto
}

.event-list .event-row .event-row-details .event-bets .event-market .event-market-name {
    display: none;
    /*background-color: #ffffff;*/  
    opacity: 0.8;
    font-size: 0.95em;
    font-weight: bold;
    text-align: center;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.event-list .event-row .event-row-details .event-bets .event-selections+.event-selections {
    margin-left: 16px
}

.event-list .event-row .event-row-details .event-bets.upper-to-left .event-market .event-market-name {
    text-align: left;
    text-transform: uppercase
}

.event-list .event-row .event-row-details .event-bets .event-market:not(.market-selections-0) .event-selections>div.event-selection.event-selection-picked,
.event-list .event-row .event-row-details .event-bets .event-market:not(.market-selections-0) .event-selections>div.event-selection.event-selection-picked:hover {
    background-color: #00a8fa;
    box-shadow: 0 0 6px 0 #00a8fa
}

.event-list .event-row .event-row-details .event-more-markets-arrow {
    position: relative;
    height: 18px
}

.event-list .event-row .event-row-details .event-more-markets-arrow.event-more-markets-selected {
    color: #00a8fa
}

    .event-list .event-row .event-row-details .event-more-markets-arrow span {
        position: absolute;
        top: -20px;
        left: -4px;
        font-size: 3em;
        font-weight: 300;
        color: var(--tertiary);
    }

.event-list .event-row .event-row-details .prematch-to-live,
.event-list .event-row .event-row-details .prematch-to-live-responsive {
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 600;
    color: #fff
}

.event-list .event-row .event-row-details .prematch-to-live .event-live-icon,
.event-list .event-row .event-row-details .prematch-to-live-responsive .event-live-icon {
    margin-bottom: 0
}

.event-list .event-row .event-row-details .prematch-to-live {
    padding-right: 8px
}

.event-list .event-row .event-row-details .prematch-to-live-responsive {
    display: none
}

.event-list .event-row .event-row-discard,
.event-list .event-row .event-row-discard>div {
    display: none
}

.event-list .event-row.started {
    cursor: no-drop !important
}

.event-list .event-row.started .event-bets {
    opacity: 0.4
}

.event-list .event-row.started .event-row-details .event-market.market-selections-0 {
    opacity: 1 !important
}

.event-list .event-row.started .event-row-details .event-extra>div:hover {
    opacity: 0.8 !important;
    filter: none !important;
    cursor: no-drop !important
}

.event-list .event-row.started .event-row-details .event-extra>div:hover a {
    cursor: no-drop !important
}

.event-list .event-row.started:hover .event-row-details .event-extra .event-more-markets-arrow span {
    filter: none !important
}

.event-list .event-row-container .event-set-info-row-container {
    margin: 0px ; /*sam 8px*/
}

.event-list .event-row-container .event-set-info-row-container.day-container {
    margin: 8px 0
}

    .event-list .event-row-container .event-set-info-row-container .league-row,
    .event-list .event-row-container .event-set-info-row-container .day-row {
        margin: 0;
        padding: 4px 8px;
        background-color: var(--primary); /* sam #0b1721;*/
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        font-weight: 600;
        border-radius: 0px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        color: #fff;
    }

.event-list .event-row-container .event-set-info-row-container .day-row {
    padding: 4px 0;
    background-color: transparent;
    text-transform: uppercase
}

.event-list .event-row-container .event-set-info-row-container .day-row .day-text {
    margin: 0 8px
}

.event-list .event-row-container .event-set-info-row-container .day-row .column-separator {
    flex-grow: 1;
    height: 2px;
    box-sizing: border-box;
    border: 1px solid #979797;
    opacity: 0.4;
    margin: 0
}

.event-list .event-row-container .event-set-info-row-container .league-row .flag-icon {
    margin-right: 6px
}

.event-list .event-row-container .event-set-info-row-container .league-row:hover {
    cursor: pointer
}

.event-list .event-row-container+.event-row-container {
    margin-top: 8px
}

.event-list .list-events-empty {
    width: 100%;
    padding: 24px 8px 32px 8px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    display: none
}

.event-list .list-events-empty:first-child:last-child {
    display: block
}

.event-list .list-events-empty img {
    width: 40px;
    opacity: 0.6;
    margin-bottom: 8px
}

.event-list .list-events-empty p {
    font-size: 1.2em;
    font-weight: 800;
    color: #fff
}

.event-list .list-events-empty p:last-child {
    font-weight: normal
}

.event-list.event-list-count-0 .event-icon:not(.event-show-sport),
.event-list.event-list-count-0 .event-filters-container:not(.event-searching),
.event-list:not(.event-list-prematch):not(.event-list-jackpot) .event-show-print,
.event-list:not(.event-list-prematch):not(.event-list-live) .event-show-help,
.event-list:not(.event-list-prematch) .event-show-filters,
.event-list.event-list-prematch:not(.event-list-section-today):not(.event-list-section-upcoming) .event-show-filters {
    display: none !important
}

.event-list .event-show-markets-switch {
    display: none
}

.event-list.event-list-prematch.event-list-section-upcoming .event-list-header .event-list-upcoming-days,
.event-list.event-list-prematch.event-list-section-more-markets .event-list-header .event-list-upcoming-days {
    display: -ms-flexbox;
    display: flex
}

.event-list.event-list .event-list-header .event-list-title>div:first-child.event-list-name {
    text-transform: none
}

.event-list>.bp {
    margin: 0 !important
}

.event-list .text-nowrap {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media only screen and (max-device-width: 768px) {
	
	
	
	
	.event-text-m {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 86px;	
		margin: 0 auto;
	}
	
	.event-text-opera {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 86px!important;	
	}
}

.list-v2-authenticated .event-list-prematch .event-names .icon-fav {
    display: inline-block !important
}

ul.event-list-pagination {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center
}

ul.event-list-pagination>li {
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.2);
    transition: all 0.2s;
    text-align: center;
    padding: 6px;
    border-radius: 3px;
    font-size: 12px;
    color: #fff
}

ul.event-list-pagination>li:first-child,
ul.event-list-pagination>li:last-child {
    min-width: 80px
}

ul.event-list-pagination>li:not(:first-child):not(:last-child) {
    min-width: 32px
}

ul.event-list-pagination>li.current {
    font-weight: 800;
    background-color: #662483;
    transition: all 0.2s;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5)
}

ul.event-list-pagination>li:hover {
    background-color: #662483;
    transition: all 0.2s;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
    cursor: pointer
}

ul.event-list-pagination>li.page-disabled:hover {
    opacity: 0.4;
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    cursor: no-drop
}

ul.event-list-pagination>li+li {
    margin-left: 4px
}

ul.event-list-pagination li {
    margin-top: 4px
}

body:not(.touch-device) .tool-icon:hover {
    opacity: 1
}

body:not(.touch-device) .event-list .event-list-header .event-list-upcoming-days>div:not(.active):hover {
    cursor: pointer;
    opacity: 1
}

body:not(.touch-device) .event-list .event-list-header .event-filters-container .event-filters .event-search .event-search-clear:hover {
    opacity: 0.5
}

body:not(.touch-device) .event-list .event-list-header .event-filters-container .event-filters .event-search button:hover {
    opacity: 0.5
}

body:not(.touch-device) .event-list .event-row.event-row-header .event-markets .event-market:not(.event-market-availables-count-):not(.event-market-availables-count-0):not(.event-market-availables-count-1):hover {
    cursor: pointer;
    background-color: #374551
}

body:not(.touch-device) .event-list .event-row.event-row-header:hover {
    background-color: var(--secondary);
    cursor: auto
}

body:not(.touch-device) .event-list .event-row:hover {
    /*background-color: var(--primary);*/
}

body:not(.touch-device) .event-list .event-row:hover .event-row-details .event-bets,
body:not(.touch-device) .event-list .event-row:hover .event-row-details .event-markets {
    cursor: default
}

body:not(.touch-device) .event-list .event-row .event-row-details .event-extra>div:hover {
    opacity: 1;
    filter: drop-shadow(0 1px 3px #fff);
    cursor: pointer
}

body:not(.touch-device) .event-list .event-row .event-row-details .event-description .event-names .sport-icon.icon-fav:not(.icon-fav-selected):hover {
    background: url("../images/main_sprite_dark.svg") -650px -200px
}

body:not(.touch-device) .event-list .event-row .event-row-details .event-market:not(.market-selections-0) .event-selections > div:hover,
body:not(.touch-device) .event-list .event-row .event-row-details .event-description .event-extra-responsive > div:hover {
    background-color: var(--tertiary);
    cursor: pointer;
    border: 1px solid var(--tertiary);
    /*color:var(--primary);*/
}

body:not(.touch-device) .event-list .event-row:hover .event-row-details .event-extra .event-more-markets-arrow span,
body:not(.touch-device) .event-list .event-row .event-row-details .event-extra .event-more-markets-arrow span:hover {
    filter: drop-shadow(0 1px 3px #fff)
}

body:not(.touch-device) .event-list .event-row:hover event-row-details .event-extra .event-more-markets-arrow.event-more-markets-selected span,
body:not(.touch-device) .event-list .event-row .event-row-details .event-extra .event-more-markets-arrow.event-more-markets-selected span:hover,
body:not(.touch-device) .event-list .event-row .event-row-details .event-extra>div.event-more-markets-arrow.event-more-markets-selected:hover {
    filter: drop-shadow(0 1px 3px #00a8fa)
}

@media only screen and (max-width: 1400px) {
    .event-list:not(.event-list-expanded) .event-row .event-row-details .event-market {
        width: 12.9em;
        z-index: 3;
    }
    .event-list:not(.event-list-expanded) .event-row .event-row-details .event-market.market-2-way {
        width: 8.5em
    }
    .event-list:not(.event-list-expanded) .event-row .event-row-details .event-market:nth-child(4) {
        opacity: 0;
        max-width: 0;
        margin-left: 0;
        overflow: hidden
    }
    .event-list:not(.event-list-expanded) .event-row.event-row-header .event-markets .event-market:nth-child(4) {
        max-height: 0
    }
}

@media only screen and (max-width: 1212px) {
    body:not(.touch-device) .event-list .event-row .event-row-details .event-market:not(.market-selections-0) .event-selections > div:hover,
    body:not(.touch-device) .event-list .event-row .event-row-details .event-description .event-extra-responsive > div:hover {
        background-color: var(--primary);
        cursor: pointer;
        border: 1px solid hsla(0,0%,100%,.2);
       /* color:var(--primary) ;*/
    }
	
	.live-event-description{
		margin-left: 15px!important
	}
	
    .event-list:not(.event-list-multijackpot) {
        /*background-color: #fff;*/
        box-shadow: none
    }
    .event-list .event-row {
        box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
        /*border-radius: 3px;*/
        background-color: var(--secondary)
    }
    .event-list .event-row.event-row-header {
        display: none
    }
    .event-list .event-row .event-description-responsive {
        display: flex
    }
    .event-list .event-row .event-row-details {
        flex-direction: column
    }
    .event-list .event-row .event-row-details>div+div {
        margin-left: 0
    }
    .event-list .event-row .event-row-details.event-markets-count-1 .event-bets .event-market:first-child,
    .event-list .event-row .event-row-details.event-markets-count-3 .event-bets .event-market:first-child {
        width: 100% !important;
        padding-right: 0
    }
    .event-list .event-row .event-row-details.event-markets-count-1 .event-bets .event-market:not(:first-child):nth-child(odd),
    .event-list .event-row .event-row-details.event-markets-count-3 .event-bets .event-market:not(:first-child):nth-child(odd) {
        padding-right: 0;
        padding-left: 2px
    }
    .event-list .event-row .event-row-details.event-markets-count-1 .event-bets .event-market:not(:first-child):nth-child(even),
    .event-list .event-row .event-row-details.event-markets-count-3 .event-bets .event-market:not(:first-child):nth-child(even) {
        padding-right: 2px;
        padding-left: 0
    }
    .event-list .event-row .event-row-details .event-description.no_selections {
        margin-bottom: 16px
    }
    .event-list .event-row .event-row-details .event-description.no_selections .event-extra-responsive {
        display: none !important
    }
    .event-list .event-row .event-row-details .event-description .event-info {
        display: none
    }
    .event-list .event-row .event-row-details .event-description .event-names {
        margin-left: 0
    }
    .event-list .event-row .event-row-details .event-description .event-extra-responsive {
        display: flex
    }
    .event-list .event-row .event-row-details .event-description .prematch-to-live-responsive {
        display: flex;
        height: 46px
    }
    .event-list .event-row .event-row-details .event-description .event-status {
        margin-right: 0
    }
    .event-list .event-row .event-row-details .prematch-to-live {
        display: none
    }
    .event-list .event-row .event-row-details .event-bets {
        flex-wrap: wrap;
        width: 100%;
        margin: 0px 0 0px 0
    }
    .event-list .event-row .event-row-details .event-bets>div:first-child,
    .event-list .event-row .event-row-details .event-bets .event-selections+.event-selections,
    .event-list .event-row .event-row-details .event-bets .event-market+.event-market {
        margin: 0 !important
    }
    .event-list .event-row .event-row-details .event-bets .event-market {
        padding: 4px 0;
        width: 50% !important
    }
    .event-list .event-row .event-row-details .event-bets .event-market:nth-child(odd) {
        padding-right: 2px
    }
    .event-list .event-row .event-row-details .event-bets .event-market:nth-child(even) {
        padding-left: 2px
    }
    .event-list .event-row .event-row-details .event-bets .event-market:nth-child(4) {
        display: block;
        opacity: 1;
        max-width: none
    }
    .event-list .event-row .event-row-details .event-bets .event-market .event-market-name {
        display: block
    }
    .event-list .event-row .event-row-details .event-bets .event-market .event-market-name .event-market-dropdown-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        right: 0;
        vertical-align: middle;
        padding: 6px;
        background: linear-gradient(180deg, #e8e9ea 0%, #ccced0 100%);
        border-radius: 3px;
        top: -1px;
        margin: 8px;
        width: 16px;
        height: 16px
    }
    .event-list .event-row .event-row-details .event-bets .event-market .event-market-name .dropdown-icon-container:hover {
        opacity: 0.7
    }
    .event-list .event-row .event-row-details .event-bets .event-market .event-selections>div {
        padding: 4px 0!important;
    }
    .event-list .event-row .event-row-details .event-bets .event-market .event-selections>div:first-child {
        border-top-left-radius: 0;
		margin-right: 1px;
    }
    .event-list .event-row .event-row-details .event-bets .event-market .event-selections>div:last-child {
        border-top-right-radius: 0
    }
    .event-list .event-row .event-row-details .event-bets .event-market .event-selections>div.event-selection div:first-child {
        display: block
    }
    .event-list .event-row .event-row-details .event-bets .event-market .event-selections>div+div {
        margin-right: 1px;
    }
    .event-list .event-row .event-row-details .event-bets .event-market .event-selections .event-selection {
        flex-grow: 1
    }
    .event-list .event-row .event-row-details .event-extra {
        display: none
    }
    .event-list .event-row-container .event-set-info-row-container {
        margin: 0px 0
    }
    .event-list .list-events-empty {
        box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
        border-radius: 8px;
        background-color: #01122f;
        padding-top: 32px
    }
    .event-list:not(.event-list-custom):not(.event-list-section-more-markets):not(.event-list-live) .event-row {
        padding-bottom: 0
    }
	
	.jackpotMobileHide{
		display:none!important;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1099px),
only screen and (max-width: 600px) {
    .event-list.event-list-prematch .event-list-header .event-list-title>div:first-child {
        width: auto;
        flex-shrink: 0
    }
    .event-list.event-list-prematch .event-list-header .event-list-title>div:first-child.event-list-name {
        text-align: left;
        flex-grow: 1
    }
    .event-list.event-list-prematch .event-list-header .event-list-title>div:nth-child(2).event-list-name {
        text-align: left;
        padding-left: 6px
    }
}

@media only screen and (max-width: 992px) {
    .event-list .event-list-header .event-list-title {
        letter-spacing: normal
    }
    .event-list .event-list-header .event-filters-container .event-filters {
        flex-direction: column;
        text-align: center
    }
    .event-list .event-row .event-row-details .event-bets .event-market .event-selections > div.event-selection > div:last-child {
        position: relative;
        font-size: 1.2em;
        display:unset;
    }
    .event-list .event-row .event-row-details .event-bets .event-market .event-selections>div.event-selection>div:last-child img {
        position: absolute;
        top: 45%;
        left: 50%;
        margin-left: -25px
    }
}

@media only screen and (max-width: 767px) {
    .event-list.event-list-prematch .event-show-markets-switch {
        display: block
    }
    .event-list.event-list-prematch .event-icon.event-show-filters {
        display: none
    }
}

@media only screen and (max-width: 479px) {
    .event-list .event-row .event-row-details .event-market:nth-child(1),
    .event-list .event-row .event-row-details .event-market:nth-child(2),
    .event-list .event-row .event-row-details.event-markets-count-3 .event-market:not(:first-child):nth-child(3) {
        width: 100% !important;
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .event-list .event-row .event-row-details .event-market .event-selections > div.event-selection.event-selection-disableddetails {
        height: 43.9px !important;
    }
}

@media only screen and (max-width: 320px) {
    .event-list .event-list-header .event-filters-container .event-filters .event-search input {
        display: block;
        margin-bottom: 8px
    }
}

@media only screen and (max-width: 279px) {
    .event-list .event-row .event-row-details .event-market {
        width: 100% !important
    }
    .event-list .event-row .event-row-details .event-market:nth-child(odd) {
        padding-right: 0
    }
    .event-list .event-row .event-row-details .event-market:nth-child(even) {
        padding-left: 0
    }
}

@media only screen and (max-width: 210px) {
    .event-list .event-list-header .event-filters-container .event-filters .event-search input[type="text"] {
        width: 100%
    }
    .event-list .event-list-header .event-filters-container .event-filters .event-order span {
        display: block;
        margin-bottom: 8px;
        margin-right: 0
    }
}

@media print {
    .event-list {
        font-size: 10px !important
    }
    .event-list .event-list-header {
        margin-bottom: 0 !important
    }
    .event-list .event-list-header .event-list-title {
        padding-bottom: 0 !important
    }
    .event-list .event-list-header .event-list-title .event-icon {
        display: none !important
    }
    .event-list .event-list-header .event-list-upcoming-days,
    .event-list .event-list-header .event-filters-container {
        display: none !important
    }
    .event-list .event-list-header .jackpot-quickpick {
        display: none !important
    }
    .event-list .event-row {
        margin: 0 !important;
        padding: 0 !important;
        border-bottom: 1px solid #ccc !important
    }
    .event-list .event-row.event-row-header {
        padding-top: 0 !important
    }
    .event-list .event-row .event-row-details .event-description .event-extra-responsive {
        display: none !important
    }
    .event-list .event-row .event-row-details .event-extra {
        display: none !important
    }
    .event-list .event-row-container+.event-row-container {
        margin-top: 0 !important
    }
    .event-list.event-list-jackpot .event-row .event-row-details .event-description .event-info>div:first-child {
        height: auto
    }
    .event-list-pagination {
        display: none !important
    }
}

.amount-input-group {
    display: flex;
    flex-wrap: wrap
}

.amount-input-group .input-group {
    flex-basis: 1%
}

.amount-input {
    height: 38px;
    border: 2px solid #b3b3b3;
    background-color: #fff;
    box-shadow: inset 3px 3px 3px 0 #b7bbd6;
    float: left;
    margin-right: 5px;
    color: #000;
    text-indent: 10px;
    font-size: 12px;
    width: auto !important
}

.amount-input::placeholder {
    opacity: 0.8
}

.amount-input.large {
    width: 215px !important
}

.amount-input.ng-invalid-min.ng-not-empty,
.amount-input.ng-invalid-max.ng-not-empty {
    border: 2px solid #b72626;
    outline: 0
}

.amount-input-button {
    height: 38px;
    border: 1px solid rgba(26, 35, 126, 0.13);
    background-color: #467a97;
    font-weight: bold;
    padding: 1px 16px 0px 16px;
    text-transform: uppercase
}

.amount-limits {
    opacity: 0.7;
    color: #a8abad;
    font-size: 12px;
    line-height: 16px;
    margin-top: 10px;
    flex-basis: 100%
}

.invalid-amount .input-group-addon {
    border: 2px solid #b72626;
    border-right: 0
}

.invalid-amount .amount-limits {
    color: #f00
}

@media only screen and (max-width: 550px) {
    .amount-input-group .input-group {
        flex-basis: 100%
    }
    .amount-input-group .input-group,
    .amount-input-group>input {
        order: 1
    }
    .amount-input-group>.amount-input {
        width: 100% !important
    }
    .amount-input-group .amount-limits {
        order: 2
    }
    .amount-input-group .amount-input-button {
        order: 3;
        width: 100% !important
    }
    .amount-input.large {
        width: 100% !important
    }
}

.markets-preferences {
    background-color: rgba(185, 185, 185, 0.6)
}

.markets-preferences .modal-dialog {
    bottom: auto;
    top: 150px;
}

.markets-preferences .modal-dialog .modal-content {
    background-color: #01122f;
    margin: 0 auto;
    max-width: 320px
}

.markets-preferences .modal-dialog .modal-content .modal-header {
    border-bottom: 0px;
    padding-top: 10px;
    font-weight: 600;
    text-align: center
}

.markets-preferences .modal-dialog .modal-content .modal-header .markets-preferences-title {
    font-weight: bold;
    font-size: 12px;
    line-height: 17px;
    text-transform: uppercase
}

.markets-preferences .modal-dialog .modal-content .modal-header .close {
    background: url("../images/main_sprite_dark.svg") no-repeat -500px -1500px;
    width: 12px;
    height: 12px;
    margin-top: 4px;
    cursor: pointer;
    position: absolute;
    right: 13px
}

.markets-preferences .modal-dialog .modal-content .modal-body {
    padding: 4px
}

.markets-preferences .modal-dialog .modal-content .modal-body .preferences-options {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 15px
}

.markets-preferences .modal-dialog .modal-content .modal-body .preferences-options>div {
    flex-basis: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer
}

.markets-preferences .modal-dialog .modal-content .modal-body .preferences-options>div.selected .option-image {
    border: 3px solid #0af;
    opacity: 1
}

.markets-preferences .modal-dialog .modal-content .modal-body .preferences-options>div.selected .check {
    background-color: #0af;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2712px%27%20height%3D%2711px%27%20viewBox%3D%270%200%2012%2011%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cg%20stroke%3D%27none%27%20stroke-width%3D%271%27%20fill%3D%27none%27%20fill-rule%3D%27evenodd%27%20stroke-linecap%3D%27round%27%3E%3Cg%20transform%3D%27translate%28-71.000000%2C%20-405.000000%29%27%20stroke%3D%27%23131E28%27%20stroke-width%3D%272%27%3E%3Cg%20transform%3D%27translate%2810.000000%2C%20145.000000%29%27%3E%3Cg%20transform%3D%27translate%2855.000000%2C%20253.000000%29%27%3E%3Cpolyline%20id%3D%27Path%27%20points%3D%277%2012.2323402%2010.5266573%2016%2017%208%27%3E%3C%2Fpolyline%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: center;
    background-repeat: no-repeat
}

.markets-preferences .modal-dialog .modal-content .modal-body .preferences-options .option-image {
    width: 112px;
    height: 132px;
    border-radius: 12px;
    background-size: 98px 118px;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 16px;
    opacity: 0.6
}

.markets-preferences .modal-dialog .modal-content .modal-body .preferences-options .option-image.single-market {
    background-image: url('../images/markets_preferences_single.png')
}

.markets-preferences .modal-dialog .modal-content .modal-body .preferences-options .option-image.multiple-markets {
    background-image: url('../images/markets_preferences_multiple.png')
}

.markets-preferences .modal-dialog .modal-content .modal-body .preferences-options .option-name {
    font-size: 12px;
    font-weight: bold
}

.markets-preferences .modal-dialog .modal-content .modal-body .preferences-options .option-explanation {
    opacity: 0.6;
    font-size: 10px;
    font-weight: 600
}

.markets-preferences .modal-dialog .modal-content .modal-body .preferences-options .check {
    background-color: #fff;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    margin: 10px 0
}

.markets-preferences .modal-dialog .modal-content .modal-body hr {
    margin-bottom: 13px;
    width: 90%
}

.markets-preferences .modal-dialog .modal-content .modal-body .preferences-buttons {
    display: flex;
    justify-content: space-evenly;
    padding: 0 20px 12px
}

.markets-preferences .modal-dialog .modal-content .modal-body .preferences-buttons button {
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    background: transparent;
    border: 0;
    opacity: 0.8;
    padding: 8px 22px
}

.markets-preferences .modal-dialog .modal-content .modal-body .preferences-buttons button.save {
    border-radius: 6px;
    background-color: #0af;
    color: #01122f;
    opacity: 1
}

.enhanced-input {
    position: relative
}

.enhanced-input .password-toggler {
    position: absolute;
    top: 10px;
    right: 9px;
    opacity: 0.8;
    cursor: pointer
}

.enhanced-input .password-toggler:before {
    content: ' ';
    display: inline-block;
    width: 16px;
    height: 12px;
    background: url("../images/main_sprite_dark.svg") no-repeat -850px -1500px
}

.enhanced-input .password-toggler.displayed {
    top: 11px
}

.enhanced-input .password-toggler.displayed:before {
    height: 14px;
    background: url("../images/main_sprite_dark.svg") no-repeat -900px -1500px
}

.validation-tooltip.popover {
    z-index: 900;
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.4);
    border: none
}

.validation-tooltip.popover.right {
    margin-left: 18px
}

.validation-tooltip.popover.bottom>.arrow {
    border-bottom-color: rgba(0, 0, 0, 0.1)
}

.validation-tooltip.popover .popover-content {
    padding: 16px 10px
}

.validation-tooltip ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.validation-tooltip ul li span {
    color: #000;
    opacity: 0.6;
    font-size: 14px;
    font-weight: 600
}

.validation-tooltip ul li:before {
    content: ' ';
    background: url("../images/main_sprite_dark.svg") no-repeat -950px -1500px;
    display: inline-block;
    width: 18px;
    height: 18px;
    position: relative;
    top: 4px;
    margin-right: 8px;
    opacity: 0.3
}

.validation-tooltip ul li.valid:before {
    background-position-x: -250px;
    opacity: 1
}

@media only screen and (max-width: 991px) {
    #register_step1_3 .col-sm-10,
    #register_step2_3 .col-sm-10 {
        width: 75%
    }
}

@media only screen and (max-width: 768px) {
    #register_step1_3 .col-sm-10,
    #register_step2_3 .col-sm-10 {
        width: 100%
    }
}

.navigationtree-v2 {
    width: 183px;
    background-color: #662483;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    transition: all 0.5s 0.1s;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5)
}

.navigationtree-v2 span,
.navigationtree-v2 div {
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis
}

.navigationtree-v2 li {
    cursor: pointer;
    width: 100%
}

.navigationtree-v2 li>div {
    transition: all 0.2s
}

.navigationtree-v2 li>div:first-child {
    padding: 8px
}

.navigationtree-v2 li>div.nt2-toggle {
    position: relative
}

.navigationtree-v2 li>div i {
    margin-right: 6px
}

.navigationtree-v2 li>div span {
    transition: all 0.2s
}

.navigationtree-v2 li li li>div {
    padding: 4px 8px
}

.navigationtree-v2 li li li ul {
    margin-left: 8px;
    background-color: transparent
}

.navigationtree-v2 li li li:not(:last-child) {
    border-bottom: none
}

    .navigationtree-v2 li li ul {
        background-color: var(--secondary);
    }

    .navigationtree-v2 li:not(:last-child),
    .navigationtree-v2 li.live-favorites {
        border-bottom: 1px solid var(--primary) /*rgba(0, 0, 0, 0.2)*/;
    }

.navigationtree-v2 li.nt2-type-prematch.nt2-countries-0>.nt2-toggle:after,
.navigationtree-v2 li.nt2-type-custom.nt2-countries-0>.nt2-toggle:after,
.navigationtree-v2 li.nt2-type-live.nt2-events-0>.nt2-toggle:after {
    display: none !important
}

.navigationtree-v2 li.nt2-type-prematch .nt2-toggle:after,
.navigationtree-v2 li.nt2-type-custom .nt2-toggle:after,
.navigationtree-v2 li.nt2-type-live .nt2-toggle:after {
    content: '+';
    position: absolute;
    right: 8px;
    transition: all 0.2s 0.2s;
    width: 8px;
    text-align: center
}

.navigationtree-v2 li.nt2-type-prematch .nt2-toggle.nt2-toggle-collapse:after,
.navigationtree-v2 li.nt2-type-custom .nt2-toggle.nt2-toggle-collapse:after,
.navigationtree-v2 li.nt2-type-live .nt2-toggle.nt2-toggle-collapse:after {
    content: '-'
}

.navigationtree-v2 li.nt2-separator>div:first-child>hr {
    height: 2px;
    width: 16px;
    box-sizing: border-box;
    border: 1px solid #fff;
    opacity: 0.6;
    display: inline-block;
    margin: 3px 6px 3px -1px;
    background-color: #fff
}

.navigationtree-v2 li.nt2-separator>div:first-child>span {
    text-transform: uppercase;
    font-size: 0.9em;
    font-weight: bold;
    opacity: 1
}

.navigationtree-v2 li.nt2-separator div {
    cursor: default;
    background-color: transparent
}

.navigationtree-v2 li.nt2-type-live .competition-name {
    background-color: #061a22;
    opacity: 0.8;
    font-size: 9px;
    text-transform: uppercase;
    height: 20px;
    padding: 4px 8px;
    white-space: nowrap;
    cursor: default
}

.navigationtree-v2 li.nt2-type-live .live-event-row {
    display: flex;
    padding: 8px 0;
    font-size: 12px;
    position: relative;
    background-color: #662483;
}

.navigationtree-v2 li.nt2-type-live .live-event-row>div {
    padding-left: 8px
}

.navigationtree-v2 li.nt2-type-live .live-event-row .competitors,
.navigationtree-v2 li.nt2-type-live .live-event-row .score>span {
    opacity: 0.9
}

.navigationtree-v2 li.nt2-type-live .live-event-row .competitors {
    flex-grow: 1
}

.navigationtree-v2 li.nt2-type-live .live-event-row .competitors span {
    white-space: nowrap;
    display: block
}

.navigationtree-v2 li.nt2-type-live .live-event-row .score {
    flex-shrink: 0
}

.navigationtree-v2 li.nt2-type-live .live-event-row .score span {
    padding: 0 3px
}

.navigationtree-v2 li.nt2-type-live .live-event-row .score span:not(.set) {
    color: #feffff;
    opacity: 0.4
}

.navigationtree-v2 li.nt2-type-live .live-event-row .score .time {
    opacity: 0.6;
    font-size: 10px;
    line-height: 14px;
    text-align: right;
    padding-right: 3px;
    padding-top: 2px
}

.navigationtree-v2 li.nt2-type-live .live-event-row .favorite-toggle {
    flex-shrink: 0;
    padding-top: 10px
}

.navigationtree-v2 li.nt2-type-live .live-event-row .game-ended-overlay {
    width: 100%;
    height: 100%;
    background-color: #1f2f38;
    opacity: 0.9;
    position: absolute;
    z-index: 10;
    padding-top: 16px;
    padding-right: 8px;
    top: 0;
    left: 0;
    cursor: not-allowed
}

.navigationtree-v2 li.nt2-type-live .live-event-row .game-ended-overlay span {
    display: block;
    text-align: center;
    text-transform: uppercase
}

.navigationtree-v2 li div.sport-icon-container:hover {
    background-color: transparent
}

    .navigationtree-v2 ul {
        list-style: none;
        margin: 0;
        padding: 0;
        background-color: var(--secondary);
    }

    .navigationtree-v2 > ul li div.nt2-toggle-collapse {
        background-color: var(--quaternary);
        color: #FFF;
    }

.navigationtree-v2>ul li div.nt2-toggle-collapse>span {
    opacity: 1
}

.navigationtree-v2>ul li div.nt2-toggle-collapse+div>ul>li.nt2-mini-title>div {
    background-color: #0086d4
}

.navigationtree-v2>ul>li>div>span {
    opacity: 0.6
}

.navigationtree-v2 .nt2-right {
    text-align: right
}

.navigationtree-v2 .nt2-right>div:before {
    content: "«";
    font-size: 1.4em;
    line-height: 1em;
    margin-left: 4px
}

.navigationtree-v2 .nt2-icon {
    position: relative;
    display: inline-block;
    content: " ";
    top: -1px;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background-size: contain;
    min-width: 16px
}

.navigationtree-v2 .nt2-icon.nt2-icon-home {
    background: url("../images/main_sprite_dark.svg") no-repeat 0 -100px
}

.navigationtree-v2 .nt2-icon.nt2-icon-live {
    background: url("../images/main_sprite_dark.svg") no-repeat -1400px -200px
}

.navigationtree-v2 .nt2-icon.nt2-icon-custom {
    background-image: url("/img/custom-bet-icon.svg?v2.2.20.0");
    background-size: cover;
    width: 20px;
    margin-left: -3px
}

.navigationtree-v2 .nt2-icon.nt2-icon-favorites {
    background: url("../images/main_sprite_dark.svg") no-repeat -650px -200px
}

.navigationtree-v2 .nt2-favorites-login {
    transition: all 0.2s;
    width: 183px;
    overflow: hidden;
    max-height: 1000em;
    opacity: 1;
    cursor: default
}

.navigationtree-v2 .nt2-favorites-login a {
    display: inline-block;
    padding: 5px 5px 5px 5px;
    background: rgba(82, 121, 148, 1);
    border: 1px solid rgba(25, 34, 126, 0.13);
    min-width: 80px;
    text-transform: uppercase;
    font-weight: 800;
    margin: 5px;
    color: #fff;
    text-align: center;
    transition: all 0.2s;
    cursor: pointer
}

.navigationtree-v2 .nt2-favorites-login p {
    text-align: center;
    max-height: 500px;
    transition: all 0.2s;
    margin: 0;
    padding: 0
}

.navigationtree-v2 .nt2-favorites-login span {
    white-space: normal
}

.navigationtree-v2 .nt2-favorites-login>div>div {
    display: inline
}

.navigationtree-v2.nt2-auth .nt2-favorites-login,
.navigationtree-v2:not(.nt2-auth) .nt2-favorite,
.navigationtree-v2:not(.nt2-auth) .nt2-favorites-empty {
    display: none !important
}

.navigationtree-v2 .nt2-countries {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
	/*scrollbar-width: thin;*/
}

.navigationtree-v2 .nt2-countries::-webkit-scrollbar {
    width: 4px;
    background-color: transparent
}

.navigationtree-v2 .nt2-countries::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.6)
}

.navigationtree-v2 .nt2-countries::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.8)
}

.navigationtree-v2 .nt2-countries::-webkit-scrollbar-thumb:active {
    background: rgba(255, 255, 255, 0.8)
}

.navigationtree-v2 .nt2-countries li ul li div span {
    display: inline-block;
    width: 92%;
    font-size: 12px
}

.navigationtree-v2 .nt2-live-list {
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden
}

.navigationtree-v2 .nt2-live-list::-webkit-scrollbar {
    width: 4px;
    background-color: transparent
}

.navigationtree-v2 .nt2-live-list::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.6)
}

.navigationtree-v2 .nt2-live-list::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.8)
}

.navigationtree-v2 .nt2-live-list::-webkit-scrollbar-thumb:active {
    background: #0f4357
}

.navigationtree-v2 .nt2-favorite>div,
.navigationtree-v2 .nt2-favorite li.nt2-mini-title>div {
    display: flex;
    overflow: hidden;
    flex-wrap: nowrap;
    align-items: center;
    padding: 8px 0 8px 8px
}

.navigationtree-v2 .nt2-favorite li.nt2-mini-title>div>span {
    flex-grow: 1;
    text-overflow: ellipsis
}

.navigationtree-v2 .nt2-mini-title .sport-icon {
    visibility: hidden
}

.navigationtree-v2 .nt2-custom-countries>li:not(:first-child) {
    font-size: 0.9em
}

.navigationtree-v2 .nav-tree-item>span {
    transition: all 0.2s, font-weight 0s
}

    .navigationtree-v2 .nav-tree-item.nav-tree-item-selected {
        background-color: var(--secondary)
    }

.navigationtree-v2 .nav-tree-item.nav-tree-item-selected>span {
    font-weight: 700
}

.navigationtree-v2 .nt2-mini-title,
.navigationtree-v2.nt2-mini .nt2-sport-extra.ng-animate .nt2-mini-title {
    display: none;
    opacity: 1;
    max-height: none
}

.navigationtree-v2.nt2-mini {
    width: 31px
}

.navigationtree-v2.nt2-mini span,
.navigationtree-v2.nt2-mini div {
    text-overflow: clip;
    white-space: nowrap
}

.navigationtree-v2.nt2-mini>ul>li,
.navigationtree-v2.nt2-mini>ul>favorites li,
.navigationtree-v2.nt2-mini>ul>live-favorites>li {
    border-bottom: none;
    position: relative
}

.navigationtree-v2.nt2-mini>ul>li li:hover span,
.navigationtree-v2.nt2-mini>ul>favorites li li:hover span,
.navigationtree-v2.nt2-mini>ul>live-favorites>li li:hover span,
.navigationtree-v2.nt2-mini>ul>li li:hover div,
.navigationtree-v2.nt2-mini>ul>favorites li li:hover div,
.navigationtree-v2.nt2-mini>ul>live-favorites>li li:hover div {
    text-overflow: ellipsis
}

.navigationtree-v2.nt2-mini>ul>li>div,
.navigationtree-v2.nt2-mini>ul>favorites li>div,
.navigationtree-v2.nt2-mini>ul>live-favorites>li>div {
    overflow: hidden
}

.navigationtree-v2.nt2-mini>ul>li>div.nt2-toggle:after,
.navigationtree-v2.nt2-mini>ul>favorites li>div.nt2-toggle:after,
.navigationtree-v2.nt2-mini>ul>live-favorites>li>div.nt2-toggle:after {
    opacity: 0
}

.navigationtree-v2.nt2-mini .nt2-right>div:before {
    content: "»"
}

.navigationtree-v2.nt2-mini li>div span,
.navigationtree-v2.nt2-mini li.nt2-separator>div:first-child>span {
    opacity: 0
}

.navigationtree-v2.nt2-mini>ul>li:hover:not(.nt2-separator) div.submenu,
.navigationtree-v2.nt2-mini>ul>favorites li.nt2-favorite:hover>ul,
.navigationtree-v2.nt2-mini>ul>live-favorites>li:hover:not(.nt2-separator) div.submenu,
.navigationtree-v2.nt2-mini>ul>li.nt2-favorites-login:hover:not(.nt2-separator)>div>div,
.navigationtree-v2.nt2-mini .nt2-favorites-login>div>div {
    position: absolute;
    top: 0;
    left: 32px;
    width: 183px;
    display: block !important;
    box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.5);
    z-index: 99999
}

.navigationtree-v2.nt2-mini>ul>li:hover:not(.nt2-separator) div.submenu>ul,
.navigationtree-v2.nt2-mini>ul>live-favorites>li:hover:not(.nt2-separator) div.submenu>ul {
    display: block !important
}

.navigationtree-v2.nt2-mini li:hover li div span {
    opacity: 1
}

.navigationtree-v2.nt2-mini .nt2-favorites-login {
    width: 32px;
    max-height: 3em;
    overflow: visible
}

.navigationtree-v2.nt2-mini .nt2-favorites-login>div span,
.navigationtree-v2.nt2-mini .nt2-favorites-login>div div {
    display: block;
    opacity: 0;
    max-height: 0;
    white-space: normal
}

.navigationtree-v2.nt2-mini .nt2-favorites-login:hover>div span,
.navigationtree-v2.nt2-mini .nt2-favorites-login:hover>div div {
    max-height: none;
    opacity: 1
}

.navigationtree-v2.nt2-mini .nt2-favorites-login:hover>div div {
    background-color: #662483;
    text-align: center;
    padding: 8px
}

.navigationtree-v2.nt2-mini .nt2-countries li ul li div span {
    white-space: normal
}

.navigationtree-v2.nt2-mini li .nt2-mini-title {
    display: block
}

.navigationtree-v2.nt2-mini .nt2-favorites-empty,
.navigationtree-v2.nt2-mini .nt2-favorite-remove,
.navigationtree-v2.nt2-mini .nt2-favorite ul {
    display: none !important
}

.navigationtree-v2.ng-app-fade-animation.ng-hide {
    display: block !important
}

.navigationtree-v2 .nt2-sport-empty {
    opacity: 0.3;
    cursor: no-drop
}

.nt2-favorite .sport-icon-container {
    margin-top: -6px;
    margin-right: 0;
    padding-right: 15px
}

.nt2-favorite>div>span {
    flex-grow: 1;
    text-overflow: ellipsis
}

.nt2-favorite .nt2-favorite-remove {
    width: 20px;
    text-align: right;
    opacity: 1;
    text-overflow: unset
}

.nt2-favorite .icon-delete {
    transition: none;
    opacity: 1
}

.mobile-list-navigation ul li {
    height: max-content
}

.mobile-list-navigation ul li span {
    display: inline-block
}

.mobile-list-navigation ul li span.chevron {
    padding-left: 6px
}

.mobile-list-navigation ul li span.title {
    line-height: 24px
}

body:not(.touch-device) .navigationtree-v2>ul>li>div.nt2-toggle-collapse+div>ul>li.nt2-mini-title>div:hover {
    background-color: #658794
}

body:not(.touch-device) .navigationtree-v2 .nt2-favorites-login a:hover {
    background-color: rgba(2, 11, 20, 1)
}

body:not(.touch-device) .navigationtree-v2 li.nt2-favorite:hover div .icon-fav {
    animation: animationFrames linear 1s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%
}

body:not(.touch-device) .navigationtree-v2:not(.nt2-mini) li.nt2-favorites-login div:hover {
    background-color: transparent
}

body:not(.touch-device) .navigationtree-v2.nt2-mini>ul>li:hover:not(.nt2-separator),
body:not(.touch-device) .navigationtree-v2.nt2-mini>ul>li:not(.nt2-separator)>div:hover,
body:not(.touch-device) .navigationtree-v2.nt2-mini li.nt2-favorites-login:hover,
body:not(.touch-device) .navigationtree-v2.nt2-mini li.nt2-favorites-empty:hover,
body:not(.touch-device) .navigationtree-v2.nt2-mini li.nt2-favorite:hover,
body:not(.touch-device) .navigationtree-v2.nt2-mini li.nt2-favorite>div:hover {
    background-color: #658794 !important
}

@media (min-width: 1200px) {
    .skeleton.skeleton-navigation.navigationtree-v2 {
        width: 200px;
        min-width: 200px;
        height: 783px
    }
    .navigationtree-v2:not(.nt2-mini) {
        width: 200px;
        min-width: 200px
    }
    .navigationtree-v2:not(.nt2-mini) .nt2-favorites-login,
    .navigationtree-v2:not(.nt2-mini) .nt2-favorites-empty div div {
        width: inherit !important
    }
    .navigationtree-v2.nt2-mini ul>li:hover:not(.nt2-separator) div.submenu {
        width: 190px
    }
    .navigationtree-v2.nt2-mini .nt2-favorites-login span {
        white-space: normal
    }
}

.mobile-betslip-v2 {
    background-color: #1e4255
}

.mobile-betslip-v2:hover {
    background-color: #213544;
    cursor: pointer
}

.mobile-header .mobile-betslip-v2 {
    height: 55px
}

.mobile-header .mobile-betslip-v2 div {
    line-height: 55px
}

.mobile-header .user {
    min-width: 69px
}

#content-block.fixed-body {
    margin-top: 150px
}

.search-bar-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 45px;
    margin-bottom: 16px;
}

.search-bar {
    margin: 0 auto;
    width: 500px;
    text-align: center
}

.search-bar-close-button {
    font-size: 2em;
    color: #fff;
    opacity: 0.8;
    text-align: right;
    cursor: pointer
}

.search-bar-input {
    font-size: 12px;
    font-weight: 600;
    line-height: 17px;
    background-color: var(--secondary);
    border-color: var(--secondary);
    border-radius: 0px;
    height: 28px
}

    .search-bar-input:focus {
        outline: 0px;
        border-color: #033148;
        box-shadow: none
    }

.search-bar-input::placeholder {
    opacity: 0.4
}

.search-bar-search-button {
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 0 5px 5px 0;
    border-color: var(--quaternary);
    background-color: var(--quaternary);
    height: 28px;
    padding: 0px 12px
}

.search-bar-search-button:not(:first-child) {
    opacity: 0.9;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 17px
}

    .search-bar-search-button:hover {
        background-color: var(--tertiary);
    }

.search-bar-links-container {
    position: absolute;
    z-index: 1;
    width: 100%;
    right: 52px;
    margin: 0 auto !important;
    height: auto !important;
    text-align: left !important;
    line-height: initial !important
}

.search-bar-links {
    position: relative;
    width: 410px;
    border-radius: 0 0 6px 6px;
    background-color: #efefef;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.5);
    margin: 4px auto
}

.search-bar-links ul {
    list-style-type: none;
    margin: 0px;
    padding: 8px
}

.search-bar-links ul li {
    display: block !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
    min-height: auto !important;
    text-align: left !important;
    margin-left: 0px !important
}

.search-bar-links ul li:hover {
    background-color: inherit !important
}

.search-bar-links ul li,
.search-bar-links ul li a {
    color: #4e5a61;
    font-size: 12px;
    font-weight: 600;
    line-height: 17px
}

.search-bar-links ul li:first-child:not(.search-bar-links-no-results) {
    color: #9ba2a5
}

.search-bar-links ul li a span.blue-highlight {
    color: #0fa2ea
}

.search-bar-links ul li:not(:last-child) {
    padding-bottom: 8px
}

.filter-option-button {
    border-radius: 6px;
    display: flex;
    justify-content: flex-start;
    padding: 16px;
    overflow-x: auto;
    overflow-y: hidden
}

.filter-option-button div.filter-button {
    border-radius: 6px;
    padding: 10px 14px;
    background-color: #0086d4;
    transition: all 0.2s;
    cursor: pointer;
    margin: 0 4px;
    opacity: 0.5;
    text-align: center
}

.filter-option-button div.filter-button.active {
    opacity: 1
}

.search-filter .event-list-title>div:last-child {
    justify-content: flex-start
}

.search-filter .event-list-title>div:last-child.search-filter-title {
    justify-content: center;
    text-transform: none
}

.search-empty {
    font-size: 1.2em;
    font-weight: 500;
    opacity: 0.7
}

.search-empty span {
    font-weight: 700
}

.filter-summary {
    text-align: center;
    padding: 16px;
    font-size: 12px;
    margin-bottom: 8px
}

.filter-summary>div {
    opacity: 0.6
}

.filter-summary .clear-search {
    font-weight: bold;
    color: #ccc;
    transition: color 0.2s;
    display: inline-block;
    margin-top: 6px
}

.filter-summary .clear-search:hover {
    color: #fff;
    transition: color 0.2s
}

.search-container {
    min-height: 480px
}

.search-container.search-container-empty {
    min-height: 0
}

.search-container:first-child {
    margin-top: 16px
}

.search-container .event-list-title {
    letter-spacing: normal !important
}

@media only screen and (min-width: 768px) {
    .search-container:first-child {
        margin-top: 0
    }
}

.filter-list {
    background-color: #01122f;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
    font-size: 12px;
    font-family: "Open Sans", Arial, sans-serif;
    color: #fff;
    margin-bottom: 16px
}

.filter-list-header {
    margin-bottom: 0 !important
}

.filter-dropdown-list {
    display: flex;
    padding: 16px
}

.filter-dropdown {
    display: block;
    margin-right: 16px;
    width: 200px;
    min-width: 200px
}

.filter-dropdown:last-child {
    margin-right: 0
}

.filter-dropdown-button {
    text-align: left;
    color: #a7abb0 !important;
    outline: none !important;
    background-color: #252f3b;
    background-image: linear-gradient(180deg, #26303c 0%, #10171f 100%) !important;
    border-radius: 4px;
    border: 1px solid #565c62;
    width: 100%;
    padding: 6px 24px 6px 8px;
    position: relative;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.filter-dropdown-button.single {
    padding-right: 8px
}

.filter-dropdown-button[disabled] {
    opacity: 1 !important
}

.dropdown.open .filter-dropdown-button {
    background-image: none;
    color: #a7abb0
}

.filter-dropdown-tick {
    position: relative;
    display: inline-block;
    content: " ";
    top: -1px;
    vertical-align: middle;
    background-size: contain;
    margin-right: 10px;
    width: 18px;
    height: 16px;
    min-width: 18px
}

.filter-dropdown-tick.selected {
    background: url("../images/main_sprite_dark.svg") no-repeat -750px -600px
}

.filter-dropdown-arrow {
    position: absolute;
    display: inline-block;
    content: " ";
    vertical-align: middle;
    background-size: contain;
    right: 8px;
    top: 13px;
    width: 8px;
    height: 6px;
    min-width: 8px;
    background: url("../images/main_sprite_dark.svg") no-repeat -250px -400px
}

.dropdown.open .filter-dropdown-arrow,
.filter-dropdown-arrow.reverse {
    transform: rotate(180deg)
}

.filter-dropdown-button[disabled] .filter-dropdown-arrow {
    display: none
}

.filter-checkbox {
    display: inline-block;
    margin-right: 8px;
    height: 14px;
    width: 14px;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.3)
}

.filter-checkbox.checked {
    background: url("../images/main_sprite_dark.svg") no-repeat -898px -597px #00a8fa
}

.filter-dropdown-menu {
    background-color: #252f3b;
    border: 1px solid #565c62;
    border-radius: 4px;
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.4);
    z-index: 998;
    width: 200px
}

@media only screen and (max-width: 1212px) and (min-width: 768px),
only screen and (max-width: 664px) {
    .filter-dropdown-menu {
        width: 100%;
        margin-right: 0
    }
}

.filter-dropdown-menu>li>a {
    color: #fff;
    font-weight: 600;
    background-color: inherit;
    padding: 3px 10px
}

.filter-dropdown-menu>li>a.active,
.filter-dropdown-menu>li>a:hover,
.filter-dropdown-menu>li>a:focus {
    color: #fff;
    background-color: inherit
}

.filter-dropdown-menu>li>a:hover {
    background-color: #303d4d
}

.filter-highlight {
    color: #fff
}

.filter-no-results {
    text-align: center;
    background-color: #01122f;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
    font-size: 12px;
    font-family: "Open Sans", Arial, sans-serif;
    color: #fff;
    opacity: 0.8;
    padding: 48px 16px
}

.append-colon::after {
    content: ':'
}

.toolbarSearch {
    color: hsla(0,0%,100%,.8)
}

header .extra-tools .mobile-betslip-v2 {
    display: none;
    margin-left: 14px;
    margin-right: -18px
}

@media only screen and (max-width: 1800px) {
    header .extra-tools .mobile-betslip-v2 {
        margin-right: -32px
    }
}

header.fixed .extra-tools .mobile-betslip-v2 {
    display: inline-block
}

header.fixed .extra-tools>a {
    display: none
}

.list-v2 {
    display: -ms-flexbox;
    display: flex;
    flex-wrap: nowrap
}

.list-v2-content {
    -ms-flex-positive: 1;
    -ms-flex-negative: 1;
    flex-grow: 1;
    flex-grow: 1;
    padding: 8px 5px;
    margin-top: -8px;
    margin-left: 0;
    margin-right: -30px;
    overflow: hidden;
}

.list-v2-content>div.col-lg-7 {
    width: 100%
}

.list-v2-herobanner {
    position: relative;
    margin-left: 15px;
    margin-right: 15px;
}

.list-v2-herobanner .banner-match {
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5)
}

@media only screen and (max-width: 767px) {
    .list-v2-content {
        margin-left: -20px;
        margin-right: -20px
    }
    .list-v2-herobanner {
        position: relative;
        margin-left: 0;
        margin-right: 0
    }
}

.ng-app-fade-animation.ng-animate {
    transition: all 0.1s linear
}

.betslip-content-bet.ng-app-fade-animation.ng-animate.ng-enter {
    transition: all 0.3s linear
}

.betslip-content-bet.ng-app-fade-animation.ng-animate.ng-leave {
    transition: none
}

.ng-app-fade-animation.ng-hide {
    opacity: 0
}

.ng-app-fade-animation.ng-enter {
    opacity: 0
}

.ng-app-fade-animation.ng-enter.ng-enter-active {
    opacity: 1
}

.ng-app-fade-animation.ng-leave {
    opacity: 1
}

.ng-app-fade-animation.ng-leave.ng-leave-active {
    opacity: 0
}

#betbuilder-section-modal {
    visibility: hidden
}

#betbuilder-section-modal.iziModal {
    visibility: visible
}

#betbuilder-section-modal.iziModal iframe {
    margin-bottom: -5px
}

@media only screen and (max-width: 767px) {
    .events-content:not(.events-content-prematch) {
        margin-top: 20px
    }
    .banner-group {
        margin-bottom: 0 !important
    }
}

@media only screen and (max-width: 479px) {
    .filter-option-button div.filter-button {
        font-size: 0.8em
    }
}

.league-toggle:before {
    content: '−';
    cursor: pointer
}

.league-toggle.league-toggle-collapse:before {
    content: '+'
}

@media print {
    .live-betslip,
    .sport-icon.icon-fav,
    .league-toggle,
    .filter-summary,
    .filter-list {
        display: none !important
    }
    .list-v2-content {
        margin: 0;
        padding: 0
    }
    .flag-icon {
        background-size: contain !important;
        filter: Gray();
        filter: url('../#grayscale');
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%)
    }
    .support-chat {
        display: none
    }
}

.scroll-container {
    position: relative
}

.scroll-container .shadow-right {
    top: 0;
    height: 100%
}

body:not(.touch-device) .scroll-container .scroll ul li:hover:not(.active),
body:not(.touch-device) .scroll-container .second-level ul li a:hover:not(.active),
body:not(.touch-device) .mobile-sports-v2 ul#type-menu li:hover:not(.active) {
    cursor: pointer;
    opacity: 0.8 !important
}

.mobile-sports.mobile-sports-v2.user-page {
    min-height: auto
}

.mobile-sports.mobile-sports-v2.user-page ul#type-menu {
    box-shadow: none
}

.mobile-sports.mobile-sports-v2.user-page ul#type-menu li.active {
    opacity: 0.6;
    background-color: inherit
}

.mobile-sports.mobile-sports-v2.user-page .scroll-container {
    display: none
}

.mobile-sports.mobile-sports-v2[data-type="casino"] {
    box-shadow: none;
    min-height: auto
}

.mobile-sports.mobile-sports-v2[data-type="casino"] .scroll-container {
    display: none
}

.mobile-sports.mobile-sports-v2.fixed {
    position: fixed;
    top: 55px;
    width: 100%;
    z-index: 999
}

.mobile-sports-v2 .second-level.favorite-list ul li {
    cursor: pointer
}

ul#type-menu {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: left;
    height: auto !important;
    list-style: none;
    padding: 0;
    margin: 0;
    overflow-x: auto;
    overflow-y: hidden;
    background-color: var(--primary);
    box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.32) inset
}

ul#type-menu::-webkit-scrollbar {
    display: none
}

#type-menu li {
    display: block;
    padding: 10px;
    opacity: 0.6;
    font-weight: 600;
    /*width: 25%;*/
    position: relative
}

    #type-menu li.active {
        opacity: 1;
        background-color: var(--secondary);
        box-shadow: none
    }

#type-menu li .notification-new .rectangle {
    top: 12px;
    position: relative;
    right: 2px
}

.mobile-sports.mobile-sports-v2 .scroll-container .shadow-right-visible {
    display: block
}

.mobile-betslip-v2 div span:first-child:before {
    position: relative;
    display: inline-block;
    content: " ";
    top: -1px;
    vertical-align: middle;
    background: url("../images/icons/betslip.svg") no-repeat ;
    width: 14px;
    height: 18px;
    right: 5px
}

.mobile-betslip-v2 div {
    margin-right: 1px;
    font-size: 14px;
    text-align: right;
    padding-right: 10px;
    padding-left: 15px;
    position: relative;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    position: relative
}

.mobile-betslip-v2 div .bet-counter {
    display: inline-block;
    position: relative;
    top: -5px;
    background-color: #fff;
    font-size: 13px;
    font-weight: bold;
    border-radius: 50%;
    color: #000 !important;
    min-height: 19px;
    min-width: 19px;
    line-height: 18px;
    text-align: center
}

.mobile-betslip-v2 div .bet-counter[data-count]:not([data-count="0"]) {
    border: 1px solid #ffbf2b;
    background-color: #ffb200;
    box-shadow: 0 0 6px 0 rgba(255, 178, 0, 0.5);
    line-height: 17px
}

.mobile-betslip-v2.swap-animation {
    background-color: var(--quaternary);
    /*border-left: 1px solid #b7ad0c;*/
    box-shadow: #1e4255;
    transition: all 0.1s ease 0.3s
}

.mobile-betslip-v2.swap-animation.ng-enter[data-count]:not([data-count="0"]) {
    background-color: #00a8fa;
    box-shadow: 0 0 6px 0 #00a8fa;
    animation: pulsebb 1s 1
}

.mobile-betslip-v2.swap-animation.ng-leave {
    display: none !important
}

.mobile-betslip-v2:not(.ng-enter):not(.ng-leave)[data-count]:not([data-count="0"]) {
    background-color: #00a8fa;
    box-shadow: 0 0 6px 0 #00a8fa
}

@keyframes pulsebb {
    50% {
        background-color: #1e4255;
        box-shadow: none;
    }
}

@media only screen and (max-width: 767px) {
    .mobile-header .mobile-betslip-v2 div {
        line-height: 44px;
        font-size: 10px;
        display: inline-block;
        margin-top: 22px;
        margin-right: -26px
    }
    .mobile-betslip-v2 div span:first-child:before {
        position: absolute;
        top: -6px;
        right: 52px
    }
    .mobile-betslip-v2 div .bet-counter {
        top: -28px;
        right: 22px;
        box-sizing: unset;
        box-shadow: none !important;
        line-height: 18px !important
    }
    .mobile-betslip-v2 div {
        padding: 0 16px
    }
	
	.gridflex{
		display:flex;
	}
}

.betslip-options-trigger {
    cursor: pointer;
    height: 18px;
    width: 20px
}

.betslip-options-trigger>div {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0px 7px 0px #fff, 0px 14px 0px #fff;
    margin: 0 auto
}

.popover.bottom {
    margin-top: 18px
}

.popover {
    font-family: "Open Sans", Arial, sans-serif;
    box-shadow: 0 2px 32px 4px rgba(0, 0, 0, 0.5)
}

@keyframes blinker {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
    
}

.odds-animation {   
    vertical-align: baseline;
    width: 10px;
    height: -webkit-fill-available;
    margin: auto;
}

.odds-animation-enabled {
    animation-name: blinker;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-iteration-count: 10;
}

.odds-animation.disable-animation {
    animation: none
}

@media only screen and (max-width: 767px) {
    #content-block.mobile-selecting-country {
        display: none !important
    }
}

.scroll-container .scroll,
.scroll-container .second-level {
    overflow: hidden
}

.scroll-container .scroll ul,
.scroll-container .second-level ul {
    overflow-y: hidden;
    overflow-x: auto;
    height: 100%
}

.noScroll {
    position: relative
}

.slimScrollBarX {
    bottom: 3px !important
}

.second-level .slimScrollBarX {
    bottom: 4px !important
}

.shadow-right:hover {
    z-index: 99 !important
}

.mobile-drawer.mobile-drawer-active a {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.nt2-prematch-countries .slimScrollDiv {
    padding: 0
}

.slimScrollDiv> :first-child {
    overflow: hidden
}

.modal-open {
    overflow: hidden
}

.help-alert {
    padding-right: initial;
    max-height: 100%;
    color: #fff
}

.help-alert .modal-dialog-help {
    height: 80%;
    width: 80%
}

.help-alert .modal-dialog-help .modal-content {
    background-color: #01122f;
    text-align: center;
    height: 100%
}

.help-alert .modal-dialog-help .modal-content .modal-header {
    border-bottom: 0px;
    font-weight: 600
}

.help-alert .modal-dialog-help .modal-content .modal-header .help-alert-title {
    font-size: 12px;
    line-height: 17px;
    text-transform: uppercase
}

.help-alert .modal-dialog-help .modal-content .modal-header .help-alert-close {
    float: right;
    background: url("../images/main_sprite_dark.svg") no-repeat -500px -1500px;
    width: 12px;
    height: 12px;
    margin-top: 4px;
    margin-right: 4px;
    cursor: pointer
}

.help-alert .modal-dialog-help .modal-content .modal-body {
    text-align: left;
    padding: 8px;
    height: 90%
}

.help-alert .modal-dialog-help .modal-content .modal-body .modal-guts {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto
}

.help-alert .modal-dialog-help .modal-content .modal-body .modal-guts::-webkit-scrollbar {
    display: none
}

.help-alert .modal-dialog-help .modal-content .modal-body .modal-guts.display-type-collapsible .text-content .question {
    border-radius: 6px;
    background-color: #222b3a
}

.help-alert .modal-dialog-help .modal-content .modal-body .modal-guts.display-type-non-collapsible .text-content .question {
    background-color: initial
}

.help-alert .modal-dialog-help .modal-content .modal-body .modal-guts .text-content {
    margin-left: 8px;
    margin-right: 8px
}

.help-alert .modal-dialog-help .modal-content .modal-body .modal-guts .text-content .question {
    border-radius: 6px;
    margin-bottom: 8px
}

.help-alert .modal-dialog-help .modal-content .modal-body .modal-guts .text-content .question h3,
.help-alert .modal-dialog-help .modal-content .modal-body .modal-guts .text-content .question .toggle {
    letter-spacing: normal;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    text-transform: uppercase
}

.help-alert .modal-dialog-help .modal-content .modal-body .modal-guts .text-content .question h3 {
    padding: 14px
}

.help-alert .modal-dialog-help .modal-content .modal-body .modal-guts .text-content .question .toggle {
    font-size: 17px;
    top: 30%;
    font-weight: 400 !important
}

.help-alert .modal-dialog-help .modal-content .modal-body .modal-guts .text-content .question .answer {
    letter-spacing: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 15px;
    padding: 8px 13px
}

.help-alert .modal-dialog-help .modal-content .modal-body .modal-guts .text-content .question .answer h3 {
    padding: 0px 0px 8px;
    letter-spacing: normal;
    font-size: 11px;
    line-height: 15px;
    cursor: default
}

.help-alert .modal-dialog-help .modal-content .modal-body .modal-guts .text-content .question .answer :not(:first-child) {
    opacity: 0.8
}

.help-alert .modal-dialog-help .modal-content .modal-body .modal-guts .text-content .question .answer.hide-text {
    display: none
}

.help-alert .modal-dialog-help .modal-content .modal-body .modal-guts .text-content .question .answer.show-text {
    display: block
}

.help-alert .modal-dialog-help .modal-content .modal-body .modal-guts .shadow-bottom {
    display: none;
    position: fixed;
    height: 60px;
    width: 98%;
    left: 8px;
    bottom: 6px;
    background-image: linear-gradient(to top, rgba(19, 30, 40, 1) 0%, rgba(8, 38, 50, 0.00) 100%)
}

.help-alert .modal-dialog-help .modal-content .modal-body .modal-guts .shadow-bottom-visible {
    display: block
}

#allPrizes {
    background-color: rgba(185, 185, 185, 0.6)
}

#allPrizes .modal-dialog-help {
    font-weight: 600;
    width: 280px;
    height: 322px
}

#allPrizes .modal-dialog-help .modal-content .modal-header .help-alert-close {
    position: absolute;
    right: 16px
}

#allPrizes .modal-dialog-help .modal-content .modal-body hr {
    opacity: 0.2
}

#allPrizes .modal-dialog-help .modal-content .modal-body .prizesPerJackpotTable {
    width: 100%;
    font-size: 12px
}

#allPrizes .modal-dialog-help .modal-content .modal-body .prizesPerJackpotTable tr td {
    padding: 8px
}

#allPrizes .modal-dialog-help .modal-content .modal-body .prizesPerJackpotTable tr td:first-child {
    text-align: left
}

#allPrizes .modal-dialog-help .modal-content .modal-body .prizesPerJackpotTable tr td:last-child {
    text-align: right
}

#allPrizes .modal-dialog-help .modal-content .modal-body .closeSection {
    text-align: center;
    opacity: 0.8;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 18px
}

#allPrizes .modal-dialog-help .modal-content .modal-body .closeSection span {
    cursor: pointer
}

#allPrizes .modal-dialog-help .modal-content .modal-body .closeSection span:hover {
    opacity: 0.6
}

events-content>div.events-content.events-content-custom>events-list>section>div.event-list-header>div.event-list-title div.event-icon.event-show-help {
    display: block !important
}

#helpAlert {
    background-color: rgba(185, 185, 185, 0.6)
}

#helpAlert>div>div>div.modal-header>span.help-alert-title {
    font-weight: bold
}

#help-alert-main>div.text-content.jengabet-tutorial-container {
    margin-left: 20px;
    margin-right: 20px;
    height: 95%
}

#help-alert-main>div.text-content.jengabet-tutorial-container>div.question {
    height: 100%
}

#help-alert-main>div.text-content.jengabet-tutorial-container>div>div>div>ul.unslider-wrap.unslider-carousel {
    height: 100%
}

#help-alert-main>div.text-content.jengabet-tutorial-container>div>div>div>ul.unslider-wrap.unslider-carousel li {
    height: 100%
}

#help-alert-main>div.text-content.jengabet-tutorial-container>div>div>div>ul>li {
    overflow: hidden
}

#help-alert-main>div.text-content.jengabet-tutorial-container>div>div>div>ul>li>div.slider-wrap {
    height: 100%;
    overflow-y: scroll;
    width: 104%
}

#help-alert-main>div.text-content.jengabet-tutorial-container>div>div>div>ul>li>div.slider-wrap::-webkit-scrollbar {
    display: none
}

#help-alert-main>div.text-content.jengabet-tutorial-container>div>div>div>ul>li>div.slider-wrap .text-content {
    width: 92%;
    margin-left: 2%;
    margin-right: 2%
}

#help-alert-main>div.text-content.jengabet-tutorial-container>div>div>div>ul>li>div>h3 {
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
    padding: initial;
    padding-bottom: 8px;
    text-transform: initial;
    cursor: default;
    text-align: left
}

#help-alert-main>div.text-content.jengabet-tutorial-container>div>div>div>ul>li>div.tutorial-image>h3 {
    padding-top: 20px;
    padding-bottom: 3px !important
}

#help-alert-main>div.text-content.jengabet-tutorial-container>div>div>div>ul>li>div>p {
    font-weight: normal;
    font-size: 11px;
    line-height: 15px;
    opacity: 0.8;
    padding-bottom: 6px
}

#help-alert-main>div.text-content.jengabet-tutorial-container>div>div>div>ul>li.unslider-active>div>div>div.jengabet-question {
    border-radius: 6px;
    margin-bottom: 8px;
    background-color: #222b3a !important
}

#help-alert-main>div.text-content.jengabet-tutorial-container>div>div>div>ul>li.unslider-active>div>div>div.jengabet-question .answer h3 {
    text-transform: none;
    font-size: 14px;
    font-weight: 600;
    line-height: 19px
}

#help-alert-main>div.text-content.jengabet-tutorial-container>div>div>div>ul>li.unslider-active>div>div>div.jengabet-question .answer p {
    font-weight: normal;
    font-size: 11px;
    line-height: 15px;
    opacity: 0.8;
    padding-bottom: 6px
}

#help-alert-main>div.text-content.jengabet-tutorial-container>div>div>div>ul>li.unslider-active>div>div>div.jengabet-question .answer h4 {
    font-weight: 600;
    font-size: 12px;
    border-bottom: none;
    padding: 0px 0px 12px;
    margin: 0 auto;
    line-height: 19px
}

#help-alert-main>div.text-content.jengabet-tutorial-container>div>div>div>ul>li.unslider-active>div>div>div>div.answer.hide-text {
    display: none !important
}

#help-alert-main>div.text-content.jengabet-tutorial-container>div>div>div>ul>li.unslider-active>div>div>div>div.answer.show-text {
    display: block !important
}

#help-alert-main>div.text-content.jengabet-tutorial-container>div>div>nav {
    z-index: 1000;
    position: fixed;
    top: initial;
    bottom: 16px;
    left: 0px
}

#help-alert-main>div.text-content.jengabet-tutorial-container>div>div>nav>ol>li {
    margin: 0px 4px
}

#help-alert-main>div.text-content.jengabet-tutorial-container+.shadow-bottom {
    width: 95%;
    bottom: 7%
}

#help-alert-main .jengabet-tutorial {
    height: 100%
}

#help-alert-main .jengabet-tutorial .tutorial-image {
    text-align: center;
    width: 96%
}

#help-alert-main .jengabet-tutorial .tutorial-image.step-0 img {
    width: 48px;
    height: 48px;
    margin-top: 55px;
    margin-bottom: 83px
}

#help-alert-main .jengabet-tutorial .tutorial-image.step-1 img {
    width: 102px;
    height: 122px;
    margin-top: 31px;
    margin-bottom: 20px
}

#help-alert-main .jengabet-tutorial .tutorial-image.step-3 img {
    width: 193px;
    height: 110px;
    margin-top: 44px;
    margin-bottom: 71px
}

#help-alert-main .jengabet-tutorial .tutorial-description {
    text-align: justify;
    width: 96%;
    opacity: 1
}

#help-alert-main .jengabet-tutorial .tutorial-how-to-play {
    padding: 10px 14px;
    background-color: #0086d4;
    border-radius: 6px;
    text-align: center;
    font-weight: 600;
    margin-top: 14px;
    cursor: pointer
}

#help-alert-main .unslider {
    padding: 8px 15px;
    height: 100%
}

#help-alert-main .unslider-arrow {
    position: fixed;
    top: 45%;
    transform: scale(0.5);
    zoom: unset
}

.events-content.events-content-custom events-list>section>div.event-list-header .tooltip {
    z-index: 998
}

.events-content.events-content-custom events-list>section>div.event-list-header .tooltip.fade.top.in {
    opacity: 1
}

.events-content.events-content-custom events-list>section>div.event-list-header .tooltip-inner {
    background-color: #4795ff;
    border-radius: 4px;
    width: 263px;
    height: 40px;
    max-width: 263px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.4);
    font-size: 12px;
    font-weight: 600;
    line-height: 17px;
    padding: 11px 8px;
    text-shadow: #3679d4 0 0 4px
}

.events-content.events-content-custom events-list>section>div.event-list-header .tooltip.top .tooltip-arrow {
    border-top-color: #4795ff
}

#betslip-anchor {
    position: relative;
    margin-top: 0
}

@media only screen and (max-width: 330px) {
    .mobile-list-navigation ul li span.icon {
        vertical-align: top;
        height: 42px
    }
    .mobile-list-navigation ul li span.title {
        padding-top: 9px;
        width: 80%;
        font-size: 13px
    }
}

@media (max-height: 610px) {
    .modal-body.modal-body-help {
        height: 85% !important
    }
}

@media (min-width: 769px) {
    .modal-dialog.modal-dialog-help {
        max-width: 480px;
        max-height: 480px;
        margin: 50px auto
    }
    .modal-dialog.modal-dialog-help .modal-body {
        height: 430px !important
    }
    .modal-dialog.modal-dialog-help .modal-body .modal-guts {
        height: 96% !important
    }
    #help-alert-main .unslider {
        padding: 16px 30px;
        height: 100%
    }
    @-moz-document url-prefix() #help-alert-main>div.text-content.jengabet-tutorial-container>div>div>div>ul>li.unslider-active>div>div.text-content {
        width: 95%
    }
    @-moz-document url-prefix() #help-alert-main>div.text-content.jengabet-tutorial-container+.shadow-bottom {
        bottom: 6%
    }
}

@media (max-width: 768px) {
    .modal-dialog.modal-dialog-help {
        width: 95%;
        height: 90%;
        bottom: -45px;
        margin: 0 8px
    }
    #allPrizes .modal-dialog-help {
        margin: 0 auto;
        width: 265px
    }
}

@media only screen and (max-width: 480px) {
    #allPrizes .modal-dialog-help {
        margin: 0 auto;
        width: 265px
    }
}

@media (min-width: 1213px) and (max-width: 1400px) {
    .modal-body.modal-body-help div.text-content:nth-child(4) {
        display: none !important
    }
}

iframe#_hjRemoteVarsFrame {
    display: none !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.hiddenSub {
    display: none
}

.event-list .event-row .event-row-details .event-market .event-selections > div.selectedEvent {
    background-color: var(--tertiary) !important;
    /*color: var(--primary) !important;*/
    border: 1px solid var(--tertiary);
    color:var(--primary);
}

.event-list .event-row-container .event-set-info-row-container {
    display: none;
}

help-alert {
    display: none;
}

help-alert .toggle .minusSign {
    display: none;
}

help-alert .toggleClosed .minusSign {
    display: block
}

help-alert .toggleClosed .plusSign {
    display: none
}

.eventDetails .event-row-container {
    display: none;
}

.fieldImage {
    text-align: center;
    margin-bottom: 15px
}

.fieldImage img {
    max-width: 100%
}

.odds-animation {
    max-width: 10px;
	/*display: block;*/
}

history-bet-detail {
    display: none;
}

.plusMinus .minusSign {
    display: none;
}

.plusMinus .plusSign {
    display: block;
}

.registerForm {
    background-color: var(--secondary);
    width: 40%;
    max-width: 100%;
    position: relative;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    height:800px;
}

.registerForm .user-form {
    padding-top: 20px;
}

.registerForm.form .user-form h3 {
    margin-top: 0;
}

.noPadding {
    padding: 0;
}

.noRightPadding {
    padding-right: 0;
}

.registerForm .sendCode {
    background: var(--quaternary);
    border: 1px solid rgba(25, 34, 126, 0.13);
    margin: 0px;
    /* width: 85px; */
    flex-grow: 1;
    text-transform: uppercase;
    font-weight: 600;
    transition: all 0.3s;
    height: 34px;
    display: block;
    /* line-height: 33px; */
    /* color: #033148; */
    text-align: center;
    width: 100%;
    /* position: absolute; */
    /* top: 25px; */
    /* right: -1px; */
    padding: 0px !important;
}

.registerForm .registerUser {
    background: var(--quaternary);
    border: 1px solid rgba(25, 34, 126, 0.13);
    width: 85px;
    flex-grow: 1;
    text-transform: uppercase;
    font-weight: 600;
    transition: all 0.3s;
    height: 34px;
    box-sizing: content-box;
    display: block;
    line-height: 33px;
    color: #fff;
    text-align: center;
    width: 100px;
    position: absolute;
    /* top: 143px; */
    right: 16px;
    border-radius: 2px;
    /* left: -123px; */
    /* float: right;*/
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
}

.relative {
    position: relative
}

.registerForm.form .user-form div label {
    height: auto
}

.registerForm.form .terms label,
.registerForm.form article {
    font-size: 14px;
    line-height: 18px;
}

.registerForm.form .terms label {
    padding-left: 20px;
	font-size: 13px!important;
    text-align: justify;
}

.registerForm.form .terms {
    position: relative;
}

.registerForm.form .terms input {
    position: absolute;
    left: 0;
    top: 0;
}

.registerForm.form .message-body {
    color: #000;
    font-size: 12px;
    line-height: 15px;
    padding: 10px;
    border: 2px solid #fdcb0a;
}

.registerForm.form .message-header {
    background-color: #fdcb0a;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #4a4a4a;
    border-radius: 3px 3px 0 0;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 1.25;
    padding: .5em .75em;
    position: relative;
    background-color: #fdcb0a;
    color: rgba(0, 0, 0, .7);
    height: auto;
}

.registerForm.form p {
    margin-bottom: 0;
}

.registerForm.form .icon.is-small {
    height: 10px;
    width: 10px;
    background-image: url(../images/error.png);
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.registerForm .closeBtn {
    font-size: 30px;
    position: absolute;
    right: 0;
    right: 20px;
    top: 11px;
}

.attentionMain {
    margin-top: 6px;
}

.registerForm {
    display: block;
}

.withOverlay {
    position: relative;
}

.withOverlay:before {
    content: '';
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 20;
}

markets-preferences .modal.active {
    opacity: 1;
}

.funds-list .funds {
    margin-left: 0;
}

.topupForm .predefined,
.topupForm .amount {
    float: left;
}

.topupForm .predefined {
    margin-right: 30px;
}

.topupForm .formBtns {
    clear: both;
}

.amountsListing a {
    display: block;
    float: left;
    padding: 9px 6px;
    background-color: var(--quaternary);
    color: #fff;
    font-weight: 700;
    border-right: 2px solid #033148;
    min-width: 42px;
    margin-bottom: 10px;
    text-align: center;
}

.amount input {
    color: #000;
    padding: 3px;
    height: 32px;
}

.predefined label {
    margin-bottom: 7px;
}

.topupForm label {
    display: block;
}

.topupForm {
    margin-bottom: 30px
}

.topupForm .formBtns a {
    background: rgba(82, 121, 148, 1);
    border: 1px solid rgba(25, 34, 126, 0.13);
    margin: 2px;
    width: 85px;
    flex-grow: 1;
    text-transform: uppercase;
    font-weight: 800;
    transition: all 0.3s;
    color: #fff;
}

.clearBoth {
    clear: both
}

.topupForm .topSection {
    width: 398px;
    margin-bottom: 15px;
}

.topupForm .formBtns {
    width: 398px;
    text-align: right;
}

@media all and (max-width:767px) {
    .registerForm {
        top: 0;
        transform: none;
        left: 0;
        margin-top: 0;
        height: 100%;
		width: 100%;
    }
    .registerForm .col-xs-12 .col-xs-12 {
        padding: 0;
    }
    .topupForm .topSection,
    .topupForm .formBtns {
        width: auto;
    }
    .topupForm .predefined {
        margin-bottom: 15px;
        margin-right: 0;
    }
    sports-menu-mobile {
        display: block;
		height: auto!important;
    }

	.noMobilePadding{
		padding:0;
	}
}

.body-opera-mini .scroll-container-mobile-sports .scroll,
.body-opera-mini .list-v2-herobanner,
.body-opera-mini .jackpot-banner,
.body-opera-mini .event-icon.event-show-cup,
.body-opera-mini .event-icon.event-show-print,
.body-opera-mini .league-toggle {
    display: none!important;
}

.body-opera-mini .opera-list-sports {
    padding-top: 10px;
    padding-right: 0;
    padding-bottom: 10px;
    padding-left: 0;
    display: block;	
}

.body-opera-mini .operaUpdateBetSlip{
	display: block;	
	width: 50%;
	height: 26px!important;
}

.body-opera-mini .operaInputBetSlip{
	width:50%!important;
}

.opera-list-sports {
    display: none;
}

.operaUpdateBetSlip{
	display: none;
}

.body-opera-mini .mobile-sports .second-level ul li a {
    font-size: 7px;
    display: block;
    height: 18px;
}

.body-opera-mini .event-text {
    white-space: normal;
    text-overflow: initial;
    display: block;
    overflow: initial;
}

.body-opera-mini .event-list .event-row .event-row-details .event-bets .event-market {
    width: 100%!important
}

.body-opera-mini .mobile-header .mobile-betslip-v2 div {
    margin-top: 0;
    margin-right: 0;
    padding-top: 13px;
    line-height: initial;
}

.body-opera-mini .mobile-header  {
	background-color: rgb(69 33 85) !important;
}

.body-opera-mini .mobile-betslip-v2 div span:first-child:before {
    position: static;
    display: block;
    margin: 0 auto;
}

.body-opera-mini .mobile-betslip-v2 div .bet-counter {
    display: none;
}

.body-opera-mini .bet-counter-inline {
    display: inline-block;
}

.bet-counter-inline {
    display: none;
}

.bet-counter-inline:before {
    display: none!important
}

.body-opera-mini .event-list .event-row-container .event-set-info-row-container .league-row,
.body-opera-mini .event-list .event-row-container .event-set-info-row-container {
    display: block;
}

.body-opera-mini .betslip-options-trigger {
    display: none;
}

.body-opera-mini .betslip-v2 .betslip-content .betslip-content-form .betslip-row-amount .betslip-column-amount .amount-selector {
    display: none;
}

.showOnOpera {
    display: none!important;
}

.body-opera-mini .showOnOpera {
    display: block!important;
    text-align: center;
    margin: 15px auto;
}

.body-opera-mini .eventDetails .event-row-container:first-of-type {
    display: block;
}

.body-opera-mini .event-list.event-list-prematch.event-list-section-more-markets .event-list-header .event-list-upcoming-days {
    display: none;
}

.body-opera-mini .event-list .event-row .event-row-details .event-bets .event-market .event-selections>div.event-selection>div:last-child img {
    display: none;
}

.body-opera-mini .mobile-drawer-active {
    width: 100%;
    position: static;
    overflow: visible;
    height: auto;
}

.body-opera-mini .registerForm .sendCode {
    position: static;
}

.body-opera-mini .registerForm.form .terms input {
    position: static;
    display: inline-block;
    vertical-align: top;
}

.body-opera-mini .registerForm.form .user-form div label {
    display: inline-block;
    padding-left: 0;
    width: calc(100% - 30px);
    vertical-align: top;
}

.body-opera-help .modal-header,
.body-opera-help .modal-body {
    background: rgba(21, 30, 39, 1)
}

.body-opera-help .question>h3 {
    display: none;
}

.body-opera-help .text-content .question h3 {
    padding-left: 0;
}

.body-opera-help .text-content {
    margin-left: 0;
    margin-right: 0;
}

.body-opera-views .modal-content {
    background-color: transparent;
}

.body-opera-views input {
    float: left;
}

.body-opera-views .option-name {
    margin: 0 10px;
}

.body-opera-views button {
    background: transparent
}

.slimScrollBarY {
    background: #a1a6a8!important
}

.events-content-live .event-list .event-row-container .event-set-info-row-container {
    display: block;
}

.events-content-live .event-list .event-row-container .event-set-info-row-container.day-container {
    display: block!important;
}

.ng-animate-enabled.ng-app-slide-animation.mainGridItem {
    margin-bottom: 1px;  /*sam 10px;*/
}

.event-list.event-list-section-more-markets .event-row {
    border-radius: 0;
}

.event-list.event-list-section-more-markets .event-row:first-of-type {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.event-list.event-list-section-more-markets .event-row:last-of-type {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.betslip-header .popover.bottom {
    left: auto!important;
    right: 15px;
}

.betslip-options-trigger {
    position: absolute;
    right: 22px;
}

.betslip-options-trigger.active {
    z-index: -1
}

.mobile-user-info-v3 {
    display: none;
}

@media only screen and (max-width: 767px) {
    .row {
        margin: 0;
    }
    .list-v2-herobanner .row {
        margin: 0;
    }
    .mobile-user-info-v3,
    .mobile-user-info-casino {
        background: var(--primary);
        display: none;
        padding: 8px;
        height: 48px;
        width: 100%;
        align-items: center;
        display: flex;
        justify-content: space-between;
        flex-wrap: nowrap;
    }
    .mobile-user-info-v3 .sp-balances,
    .mobile-user-info-casino .sp-balances {
        align-items: flex-end;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        min-width: 50%;
    }
    .mobile-user-info-v3 .sp-balances .sp-sports-balance {
        align-items: baseline;
        display: flex;
        justify-content: space-between;
    }
    .mobile-user-info-v3 .sp-balances .sp-sports-balance .sp-balance-title {
        color: rgba(255, 255, 255, 0.6);
        font-family: "Open Sans", serif;
        font-size: 12px;
        font-weight: 600;
        line-height: 17px;
        margin-right: 6px;
    }
    .mobile-user-info-v3 .sp-deposit-cta {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
    .mobile-user-info-v3 .sp-deposit-cta .deposit.sports {
        justify-content: space-between;
        min-width: 82px;
        padding: 10px 8px;
        width: auto !important;
        border-radius: 8px;
        height: 32px;
        position: relative;
        align-items: center;
        display: flex;
        justify-content: center;
        position: relative;
    }
    .mobile-user-info-v3 .sp-deposit-cta .deposit.sports:before {
        left: 8px;
        content: '';
        position: absolute;
        background-image: url(../images/main_sprite_dark.svg);
        background-repeat: no-repeat;
        background-position: -650px -100px;
        width: 15px;
        height: 16px;
    }
    .mobile-user-info-v3 .sp-deposit-cta .deposit.sports span.sp-deposit-cta-sports-text.trans-deposit {
        height: auto;
        margin-left: calc(15px + 5px);
        color: #fcf7e6;
        display: inline-block;
        font-family: "Open Sans", serif;
        font-size: 11px;
        font-weight: bold;
        line-height: 15px;
        text-transform: uppercase;
    }
    .mobile-user-info-v3 .sp-deposit-cta .deposit.sports span.sp-deposit-cta-sports-text.trans-funds {
        color: #fcf7e6;
        display: inline-block;
        font-family: "Open Sans", serif;
        font-size: 11px;
        font-weight: bold;
        line-height: 15px;
        text-transform: uppercase;
        margin-left: 5px;
    }
    .onlyMenu .mobile-sports-v2 {
        min-height: 0!important;
        height: auto!important;
        background: transparent!important;
    }
}

.header-announcement .jackpot-banner ul {
    height: auto;
    min-height: 0;
}

.jackpot-prize a {
    display: inline-block;
    padding: 10px 20px;
    background: #662483;
    border-radius: 5px;
}

@media all and (max-width:992px) {
    .jackpot-banner {
        display: none;
    }
}

.mainMenuContainer {
    width: 85%;
    text-align: center;
	max-height: 36px;
}

header {
    position: relative;
    z-index: 50;
}

.unslider-nav {
    display: none!important
}

.mainDiv {
    border-top: 5px solid var(--primary);
}

.tools #help,
.tools,
clock {
    color: hsla(0,0%,100%,.8);
}

a.menuBtn {
    width: 49%;
    display: inline-block;
    text-align: center;
    padding: 10px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    background: #e30613;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

a.menuBtn:hover,
a.menuBtn.active {
    background: #64349a;
}

.amountPlusMinus {    
    display: inline-block;
    width: 115%;
    height: 100%;
    margin-left: -10px;
    margin-right: -10px;
    line-height: 58%;
    font-size: 20px;
    font-weight: 800;
}

.amountPlusMinusPlus {
    display: inline-block;
    width: 115%;
    height: 100%;
    margin-left: -10px;
    margin-right: -10px;
    line-height: 22px;
    font-size: 20px;
    font-weight: 800;
}

.errorMsg{
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 4px 24px;
    background-color: #a20014;
    width: 99.5%;
    border-radius: 3px;
    margin-bottom: 10px;
}

.okMsg{
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 4px 24px;
    background-color: green;
    width: 99.5%;
    border-radius: 3px;
    margin-bottom: 10px;
}

.hideMarket{
	display:none;
}

.lastChild{
	border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.betslipcolone {
    color: #98a9bc;
}
.betslipcoltwo{
    color:#fff;
}

@media only screen and (max-width: 767px) {
    .profileFrame{
	margin-left: -12px !important;
	margin-right: -12px !important;
}
}


.registerInput {
    background: var(--secondary) !important;
    border: 1px solid 1px solid hsla(0,0%,100%,.2) !important;
    font-size: 12px !important;
    line-height: 17px !important;
    width: 100% !important;
    padding-left: 10px !important;
}

.registerInputH3 {
    font-weight: 700 !important;
    font-size: 18px !important;
    color: #fff !important;
    line-height: 24px !important;
    border-bottom: 2px solid var(--quaternary);
}

.registerInputLabel{
	font-weight: 400 !important;
    font-size: 14px !important;
    color: #9fa0a2 !important;
    line-height: 25px !important;
    height: 25px !important;
    display: block !important;
    margin-bottom: 0px !important;
    
}

.forgotPasswordLabel {
    cursor: pointer;
    text-decoration:underline;
}

.registerVerificatioCode {
    font-weight: bold !important;
    font-size: 14px !important;
    color: #192083 !important;
    line-height: 25px !important;
    height: 25px !important;
    display: none;
    margin-bottom: 0px !important;
}

.MobileLoginForm.form .user-form div label {
    height: auto
}

.MobileLoginForm.form .terms label,
.MobileLoginForm.form article {
    font-size: 14px;
    line-height: 18px;
}

.MobileLoginForm.form .terms label {
    padding-left: 20px;
}

.MobileLoginForm.form .terms {
    position: relative;
}

.MobileLoginForm.form .terms input {
    position: absolute;
    left: 0;
    top: 0;
}

.MobileLoginForm.form .message-body {
    color: #000;
    font-size: 12px;
    line-height: 15px;
    padding: 10px;
    border: 2px solid #fdcb0a;
}

.MobileLoginForm.form .message-header {
    background-color: #fdcb0a;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #4a4a4a;
    border-radius: 3px 3px 0 0;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 1.25;
    padding: .5em .75em;
    position: relative;
    background-color: #fdcb0a;
    color: rgba(0, 0, 0, .7);
    height: auto;
}

.MobileLoginForm.form p {
    margin-bottom: 0;
}

.MobileLoginForm.form .icon.is-small {
    height: 10px;
    width: 10px;
    background-image: url(../images/error.png);
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.MobileLoginForm .closeBtn {
    font-size: 30px;
    position: absolute;
    right: 0;
    right: 20px;
    top: 11px;
}

.attentionMain {
    margin-top: 6px;
}

.MobileLoginForm {
    display: block;
}


@media all and (max-width:767px) {
    .MobileLoginForm {
        top: 0!important;
        transform: none!important;
        left: 0!important;
        margin-top: 0;
        height: 100%!important;
		width:100%!important;
    }
    .MobileLoginForm .col-xs-12 .col-xs-12 {
        padding: 0;
    }
    .topupForm .topSection,
    .topupForm .formBtns {
        width: auto;
    }
    .topupForm .predefined {
        margin-bottom: 15px;
        margin-right: 0;
    }
    sports-menu-mobile {
        display: block;
		/*height: auto!important;*/
    }
}


.body-opera-mini .MobileLoginForm .sendCode {
    position: static;
}

.body-opera-mini .MobileLoginForm.form .terms input {
    position: static;
    display: inline-block;
    vertical-align: top;
}

.body-opera-mini .MobileLoginForm.form .user-form div label {
    display: inline-block;
    padding-left: 0;
    width: calc(100% - 30px);
    vertical-align: top;
}



.MobileLoginForm {
    background-color: var(--secondary);
    width: 40%;
    max-width: 100%;
    position: relative;
    top: 75%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.MobileLoginForm .user-form {
    padding: 20px;
    padding-bottom: 30px;
}

.MobileLoginForm.form .user-form h3 {
    margin-top: 0;
}

.mobileLoginBtn {
    /* margin-top: 10px !important; */
    background-color: var(--quaternary);
    color: #fff !important;
    margin-top: 10px;
    /* margin: 0px !important; */
    border: 1px solid rgba(25, 34, 126, 0.13);
    flex-grow: 1;
    text-transform: uppercase;
    width: 99% !important;
    height: 36px !important;
    box-sizing: content-box;
    display: block;
    line-height: 33px;
    text-align: center;
    border-radius: 2px;
}

.profileBTN {
    margin-top: -1px;
    display: inline-block;
    background-image: -webkit-linear-gradient(var(--quaternary) 37%, var(--quaternary) 100%);
    background-image: -o-linear-gradient(var(--quaternary) 37%, var(--quaternary) 100%);
    background-image: linear-gradient(var(--quaternary) 37%, var(--quaternary) 100%);
    border: 1px solid var(--quaternary);
    border-radius: 2px;
    font-size: 12px;
    font-weight: 600;
    padding: 10px 15px;
    transition: all 0.1s;
    width: 100%;
    text-align: center;
    color: #fff !important;
}

.profileBTN:hover {
    border: 1px solid #000;
    color: #000;
    transition: all 0.1s
}

.profileBTN:active {
    background-image: -webkit-linear-gradient(#e4e4e4 37%, #fff 100%);
    background-image: -o-linear-gradient(#e4e4e4 37%, #fff 100%);
    background-image: linear-gradient(#e4e4e4 37%, #fff 100%);
    transition: all 0.1s
}

.paginationFirstNext {
    display: inline-block;
    background-color: var(--primary);
    transition: all 0.2s;
    text-align: center;
    padding: 6px;
    border-radius: 3px;
    font-size: 12px;
    color: #fff;
    margin-left: 4px;
    margin-top: 4px;
    margin-bottom: 4px;
    cursor: pointer;
}

    .paginationFirstNext:hover {
        background-color: var(--primary);
    }

.paginationSelected {
    background-color: var(--primary);
}

.paginationNumber {
    display: inline-block;
    /*background-color: #006495;*/
    transition: all 0.2s;
    text-align: center;
    /*padding: 6px;*/
    border-radius: 3px;
    font-size: 12px;
    color: #fff;
    margin-left: 4px;
    
}

    .paginationNumber:hover {
        /*background-color: #006495;*/
    }

.centerPaging {
    margin: auto;
    width: fit-content;
    padding: 12px 0px;
    /*margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
    float: none;*/
}

.tdpaging {
    padding: 6px;
    border-radius: 3px;
    background-color: #006495;
    display: inline-block;
    width: 30px;
    margin-right: 4px;
}


.placebet div input[type=submit] {
    display: block;
    text-transform: uppercase;
    background-color: #fff;
    background-image: -webkit-linear-gradient(180deg, #fff 0%, #c5daea 100%);
    background-image: -o-linear-gradient(180deg, #fff 0%, #c5daea 100%);
    background-image: linear-gradient(180deg, #fff 0%, #c5daea 100%);
    box-shadow: 0 2px 4px 0 rgba(22, 39, 48, 0.5);
    border: 1px solid rgba(26, 35, 126, 0.13);
    border-radius: 5px;
    transition: all 0.25s;
    color: #662483;
    font-size: 1.2em;
    font-weight: 800;
    padding: 7px 25px 7px 25px;
    text-align: center;
    float: right;
}

.placebet div input[type=submit]:hover {
    box-shadow: 0px 0px 15px 0px #2ac4ff;
    color: #238cb4;
    transition: all 0.5s;
    border: 1px solid rgba(25, 34, 126, 0)
}

.mobilesportsBtn{
	padding-top: 35px;
    padding-left: 10px;
    padding-right: 10px;
}

.marketdetails {
    transition: all 0.2s;
    text-align: center;
    width: 65px;
    white-space: nowrap;
    overflow: hidden;
    font-size: 1.1em;
    font-weight: bold;
    border-radius: 6px;
    color: var(--tertiary);
    text-transform: uppercase;
}

.searchIconMobile {
	background: url(../images/new-sprite.svg) -1250px -100px;
    background-size: auto !important;
    width: 20px;
    height: 20px;
    top: 0;
    top: -8px!important;
}
.aSearchIconMobile {
	margin-top: -4px;
	margin-left: 5px;
    padding-left: 0px!important;
    line-height: 0!important;
    width: 30px!important;
    line-height: unset;
    height: 20px!important;
    background: url(../images/icons/search.svg) no-repeat !important;
}

.DepositTitle{
	color: #fff;
    font-family: "Open Sans", serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 17px;
    margin-right: 6px;
}

.searchIcon{
	padding: 0px 0px 0px 0px !important;
    margin: 0!important;
    line-height: 5px!important;
	
}

.fixedBetslip {
    background-color: #c0c0c0;
    position:fixed;
    top:0;
    width:100%;
    z-index:100;
}

.sports-details-d1{
	background: url(/Content/images/d1.jpg) no-repeat center top;
}

.sports-details-d2{
	background: url(/Content/images/d2.jpg) no-repeat center top;
}

.sports-details-d3{
	background: url(/Content/images/d3.jpg) no-repeat center top;
}

.sports-details-d5{
	background: url(/Content/images/5.jpg) no-repeat center top;
}

.sports-details-d6{
	background: url(/Content/images/d6.jpg) no-repeat center top;
}

.sports-details-d23{
	background: url(/Content/images/d23.jpg) no-repeat center top;
}

.sports-details-d4{
	background: url(/Content/images/d4.jpg) no-repeat center top;
}

.sports-details-d10{
	background: url(/Content/images/d10.jpg) no-repeat center top;
}

.sports-details-d12{
	background: url(/Content/images/d12.jpg) no-repeat center top;
}

.sports-details-d16{
	background: url(/Content/images/d16.jpg) no-repeat center top;
}

.sports-details-d21{
	background: url(/Content/images/d21.jpg) no-repeat center top;
}

.promoTable,td {
  min-width: 0;
  padding-left: 0;
}

.VerCodeSent{
	color:green!important;
}

.okRegMsg{
    color: green!important;
    border: 1px solid green;
    background-color: #01122f;
    text-align: center;
    border-radius: 2px;
}
.errorRegMsg {
    color: #e30613 !important;
    border: 1px solid #e30613;
    background-color: var(--secondary);
    padding: 4px;
    border-radius: 2px;
    text-align: center;
    margin-top: 10px;
}
.hideSecandThirdlevelMenu{
	min-height: 0px!important;
}

.betsafiDetailsBetContainer{
	padding-top: 1px;
}
.jackpotAlign{
	text-align: left!important;
	display: block!important;
}

.jackpotGameOrder{
	align-self: center;
    width: 16px;
    margin-right: 8px;
    text-align: center
}
.jackpotMarketOption{
	margin-left:-55px!important;
}
.aMenuLink{
	display: inline-block;
    width: 100%;
    height: 100%;
}

.divLeagueMenu{
	padding-right: 0px!important;
}

.aMobileMenuLink{
	display: inline-block;
    width: 80%;
    height: 100%;
}
.attentionHeader{
	background-color: #fdcb0a;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #4a4a4a;
    border-radius: 3px 3px 0 0;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 1.25;
    padding: .5em .75em;
    position: relative;
    background-color: #fdcb0a;
    color: rgba(0, 0, 0, .7);
    height: auto;
}

.attentionBody{
	border: 1px solid #fdcb0a;
    padding: 8px;
}
.attentionIcon{
	height: 10px;
    width: 10px;
    background-image: url(../images/error.png);
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.jackpotEndDate{
	width:150%!important;
}

.jackpotTabsHeader{
	width:33%
}
@media only screen and (max-width: 1150px){
.jackpotEndDate{
	width:100%!important;
}

.jackpotTabsHeader{
	width:32%
}

.favButton{
	font-size: 12px!important;
	width: 155px!important;
	text-overflow: ellipsis;
}

}

.selectedEventJackpot{
	background-color: #ce8d04!important;
    color: #fff!important
}


.jackPotFavBefore{
	color: transparent;
    min-width: 14px!important;
    background: url(/Content/images/icons/star.svg) no-repeat left top !important;
    height: 14px;
}

.jackPotRandomBefore{
	color: transparent;
    min-width: 14px!important;
    background: url(/Content/images/icons/random.svg) no-repeat left top !important;
    height: 14px;
}

.favButton {
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: 4px;
    position: relative;
    background-color: var(--quaternary);
    border: none;
    color: #1c3d73;
    padding: 10px;
    width: 200px;
    text-align: center;
    transition-duration: 0.4s;
    overflow: hidden;
    /* box-shadow: 0 5px 15px #fcd108; */
    border-radius: 4px;
    font-weight: 800;
    margin: 5px;
}

    .favButton:hover {
        box-shadow: 1px 1px 1px 1px var(--quaternary);   
    }

.registerTerms{
	padding: 5px 0px;
}

.casinoCenterPage{
	left: 50%;
    transform: translate(-50%, 0%);
}
.arrowBG {
    background-color: var(--primary);
    margin-right: -7px;
    margin-top: -9px;
    margin-bottom: -9px;
    border: 1px solid var(--primary);
}

.arrowBGLive {
    background-color: var(--primary);
    margin-right: -7px;
    margin-top: -28px;
    margin-bottom: -28px;
    border: 1px solid var(--primary);
}

.countryMenuBR {
    border-bottom: 1px solid var(--primary) !important;
}


.balanceAll{
	color: rgba(232, 236, 240, 0.6);
    font-size: 12px;
    line-height: 17px;
    font-weight: normal;
	margin-left: 0px;
}

.realBalance {
    color: var(--quaternary);
    font-size: 12px;
    font-weight: 700;
    text-transform: capitalize;
}

.bonusBalance {
    color: var(--tertiary);
    font-weight: 700;
    font-size:12px;
}
.BonusBetslipMsg {
    text-align: center;
    padding: 8px;
    background-color: var(--secondary);
    color: var(--tertiary);
    margin: 5px -8px;
    font-size: 12px;
}

.BonusAcceptedBetslipMsg {
    text-align: center;
    padding: 8px;
    /*background-color: var(--secondary);*/
    color: var(--quaternary);
    margin: 5px -8px;
    font-size: 12px;
}

.switch-field {
	display: flex;
	/*margin-bottom: 36px;*/
	overflow: hidden;
}

.switch-field input {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
}

.switch-field label {
    width:50%;
	background-color: #e4e4e4;
	color: rgba(0, 0, 0, 0.6);
	font-size: 14px;
	line-height: 1;
	text-align: center;
	padding: 8px 16px;
	margin-right: -1px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
	transition: all 0.1s ease-in-out;
}

.switch-field label:hover {
	cursor: pointer;
}

.switch-field input:checked + label {
	background-color: #a5dc86;
	box-shadow: none;
}

.switch-field label:first-of-type {
	border-radius: 4px 0 0 4px;
}

.switch-field label:last-of-type {
	border-radius: 0 4px 4px 0;
}

.DepositAlertMsg {
    text-align: center;
    padding: 8px;
    background-color: #e9dc01c4;
    color: #033148;
    margin: 5px -8px;
    font-size: 12px;
    border-radius: 2px;
}

.DepositOkMsg {
    text-align: left;
    padding: 8px 15px;
    background-color: #27f4095c;
    color: #033148;
    margin: 5px -8px;
    font-size: 14px;
    border-radius: 2px;
    color: #fff;
}

.instaLogo {
    display: inline-block;
    background-image: url(/Content/images/instalogo.png);
    background-repeat: no-repeat;
    background-size: 50px 50px;
    width: 50px;
    height: 50px;
    margin-bottom: -20px;
}

.instaLogoTitle {
    color: #f9b233 !important;
}

.moreMarketClickable {
    width: 100%;
    height: 50px;
    display: block;
    position: absolute;
    z-index: 2;
    cursor: pointer;
}

.main-menu__container {
    -webkit-box-shadow: 0 2px 2px rgb(0 0 0 / 8%);
    box-shadow: 0 2px 2px rgb(0 0 0 / 8%);
    position: relative;
    background-color: var(--secondary);
}

.main-menu {
    margin: 0 auto;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--secondary);
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scroll: touch;
    max-width: 1024px;
    white-space: nowrap;
}

.main-menu__link {
    text-decoration: none;
    padding: 8px 8px;
    display: inline-block;
    position: relative;
    margin-left: 6px;
}

    .main-menu__link.active {
        border-color: var(--tertiary);
    }

.main-menu__title {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    opacity: 0.8;
}

    .main-menu__title label {
        cursor: pointer;
    }

.main-menu__link:after {
    content: "";
    border-top: 4px solid transparent;
    position: absolute;
    bottom: 0;
    left: 50%;
    right: 50%;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.main-menu__link.active:after {
    border-color: var(--tertiary);
    left: 0;
    right: 0;
}

.main-menu__total {
    color: #63708A;
    padding: 1px 8px;
    border-radius: 8px;
    font-size: 12px;
    line-height: 16px;
    margin-left: 8px;
    background-color: #E4E8EC;
}

a.main-menu__link.active span {
    opacity: 1;
}

.fltrlbl {
    margin-bottom: 0px !important;
}

@media all and (max-width:767px) {
    .main-menu__link {
        text-decoration: none;
        padding: 6px 6px;
        display: inline-block;
        position: relative;
        margin-left: 0px !important;
    }
}

.loadSpiner {
    position: absolute;
    top: 100%;
    /*left: 12%;*/
    width: 90%;
    text-align: center;
    transform: translateY(-50%);
    z-index: 1000;
}



.confirm {
    border: 1px solid #ccc;
    background-color: #fff;
    color: #333;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
    max-width: 400px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media only screen and (max-width: 420px) {
    .confirm {
        width:80%;
    }
}

/* Style for the OK button */
.confirm-ok {
    background-color: #4CAF50;
    color: #fff;
    border: none;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
    float: right;
}

/* Style for the Cancel button */
.confirm-cancel {
    background-color: #f44336;
    color: #fff;
    border: none;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
    float: left;  
}

.betslipAlternateDiv:nth-child(odd) {
   /* background-color: var(--primary);*/
}

.btnPlaceBet {
    width: 98%;
    color: #f7f7f7;
    padding: 7px;
    font-size: 1.2em;
    font-weight: 600;
    background-color: var(--quaternary);
    background-image: -o-linear-gradient(180deg, #fff 0%, #c5daea 100%);
    border: 1px solid var(--quaternary);
    border-radius: 3px;
    float: right;
}

.btnBookBet {
    width: 100%;
    color: #f7f7f7;
    padding: 7px;
    font-size: 1.2em;
    font-weight: 600;
    background-color: var(--quaternary);
    background-image: -o-linear-gradient(180deg, #fff 0%, #c5daea 100%);
    border: 1px solid var(--quaternary);
    border-radius: 3px;
    float: right;
}
.selectedPage {
    display: inline-block;
    color: #000000;
    background-color: var(--tertiary);
    width: 10px;
    border-radius: 3px;
    font-weight: 600;
}
.disabledLinkbutton {
    color: gray!important;
    background-color: #94130a;
    border-color: #94130a;
    cursor: default;
}
.disabledLinkbutton:active:hover {
    color: gray!important;
    background-color: #94130a!important;
    border-color: #94130a!important;
    cursor: default;
}
.outcomeoddmarket {
    font-weight: bold;
    color: var(--quaternary);
}

img {
    display: none;
}


    img[src] {
        display: block;
    }



.casinoSearchDiv {
    -webkit-box-align: baseline;
    align-items: baseline;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 14px;
    width: 100%;
    margin: auto;
    padding: 2px 0px 0px 0px;
}

.searchTitleiv {
    -webkit-box-align: baseline;
    align-items: baseline;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    opacity: 0.9;
    font-size: 16px;
    width: 25%;
}

.searchInputDiv {
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    background-color: var(--secondary);
    border-radius: 4px;
    height: 16px;
    -webkit-box-pack: start;
    justify-content: flex-start;
    padding: 15px;
    width: fit-content;
}

.searchInputDivIcon {
    background-position: -500px -100px;
    display: inline-block;
    height: 14px;
    width: 14px;
    background: url(../images/new-sprite.svg) -1250px -100px;
}

.searchInput {
    background: transparent;
    border: none;
    color: rgb(255, 255, 255);
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
    margin-left: 8px;
    margin-top: -1px;
    width: calc(100% - 24px);
}

.cover {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1002;
    width: 100%;
    height: 100%;
}
.gihonBetslipCheckHeader {
    margin-top: 0px!important;
}

.gihonBetslipCheck {
    margin-bottom: 5px !important;
}
.spanMarketsCount {
    color: var(--quaternary);
    font-weight: 600 !important;
}

.jackpotResultHeader {
    padding: 15px 10px 15px 10px !important;
}

.wg_header{
    background-color:var(--primary)!important;
}

.wg_text_center {
    background-color: var(--secondary) !important;
}
.wg_active{
    background-color:var(--tertiary)!important;
}


.wg-tabl , table > tbody > tr > td {
    background-color: var(--secondary) !important;
}

#stickyfooter {
    display:none;
}

@media only screen and (max-width: 767px) {
    #stickyfooter {
        position: fixed;
        bottom: 0;
        width: 100%;
        background-color: var(--primary); /* Dark blue background */
        color: #ecf0f1; /* Light gray text color */
        text-align: center;
        display: flex;
        justify-content: space-around;
        align-items: center;
        box-shadow: 0 -3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
        z-index: 999;
        height: 60px;
    }

        #stickyfooter a {
            color: var(--quaternary);
            text-decoration: none;
            transition: color 0.3s;
            font-size: 12px;
        }

            #stickyfooter a:hover {
                /*color: #3498db; */
            }

    .stickyfooter-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative; /* Added position relative for z-index */
        width: 20%;
    }

        .stickyfooter-item i {
            font-size: 24px; /* Adjust icon size */
            margin-bottom: 5px;
        }

    .round-item {
        border-radius: 50%;
        background-color: var(--quaternary);
        color: var(--primary) !important;
        transition: background-color 0.3s;
        z-index: 100;
        position: absolute;
        top: -38px;
        left: 50%;
        transform: translateX(-50%);
        width: 55px;
        height: 55px;
        background-size: 22px 22px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        font-size: 16px !important;
        font-weight: 800;
    }

    .round-itemBG {
        background: url(../images/icons/betslipmobile.svg) no-repeat center var(--quaternary);
    }

    .round-item:hover {
        /*background-color: var(--tertiary); */ /* Slightly lighter red color on hover */
    }

    .stickyHome {
        background: url(/Content/images/icons/depmobile.svg) no-repeat center top !important;
        width: 15px;
        height: 15px;
    }

    .stickyLive {
        background: url(/Content/images/icons/withdrawmobile.svg) no-repeat center top !important;
        width: 15px;
        height: 15px;
    }

    .stickyMyBets {
        background: url(/Content/images/icons/historymobile.svg) no-repeat center top !important;
        width: 15px;
        height: 15px;
    }

    .stickyProfile {
        background: url(/Content/images/icons/usermobile.svg) no-repeat center top !important;
        width: 15px;
        height: 15px;
    }

    .betslipToPage {
        /*width: 100%;
height: 100%;
justify-content: center;
align-items: center;
z-index:999;
display:block;*/
        display: none;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: #fff;
        padding: 20px;
        border: 1px solid #ccc;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        z-index: 999;
    }

    /* Styling for the popup container */
    #popupBetslipContainer {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black overlay */
        justify-content: center;
        align-items: center;
        z-index: 999;
    }

    /* Styling for the content inside the popup container */
    #popupBetslipContent {
        padding: 20px;
        border-radius: 10px;
        height: calc(100% - 100px);
        background-color: var(--primary);
        overflow-y: auto;
        width: 100%;
    }
}

.load-more {
    background-color: var(--secondary);
    border: 1px solid var(--primary);
    padding: 6px 6px;
    font-size: 12px;
    height: 100%;
    width: 100px;
    border-radius: 2px; 
    font-weight: 600;
    text-align: center;
}

    .load-more:hover {
        background-color: var(--primary);
        text-decoration: none;
    }

.countryCodeDD {
    border: 1px solid var(--quaternary);
    background-color: var(--quaternary);
    color: #fff !important;
    width: 27%;
}

    .countryCodeDD :hover {
        border: 1px solid var(--quaternary) !important;
        background-color: var(--quaternary) !important;
        color: #fff !important;
        width: 27% !important;
    }

    .countryCodeDD :focus {
        border: 1px solid var(--quaternary) !important;
        background-color: var(--quaternary) !important;
        color: #fff !important;
        width: 27% !important;
    }

.menuIcon {
    width: 30px;
    height: 25px;
    object-fit: cover;
    font-size: 15px;
    cursor: pointer;
    text-align: center;
    align-self: center;
    margin-bottom: 5px;
}

.currencyDD {
    border: 1px solid var(--quaternary);
    background-color: var(--quaternary);
    color: #fff !important;
}