/* Minification failed. Returning unminified contents.
(2369,30): run-time error CSS1046: Expect comma, found '40'
(2369,36): run-time error CSS1046: Expect comma, found '/'
(2473,30): run-time error CSS1046: Expect comma, found '40'
(2473,35): run-time error CSS1046: Expect comma, found ')'
(2477,19): run-time error CSS1046: Expect comma, found '40'
(2477,24): run-time error CSS1046: Expect comma, found ')'
(2489,24): run-time error CSS1046: Expect comma, found '48'
(2489,29): run-time error CSS1046: Expect comma, found ')'
(2519,45): run-time error CSS1046: Expect comma, found '254'
(2519,53): run-time error CSS1046: Expect comma, found '/'
(2902,20): run-time error CSS1046: Expect comma, found '197'
(2902,25): run-time error CSS1046: Expect comma, found ')'
 */
/*Button*/
.md-button { text-transform: none; min-width: auto; }



.md-button.left { border-radius: 10px 0 0 10px; }

.md-button.middle { border-radius: 0; }

.md-button.right { border-radius: 0 10px 10px 0; }

md-select-menu, md-select-menu md-content {
    max-height: 512px;
}

/*Switch*/
md-switch.toggler:not(.md-checked) .md-bar {
    background-color: #333; /* set not selected bar color */
}

md-switch.toggler:not(.md-checked) .md-thumb {
    background-color: rgb(158,158,158); /* not selected switch color */
}

/*Input*/
md-input-container.no-errors,
md-select.no-errors,
.no-errors md-input-container {
    margin-bottom: 0;
}

md-input-container.no-floating,
md-select.no-floating,
.no-floating md-input-container {
    margin-top: 0;
}

#matchesTournaments .md-errors-spacer,
#tournaments .md-errors-spacer,
.fastcode .md-errors-spacer { min-height: 0; }

/*Autocomplete*/
.autocomplete-custom-template li { height: auto; line-height: 1; padding-top: 8px; padding-bottom: 8px; }


md-autocomplete { min-width: 100%; }

md-autocomplete.no-errors .md-errors-spacer,
md-input-container.no-errors .md-errors-spacer { min-height: 0 !important; }


.md-autocomplete-suggestions-container.md-default-theme li, .md-autocomplete-suggestions-container li,
md-select-menu md-option { color: inherit !important; z-index: 120; }

/*md-option .md-text {
    width: 100%;
    height: 100%;
}*/


/*Truncate*/
.md-truncate { display: block; max-width: 98%; }


/*Bottomsheet*/
.ticketDetails md-bottom-sheet,
md-bottom-sheet.bottom80 { bottom: 80px; }

/*Tab*/


md-tabs.item-padding-0 md-tab-item {
    padding: 0;
}

md-tabs.item-padding-4 md-tab-item {
    padding: 4px;
}

/*Datapicker*/
#birthDateCalendar .md-datepicker-button { margin-left: 0; margin-right: 0; padding: 0; width: 24px; }

#birthDateCalendar label { width: calc(100% - 58px); }

#birthDateCalendar .md-datepicker-input-container { width: calc(100% - 36px); }

#birthDateCalendar .md-datepicker-input { max-width: 100%; }

#birthDateCalendar .md-input-message-animation { margin-left: 36px; }

.user-menu md-list-item.md-2-line,
.user-menu md-list-item.md-2-line > .md-no-style { height: 48px; min-height: 48px; }

.darkTheme .md-calendar-date:not(.md-disabled) .md-calendar-date-selection-indicator,
.darkTheme md-calendar-month .md-calendar-month-label,
.darkTheme md-autocomplete-parent-scope { color: #ffffff; color: rgba(255,255,255,0.87); }


/*Virtual Repeater*/
.md-virtual-repeat-container.md-autocomplete-suggestions-container { z-index: 120; }

/*Data Table*/
table.md-table.standings-table { table-layout: fixed; }
table.md-table.standings-table tbody.md-body > tr.md-row,
table.md-table.standings-table tfoot.md-foot > tr.md-row { height: 32px; }

md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) { min-height: unset; }

md-tabs md-tabs-wrapper { margin: 0; display: flex; flex-direction: row; justify-content: space-between; }
md-tabs md-tabs-wrapper md-tabs-canvas { width: 100%; }
md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper { width: 100% !important; }

/* two items */
md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper md-tab-item:first-child:nth-last-child(3),
md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper md-tab-item:first-child:nth-last-child(3) ~ md-tab-item {
    width: 50%;
}

/* three items */
md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper md-tab-item:first-child:nth-last-child(4),
md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper md-tab-item:first-child:nth-last-child(4) ~ md-tab-item {
    width: 33.3333%;
}

/* four items */
md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper md-tab-item:first-child:nth-last-child(5),
md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper md-tab-item:first-child:nth-last-child(5) ~ md-tab-item {
    width: 25%;
}


#betslip md-tabs md-tabs-wrapper button { border: none; position: relative; width: 45px; outline: none; }

#betslip md-tabs md-tabs-wrapper button::after { content: url('/Assets/webclient/mobile/images/icons/cancel.svg'); position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 25px; height: 25px; margin: auto; }

.md-select-menu-container {
    z-index: 100;
}

md-dialog{
    min-width: 300px
}
* {
    user-select: none;
}

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}

iframe {
    padding: 0;
    margin: 0;
    border: none;
    width: 100%;
    height: 100%;
}

#iframe {
    position: absolute;
    top: 0;
    z-index: 100;
}

.md-button:hover::after, .md-icon-button:hover::after {
    content: none;
}

body {
    font-family: 'Open Sans', sans-serif;
    max-width: 100%;
    position: relative;
}

    body.darkTheme .background-text-color {
        background-color: #fff;
        background-color: rgba(255,255,255,.87)
    }

    body.lightTheme .background-text-color {
        background-color: #393939;
        background-color: rgba(57,57,57,.87)
    }

    body.lightTheme ::-webkit-input-placeholder {
        color: #393939;
        color: rgba(57,57,57,.87)
    }

    body.darkTheme ::-webkit-input-placeholder {
        color: #fff;
        color: rgba(255,255,255,.5)
    }

    body.lightTheme .text-color,
    body.lightTheme .text-color input {
        color: #393939;
        color: rgba(57,57,57,.87)
    }

    body.darkTheme .text-color,
    body.darkTheme .text-color input {
        color: #fff;
        color: rgba(255,255,255,.87)
    }

    body.darkTheme .text-color-2 {
        color: #ccc;
    }

    body.lightTheme .text-color-2 {
        color: #888;
    }

    body.darkTheme .borderLeftColor {
        border-left: 1px solid #ffffff;
        border-left: 1px solid rgba(255, 255, 255, .12)
    }

    body.darkTheme .borderLeftColor2 {
        border-left: 1px solid #ffffff;
    }

    body.darkTheme .borderBottomColor {
        border-bottom: 1px solid #ffffff;
        border-bottom: 1px solid rgba(255, 255, 255, .12)
    }

    body.lightTheme .borderLeftColor {
        border-left: 1px solid #000000;
        border-left: 1px solid rgba(0,0,0,0.12)
    }

    body.lightTheme .borderLeftColor2 {
        border-left: 1px solid #000000;
    }

    body.lightTheme .borderBottomColor {
        border-bottom: 1px solid #000000;
        border-bottom: 1px solid rgba(0,0,0,0.12)
    }


    .fontSize12,
    body.fontSize12,
    body.fontSize12 .md-button,
    body.fontSize12 .md-subheader,
    body.fontSize12 .md-tab,
    body.fontSize12 md-toolbar {
        font-size: 12px !important;
    }

    .fontSize14,
    body.fontSize14,
    body.fontSize14 .md-button,
    body.fontSize14 .md-subheader,
    body.fontSize14 .md-tab,
    body.fontSize14 md-toolbar {
        font-size: 14px !important;
    }

    .fontSize16,
    body.fontSize16,
    body.fontSize16 .md-button,
    body.fontSize16 .md-subheader,
    body.fontSize16 .md-tab,
    body.fontSize16 md-toolbar {
        font-size: 16px !important;
    }


    body.fontSize12 h2 {
        font-size: 18px !important;
    }

    body.fontSize14 h2 {
        font-size: 20px !important;
    }

    body.fontSize16 h2 {
        font-size: 22px !important;
    }


.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.overflow-hidden {
    overflow: hidden;
}

.dimension12 {
    width: 12px;
    height: 12px;
    min-height: 12px;
    min-width: 12px;
    line-height: 12px;
}

.dimension16 {
    font-size: 14px;
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
    line-height: 16px;
}

.dimension20 {
    font-size: 16px;
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    line-height: 20px;
}

.dimension30 {
    font-size: 16px;
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
    line-height: 30px;
}

.dimension120 {
    font-size: 16px;
    width: 120px;
    height: 120px;
    min-width: 120px;
    min-height: 120px;
    line-height: 120px;
}

.width-100p {
    width: 100%;
}

.width65 {
    width: 65px;
}


.height14 {
    min-height: 14px;
    height: 14px;
}

.height29 {
    min-height: 29px;
    height: 29px;
}

.height32 {
    min-height: 32px;
    height: 32px;
}

.height40 {
    min-height: 40px;
    height: 40px;
}

.height60 {
    min-height: 60px;
    height: 60px;
}

.height44 {
    min-height: 44px;
    height: 44px;
}

.height59 {
    min-height: 59px;
    height: 59px;
}

.height65 {
    min-height: 65px;
    height: 65px;
}

.positionRelative {
    position: relative;
}

.width50 {
    width: 50px;
}

.full-width {
    width: 100%;
}

.float.left {
    float: left;
}

.float.right {
    float: right;
}

.text-center {
    text-align: center !important;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 98%;
}

.text-scroll {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: transform;
    transition-timing-function: linear;
    transition-duration: 1s;
}

.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.zIndex1 {
    z-index: 1;
}

.zIndex5 {
    z-index: 5;
}

.zIndex10 {
    z-index: 10;
}

.zIndex15 {
    z-index: 15;
}

.zIndex20 {
    z-index: 20;
}

.zIndex25 {
    z-index: 25;
}

.zIndex30 {
    z-index: 30;
}

.zIndex40 {
    z-index: 40;
}

.zIndex50 {
    z-index: 50;
}

.zIndex60 {
    z-index: 60;
}

.zIndex65 {
    z-index: 65;
}

.zIndex70 {
    z-index: 70;
}

.zIndex105 {
    z-index: 105;
}

.padding0 {
    padding: 0;
}

.padding-0 {
    padding: 0 !important;
}

.padding4 {
    padding: 4px;
}

.padding8 {
    padding: 8px;
}

.padding-4 {
    padding: 4px !important;
}

.padding-8 {
    padding: 8px !important;
}

.marginBottom4 {
    margin-bottom: 4px;
}

.marginRight4 {
    margin-right: 4px;
}

.marginTop8 {
    margin-top: 8px;
}

.paddingLeft16 {
    padding-left: 16px;
}

.paddingRight-8 {
    padding-right: 8px !important;
}

.paddingTop16 {
    padding-top: 16px;
}

.background-blue-gray {
    background-color: #607D8B;
}

.lineHeight1 {
    line-height: 1;
}

.lineHeight14 {
    line-height: 14px;
}

.lineHeight29 {
    line-height: 29px;
    height: 29px;
    min-height: 29px;
}

.lineHeight32 {
    line-height: 32px;
    height: 32px;
    min-height: 32px;
}

.lineHeight44 {
    line-height: 44px;
}

.lineHeight59 {
    line-height: 59px;
}

.lineHeight65 {
    line-height: 65px;
}

.background-yellow {
    background-color: #FFEB3B;
}

.background-green {
    background-color: #4CAF50;
}

.background-red {
    background-color: #F44336;
}

.border-blue-gray {
    border: 1px solid #607D8B;
}

.border-yellow {
    border: 1px solid #FFEB3B;
}

.border-green {
    border: 1px solid #4CAF50;
}

.border-red {
    border: 1px solid #F44336;
}

.border-double-red {
    border: 1px solid #F44336;
}

.display-none {
    display: none;
}

.border-double-red:before {
    content: " ";
    position: absolute;
    z-index: 2;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    border-radius: 50%;
    border: 1px solid #F44336;
}

.striked {
    position: relative;
}

    .striked:after {
        position: absolute;
        left: 0;
        top: 53%;
        border-bottom: 1px solid;
        border-bottom-color: inherit;
        background: inherit;
        content: "";
        width: 100%;
        display: block;
    }


.flag-sprite {
    background-image: url(/assets/global/img/flag-sprite-xs.png);
    background-repeat: no-repeat;
    display: block;
    background-position-y: -3383px;
}

.flag {
    width: 18px;
    height: 12px;
}

/*Favorite*/
.hover-class {
    position: relative;
    overflow: hidden;
}

    .hover-class .width-on-hover {
        width: 0;
    }

    .hover-class:hover .width-on-hover {
        width: 36px;
    }

    /*Casino*/
    .hover-class .casinoActions {
        position: absolute;
        bottom: -40px;
        height: 40px;
        left: 0;
        right: 0;
    }

    .hover-class:hover .casinoActions {
        bottom: 0;
    }

/*Ticket*/
.ticket-gadget {
    position: relative;
    width: 15px;
    height: 15px;
    border-radius: 50%;
}


/*Logo*/
.logo {
    height: 50%;
    max-height: 50px;
}

/*Panel*/
.matches {
    border-radius: 8px;
    overflow: hidden;
}

#mynetwork th,
#mynetwork td,
#ticketHistory th,
#ticketHistory td,
#sportReport th,
#sportReport td,
#casinoReport th,
#casinoReport td {
    padding: 0;
}

    #mynetwork th:first-child,
    #mynetwork td:first-child,
    #ticketHistory th:first-child,
    #ticketHistory td:first-child,
    #sportReport th:first-child,
    #sportReport td:first-child,
    #casinoReport th:first-child,
    #casinoReport td:first-child {
        padding-left: 8px;
    }

    #mynetwork th:last-child,
    #mynetwork td:last-child,
    #ticketHistory th:last-child,
    #ticketHistory td:last-child,
    #sportReport th:last-child,
    #sportReport td:last-child,
    #casinoReport th:last-child,
    #casinoReport td:last-child {
        padding-right: 8px;
    }

#pMatches .market:not(:last-child),
#pMatches .oddMarket:not(:last-child),
#pMatches .positionMarket:not(:last-child) {
    margin-right: 8px;
}

#betslipContent .matches:not(:last-child),
#ticketCombination .matches:not(:last-child) {
    margin-bottom: 8px;
}

#betslipContent .summary-divider:not(:first-child),
#ticketDetails .summary-divider:not(:first-child) {
    margin: 8px 0;
    /*border-bottom: 1px dotted;*/
}

#betslipContent .summary-divider .clearfix,
#ticketDetails .summary-divider .clearfix {
    margin: 2px;
}

#pMatches .odd:first-child {
    border-left: none;
}

.matches .markets {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.matches .info {
    border-bottom: 1px solid;
    border-bottom: 1px solid #ffffff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

/*Widget triange*/
.widget-header {
    text-transform: uppercase;
}

    .widget-header.euro2020 {
        height: 48px;
        background-image: url(/Assets/webclient/common/images/carousel/euro2020/header.jpg);
        background-size: cover;
        background-repeat: no-repeat;
    }

.euro2020-container {
    background-image: url(/Assets/webclient/common/images/carousel/euro2020/item.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.widget-header .md-subheader-inner {
    padding: 8px;
}

.triangle-content {
    position: relative;
    clip-path: polygon(0 0, 86% 0, 100% 100%, 0 100%);
}

/* Theme */
.custom_blue #betslip .selectPlayer input,
.custom_blue #betslip .selectPlayer .md-select-value,
.custom_blue #schedulePrintDialog .checkSpecials .md-select-value {
    border-color: #74d600 !important;
}

.custom_white #betslip .selectPlayer input,
.custom_white #betslip .selectPlayer .md-select-value,
.custom_white #schedulePrintDialog .checkSpecials .md-select-value {
    border-color: #123e96 !important;
}

.custom_grey #betslip .selectPlayer input,
.custom_grey #betslip .selectPlayer .md-select-value,
.custom_grey #schedulePrintDialog .checkSpecials .md-select-value {
    border-color: #FFCD00 !important;
}

.custom_black #betslip .selectPlayer input,
.custom_black #betslip .selectPlayer .md-select-value,
.custom_black custom_black #schedulePrintDialog .checkSpecials .md-select-value {
    border-color: #2ecc71 !important;
}

.custom_blue #betslip .selectPlayer .md-select-icon,
.custom_blue #schedulePrintDialog .checkSpecials .md-select-value,
.custom_blue #schedulePrintDialog .checkSpecials .md-select-icon,
.custom_blue .colorAccent {
    color: #74d600;
}

.custom_white #betslip .selectPlayer .md-select-icon,
.custom_white #schedulePrintDialog .checkSpecials .md-select-value,
.custom_white #schedulePrintDialog .checkSpecials .md-select-icon,
.custom_white .colorAccent {
    color: #123e96;
}

.custom_grey #betslip .selectPlayer .md-select-icon,
.custom_grey #schedulePrintDialog .checkSpecials .md-select-value,
.custom_grey #schedulePrintDialog .checkSpecials .md-select-icon,
.custom_grey .colorAccent {
    color: #FFCD00;
}

.custom_black #betslip .selectPlayer .md-select-icon
.custom_black #schedulePrintDialog .checkSpecials .md-select-value,
.custom_black #schedulePrintDialog .checkSpecials .md-select-icon,
.custom_black .colorAccent {
    color: #2ecc71;
}

.custom_blue .colorAccentA200,
.custom_white .colorAccentA200,
.custom_grey .colorAccentA200,
.custom_black .colorAccentA200 {
    color: #ffffff;
    color: rgba(255, 255, 255, .87);
}

.custom_blue md-chips.md-blueGreen-theme md-chip.md-focused,
.custom_blue md-chips.md-blueGreen-theme md-chip.chip-focus,
.custom_blue md-chips md-chip.md-focused,
.custom_blue md-chips md-chip.chip-focus {
    background: #74d600 !important;
}

.custom_white md-chips.md-blueGreen-theme md-chip.md-focused,
.custom_white md-chips.md-blueGreen-theme md-chip.chip-focus,
.custom_white md-chips md-chip.md-focused,
.custom_white md-chips md-chip.chip-focus {
    background: #123e96 !important;
}

.custom_grey md-chips.md-blueGreen-theme md-chip.md-focused,
.custom_grey md-chips.md-blueGreen-theme md-chip.chip-focus,
.custom_grey md-chips md-chip.md-focused,
.custom_grey md-chips md-chip.chip-focus {
    background: #FFCD00 !important;
}

.custom_black md-chips.md-blueGreen-theme md-chip.md-focused,
.custom_black md-chips.md-blueGreen-theme md-chip.chip-focus,
.custom_black md-chips md-chip.md-focused,
.custom_black md-chips md-chip.chip-focus {
    background: #2ecc71 !important;
}

.custom_blue .danger {
    color: rgb(255, 152, 0);
}

.custom_white .danger {
    color: rgb(244, 67, 54);
}


.custom_grey .danger {
    color: rgb(244, 67, 54);
}

.custom_black .danger {
    color: rgb(255, 152, 0);
}

.custom_blue .backgroundDanger {
    background-color: rgb(255, 152, 0);
}

.custom_white .backgroundDanger {
    background-color: rgb(244, 67, 54);
}


.custom_grey .backgroundDanger {
    background-color: rgb(244, 67, 54);
}

.custom_black .backgroundDanger {
    background-color: rgb(255, 152, 0);
}

.custom_blue #betslip #closeBetslip,
.theme-color.blueGreen {
    background: #082c47;
}

    .theme-color.blueGreen:hover,
    .theme-color.blueGreen.selected {
        box-shadow: 0 0 0 2px white, 0 0 0 3px #082c47;
    }

.custom_white #betslip #closeBetslip,
.theme-color.whiteDeepblue {
    background: #CEDCEF;
}

    .theme-color.whiteDeepblue:hover,
    .theme-color.whiteDeepblue.selected {
        box-shadow: 0 0 0 2px white, 0 0 0 3px #202a36;
    }

.custom_grey #betslip #closeBetslip,
.theme-color.greyYellow {
    background: #151925;
}

    .theme-color.greyYellow:hover,
    .theme-color.greyYellow.selected {
        box-shadow: 0 0 0 2px white, 0 0 0 3px #EB9532;
    }

.custom_black #betslip #closeBetslip,
.theme-color.blackLightGreen {
    background: black;
}

    .theme-color.blackLightGreen:hover,
    .theme-color.blackLightGreen.selected {
        box-shadow: 0 0 0 2px white, 0 0 0 3px black;
    }

.theme-color {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    margin: 0 5px;
    outline: none;
}

/*Absolute View*/
.absolute-view {
    position: absolute;
    width: 100%;
    height: calc(100% - 56px);
    top: 56px;
}

/*Bottom Menu*/
.bottom-menu {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.position-center-left {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}

.position-top-left {
    position: absolute;
    top: 0;
    left: 0;
}

.position-top-right {
    position: absolute;
    top: 0;
    right: 0;
}

.fab-bottom-right {
    position: fixed;
    bottom: 0;
    right: 0
}

.fab-bottom-left {
    position: fixed;
    bottom: 0;
    left: 0
}

/*Betslip Indicator*/
.indicatior-gadget {
    position: relative;
    width: 8px;
    height: 8px;
    -ms-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
}

.betslip-indicator {
    position: absolute;
    width: 15px;
    height: 15px;
    top: 0;
    right: 15px;
    -ms-border-radius: 100%;
    border-radius: 100%;
    line-height: 1;
    text-align: center;
}

/* Ticket Print Directive */
.ticket {
    max-width: 400px;
    min-height: 500px;
    border: 1px solid black;
    margin: auto;
    position: relative;
}

.date {
    color: white;
    background: black;
    width: 205px;
    height: 20px;
    font-size: 18px;
    overflow: hidden;
    margin: auto;
    margin-top: 30px;
}

.table {
    margin-top: 30px;
    border-bottom: 2px dotted black;
    padding-bottom: 5px;
}

    .table th {
        width: 150px;
        border-bottom: 2px dotted black;
    }

    .table tbody td {
        width: 150px;
        text-align: center;
        margin-top: 10px;
    }

.ticketInfo {
    margin-top: 10px;
    margin-right: 5px;
    float: right;
    min-width: 250px;
}

#ticketId {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.column {
    display: inline-block;
    vertical-align: middle;
}

body.refreshing #theme-div {
    filter: blur(1px);
    touch-action: none; /* prevent scrolling */
}

.refresher {
    pointer-events: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    transition: all 200ms cubic-bezier(0,0,0.2,1);
    transform: translate3d(0,-100px,0);
    will-change: transform, opacity;
    left: 0;
    right: 0;
    margin: auto;
    box-shadow: 0 2px 2px 0 #000000, 0 1px 5px 0 #000000, 0 3px 1px -2px #000000;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.5), 0 1px 5px 0 rgba(0, 0, 0, 0.5), 0 3px 1px -2px rgba(0, 0, 0, 0.5);
    transition: all 30ms cubic-bezier(0,0,0.2,1);
    will-change: transform, opacity;
    display: inline-flex;
    justify-content: space-evenly;
    align-items: center;
    z-index: 99
}

.refreshLoader {
    width: 40px;
    transition: all 200ms cubic-bezier(0,0,0.2,1);
}

md-tabs.md-default-theme .md-tab.md-active, md-tabs .md-tab.md-active, md-tabs.md-default-theme .md-tab.md-active md-icon, md-tabs .md-tab.md-active md-icon, md-tabs.md-default-theme .md-tab.md-focused, md-tabs .md-tab.md-focused, md-tabs.md-default-theme .md-tab.md-focused md-icon, md-tabs .md-tab.md-focused md-icon,
md-autocomplete .md-show-clear-button button md-icon {
    color: white;
}

md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper md-card.md-default-theme, md-card {
    background: rgba(0,0,0,0.25);
    box-shadow: none;
}

md-input-container.md-default-theme:not(.md-input-invalid).md-input-has-value label, md-input-container:not(.md-input-invalid).md-input-has-value label {
    font-size: 14px;
}

md-input-container.md-default-theme .md-input, md-input-container .md-input {
    font-size: 16px;
    margin-top: 5px;
}

md-autocomplete[md-floating-label] .md-show-clear-button button {
    margin: 0
}

md-tabs.md-blueGreen-theme .md-tab.md-active, md-tabs.md-blueGreen-theme .md-tab.md-active md-icon, md-tabs.md-blueGreen-theme .md-tab.md-focused, md-tabs.md-blueGreen-theme .md-tab.md-focused md-icon {
    color: white;
}

@keyframes loading {
    0% {
        transform: scale(1);
    }

    20% {
        transform: scale(1,2.2);
    }

    40% {
        transform: scale(1);
    }
}

.betslip-close {
    border: none;
    background: none;
    width: 50px;
    height: 100%
}

.greyhound-icon md-icon {
    width: 36px;
}

.greyhound-icon #greyhound {
    transform: scale(.27);
}

input,
textarea {
    font-size: 16px !important;
}

.md-button.withdraw-btn {
    width: 100% !important;
    margin: 0;
    padding: 4px;
}

#casinoProviderReport #providerTable th,
#casinoProviderReport #providerTable td {
    padding-right: 8px;
}

#liveMatchContainer {
    position: absolute;
    top: 102px;
    z-index: 1;
    transform-origin: top right;
    transition: right .3s, transform .3s;
}

.livecasino {
    display: inline-block;
}


[custom-mobile-events] .mliveCasino .livecasino img {
    width: 100%;
}

/*Jackpot*/

@font-face {
    font-family: "Digital-7";
    src: url('/assets/webclient/common/styles/fonts/digital-7.ttf');
}

.jackpot {
    font-family: 'Digital-7';
}

    .jackpot.jackpot-image {
        background-image: url("/Assets/webclient/common/images/banner/jackpot-mobile.jpg");
        background-size: cover;
        height: 130px;
    }

    .jackpot .jackpot-container {
        height: 100%;
    }

        .jackpot .jackpot-container .mega {
            width: 60%;
        }

        .jackpot .jackpot-container .jack {
            width: 55%;
        }

        .jackpot .jackpot-container .mini {
            width: 50%;
        }


        .jackpot .jackpot-container .jackpot-casino {
            width: 100%;
        }

        .jackpot .jackpot-container .jackpot-name {
            position: relative;
            color: black;
            padding-left: 4px;
            padding-right: 4px;
            width: 80px;
            text-align: center;
            margin: 0 auto;
            font-size: 12px;
            border: 2px solid #333;
            border-bottom: none;
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
            margin-bottom: -4px;
            height: 12px;
        }

        .jackpot .jackpot-container .jackpot-type-container {
            height: 33.3333%
        }

        .jackpot .jackpot-container .jackpot-type {
            float: right;
        }

        .jackpot .jackpot-container .mega .jackpot-name {
            background: rgb(213, 54, 242);
        }

        .jackpot .jackpot-container .jack .jackpot-name {
            background: rgb(69, 129, 267);
        }

        .jackpot .jackpot-container .mini .jackpot-name {
            background: rgb(116,214,0);
        }

        .jackpot .jackpot-container .jackpot-value-container {
            background: #000000;
            background: rgba(0, 0, 0, .8);
            text-align: center;
            margin: 0 auto;
            font-size: 18px;
            border: 2px solid #333;
            border-right: none;
            border-top-left-radius: 10px;
            border-bottom-left-radius: 10px;
        }

        .jackpot .jackpot-container .jackpot-casino .jackpot-value-container {
            border-left: none;
            border-radius: 0;
        }

        .jackpot .jackpot-container .mega .jackpot-value {
            border: 2px solid rgb(213, 54, 242);
            color: rgb(213, 54, 242);
        }

        .jackpot .jackpot-container .jack .jackpot-value {
            border: 2px solid rgb(69, 129, 267);
            color: rgb(69, 129, 267);
        }


        .jackpot .jackpot-container .mini .jackpot-value {
            border: 2px solid rgb(116,214,0);
            color: rgb(116,214,0);
        }


        .jackpot .jackpot-container .jackpot-value {
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
            border-right: none !important;
            height: 24px;
        }

        .jackpot .jackpot-container .jackpot-casino .jackpot-value {
            border-left: none;
            border-radius: 0;
        }

.jackpot-win {
    font-family: 'Digital-7';
}

.jackpot-row {
    background: black;
    padding: 2px;
}

.jackpot-win.jackpot-type-1 {
    border: 6px double rgb(116,214,0);
    color: rgb(116, 214, 0);
}

.jackpot-win.jackpot-type-2 {
    border: 6px double rgb(69, 129, 267);
    color: rgb(69, 129, 267);
}

.jackpot-win.jackpot-type-3 {
    border: 6px double rgb(213, 54, 242);
    color: rgb(213, 54, 242);
}

.jackpot-win .jackpot-congratulation {
    font-size: 60px;
}

.jackpot-win .jackpot-winner {
    font-size: 40px;
}

.jackpot-win .jackpot-value {
    font-size: 60px;
}

.liveCasino .card-image {
    width: 100%;
    height: 100%;
    max-height: 150px;
    max-width: 243px
}

.big-win__image {
    position: absolute;
    width: 25%;
    right: 8px;
    top: 4px;
}

    .big-win__image img {
        width: 100%;
        height: 100%;
        filter: drop-shadow(0px 0px 12px #000000);
        -webkit-filter: drop-shadow(0px 0px 12px #000000);
    }

#liveCenter {
    max-width: 380px;
    margin-left: calc((100% - 380px) / 2);
}

.matches-live-14 .marginBottom4 {
    font-size: 14px !important;
}

.matches-live-14 {
    min-height: 70px;
    height: 70px;
}

    .matches-live-14 .lineHeight59 {
        min-height: 69px;
        height: 69px;
    }

.liveEventViewVP .height29 {
    min-height: 33px !important;
    height: 33px !important;
}

/*Rotate*/
.rotate-animation {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    -moz-transition: -moz-transform 0.3s ease-in-out;
    -o-transition: -o-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
}

.rotate {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}

/*Flip*/
.flipInX-animation,
.flipInX-animation.ng-enter,
.flipInX-animation.ng-leave {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipInX;
    animation-duration: 1s;
    animation-fill-mode: both;
}

.flipInX-animation.ng-enter {
    animation-name: flipInX;
}

.flipInEnterX-animation.ng-leave {
    display: none;
}

.flipInEnterX-animation,
.flipInEnterX-animation.ng-enter {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipInX;
    animation-duration: 1s;
    animation-fill-mode: both;
}

@keyframes flipInX {
    from {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        animation-timing-function: ease-in;
    }

    60% {
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        transform: perspective(400px);
    }
}

.flipInX-animation.ng-leave {
    animation-name: flipOutX;
}

@keyframes flipOutX {
    from {
        transform: perspective(400px);
    }

    30% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

/*Slide*/
.bottom-transition {
    transition: bottom .3s;
}

.slideUpVertical-animation.ng-enter,
.slideUpVertical-animation.ng-leave,
.slideDownVertical-animation.ng-enter,
.slideDownVertical-animation.ng-leave:not(.view),
.slideHorizontal-animation.ng-enter:not(.view),
.slideHorizontal-animation.ng-leave:not(.view),
.slideHorizontal-animation.ng-enter.view:first-child,
.slideHorizontal-animation.ng-leave.view:last-child {
    animation-duration: 300ms;
    animation-fill-mode: both;

}

.slideUpVertical-animation.ng-enter{
    animation-name: slideInUp;
}

@keyframes slideInUp {
    from {
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideUpVertical-animation.ng-leave {
    animation-name: slideOutDown;
}

@keyframes slideOutDown {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(0, 100%, 0);
    }
}

.slideDownVertical-animation.ng-enter{
    animation-name: slideInDown;
}

@keyframes slideInDown {
    from {
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideDownVertical-animation.ng-leave{
    animation-name: slideOutUp;
}

@keyframes slideOutUp {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(0, -100%, 0);
    }
}

.slideHorizontal-animation.ng-enter:not(.view),
.slideHorizontal-animation.ng-enter.view:first-child {
    animation-name: slideInRight;  
}

@keyframes slideInRight {
    from {
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideHorizontal-animation.ng-leave:not(.view),
.slideHorizontal-animation.ng-leave.view:last-child {
    animation-name: slideOutRight;
}

@keyframes slideOutRight {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(100%, 0, 0);
    }
}

.overviewAnimationLeave{
    opacity: 0;
    transition: all 10s ease;
}
.overviewAnimationEnter{
    opacity: 1;
    transition: all 10s ease;
}
.openevViewAnimation{
    animation-duration: 300ms;
    animation-fill-mode: both;
    animation-name: slideInRight;
}
.closeevViewAnimation{
    animation-duration: 300ms;
    animation-fill-mode: both;
    animation-name: slideOutRight;
}

/*Pulse*/
.pulse-animation {
    animation-name: pulse;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

@keyframes pulse {
    from {
        transform: scale3d(1, 1, 1);
    }

    50% {
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        transform: scale3d(1, 1, 1);
    }
}

/*Height*/
.height-animation {
    -webkit-transition: height 0.3s ease-in-out;
    -moz-transition: height 0.3s ease-in-out;
    -o-transition: height 0.3s ease-in-out;
    transition: height 0.3s ease-in-out;
}

.height-animation.ng-enter {
    height: 0;
}

.height-animation.ng-enter {
    height: 100%;
}

/*Zoom*/
.zoom-animation.ng-enter,
.zoom-animation.ng-leave {
    animation-duration: .3s;
    animation-fill-mode: both;
}

.zoom-animation.ng-enter{
    animation-name: zoomIn;
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

.zoom-animation.ng-leave {
    animation-name: zoomOut;
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }

    to {
        opacity: 0;
    }
}



/*Starter*/
.custom_blueLoader {
    width: 50px;
    height: 100px;
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 20px);
    z-index: 999
}
.custom_blueLoader__inner {
    border-radius: 50%;
    -webkit-animation: loader-animation 0.8s ease-out infinite;
    -moz-animation: loader-animation 0.8s ease-out infinite;
    -o-animation: loader-animation 0.8s ease-out infinite;
    animation: loader-animation 0.8s ease-out infinite;
    background: url(/Assets/webclient/common/images/logo/loaderGreen.svg);
    position: absolute;
    width: 50px;
    height: 50px;
    z-index: 9
}
.custom_blueLoader__shadow {
    width: 50px;
    bottom: 2px;
    height: 5px;
    background: #000;
    opacity: 0.3;
    position: absolute;
    left: 0;
    border-radius: 50%;
    -webkit-animation: shadow-animation 0.8s ease-out infinite;
    -moz-animation: shadow-animation 0.8s ease-out infinite;
    -o-animation: shadow-animation 0.8s ease-out infinite;
    animation: shadow-animation 0.8s ease-out infinite
}
.custom_whiteLoader {
    width: 50px;
    height: 100px;
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 20px);
    z-index: 999
}
.custom_whiteLoader__inner {
    border-radius: 50%;
    -webkit-animation: loader-animationfor 0.8s ease-out infinite;
    -moz-animation: loader-animationfor 0.8s ease-out infinite;
    -o-animation: loader-animationfor 0.8s ease-out infinite;
    animation: loader-animationfor 0.8s ease-out infinite;
    background: url(/Assets/webclient/common/images/logo/loaderBlue.svg);
    position: absolute;
    width: 50px;
    height: 50px;
    z-index: 9
}
.custom_whiteLoader__shadow {
    width: 50px;
    bottom: 2px;
    height: 5px;
    background: #000;
    opacity: 0.3;
    position: absolute;
    left: 0;
    border-radius: 50%;
    -webkit-animation: shadow-animation 0.8s ease-out infinite;
    -moz-animation: shadow-animation 0.8s ease-out infinite;
    -o-animation: shadow-animation 0.8s ease-out infinite;
    animation: shadow-animation 0.8s ease-out infinite
}
.custom_blackLoader {
    width: 50px;
    height: 100px;
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 20px);
    z-index: 999
}
.custom_blackLoader__inner {
    border-radius: 50%;
    -webkit-animation: loader-animationThir 0.8s ease-out infinite;
    -moz-animation: loader-animationThir 0.8s ease-out infinite;
    -o-animation: loader-animationThir 0.8s ease-out infinite;
    animation: loader-animationThir 0.8s ease-out infinite;
    background: url(/Assets/webclient/common/images/logo/loaderLightGreen.svg);
    position: absolute;
    width: 50px;
    height: 50px;
    z-index: 9
}
.custom_blackLoader__shadow {
    width: 50px;
    bottom: 2px;
    height: 5px;
    background: #000;
    opacity: 0.3;
    position: absolute;
    left: 0;
    border-radius: 50%;
    -webkit-animation: shadow-animation 0.8s ease-out infinite;
    -moz-animation: shadow-animation 0.8s ease-out infinite;
    -o-animation: shadow-animation 0.8s ease-out infinite;
    animation: shadow-animation 0.8s ease-out infinite
}
.custom_greyLoader {
    width: 50px;
    height: 100px;
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 20px);
    z-index: 999
}
.custom_greyLoader__inner {
    border-radius: 50%;
    -webkit-animation: loader-animationsec 0.8s ease-out infinite;
    -moz-animation: loader-animationsec 0.8s ease-out infinite;
    -o-animation: loader-animationsec 0.8s ease-out infinite;
    animation: loader-animationsec 0.8s ease-out infinite;
    background: url(/Assets/webclient/common/images/logo/loaderYellow.svg);
    position: absolute;
    width: 50px;
    height: 50px;
    z-index: 9
}
.custom_greyLoader__shadow {
    width: 50px;
    bottom: 2px;
    height: 5px;
    background: #000;
    opacity: 0.3;
    position: absolute;
    left: 0;
    border-radius: 50%;
    -webkit-animation: shadow-animation 0.8s ease-out infinite;
    -moz-animation: shadow-animation 0.8s ease-out infinite;
    -o-animation: shadow-animation 0.8s ease-out infinite;
    animation: shadow-animation 0.8s ease-out infinite
}

@keyframes loader-animationfor {
    0% {
        top: 0;
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    35% {
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        background: url(/Assets/webclient/common/images/logo/loaderBlue.svg)
    }
    50% {
        top: 50px;
        -moz-transform: scale(1.2, .8);
        -o-transform: scale(1.2, .8);
        -ms-transform: scale(1.2, .8);
        -webkit-transform: scale(1.2, .8);
        transform: scale(1.2, .8)
    }
    75% {
        -moz-transform: scale(.8, 1.2);
        -o-transform: scale(.8, 1.2);
        -ms-transform: scale(.8, 1.2);
        -webkit-transform: scale(.8, 1.2);
        transform: scale(.8, 1.2)
    }
    100% {
        top: 0;
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        background: url(/Assets/webclient/common/images/logo/loaderBlue.svg)
    }
}

@keyframes loader-animation {
    0% {
        top: 0;
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    35% {
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        background: url(/Assets/webclient/common/images/logo/loaderGreen.svg)
    }
    50% {
        top: 50px;
        -moz-transform: scale(1.2, .8);
        -o-transform: scale(1.2, .8);
        -ms-transform: scale(1.2, .8);
        -webkit-transform: scale(1.2, .8);
        transform: scale(1.2, .8)
    }
    75% {
        -moz-transform: scale(.8, 1.2);
        -o-transform: scale(.8, 1.2);
        -ms-transform: scale(.8, 1.2);
        -webkit-transform: scale(.8, 1.2);
        transform: scale(.8, 1.2)
    }
    100% {
        top: 0;
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        background: url(/Assets/webclient/common/images/logo/loaderGreen.svg)
    }
}

@keyframes loader-animationThir {
    0% {
        top: 0;
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    35% {
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        background: url(/Assets/webclient/common/images/logo/loaderLightGreen.svg)
    }
    50% {
        top: 50px;
        -moz-transform: scale(1.2, .8);
        -o-transform: scale(1.2, .8);
        -ms-transform: scale(1.2, .8);
        -webkit-transform: scale(1.2, .8);
        transform: scale(1.2, .8)
    }
    75% {
        -moz-transform: scale(.8, 1.2);
        -o-transform: scale(.8, 1.2);
        -ms-transform: scale(.8, 1.2);
        -webkit-transform: scale(.8, 1.2);
        transform: scale(.8, 1.2)
    }
    100% {
        top: 0;
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        background: url(/Assets/webclient/common/images/logo/loaderLightGreen.svg)
    }
}

@keyframes loader-animationsec {
    0% {
        top: 0;
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    35% {
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        background: url(/Assets/webclient/common/images/logo/loaderYellow.svg)
    }
    50% {
        top: 50px;
        -moz-transform: scale(1.2, .8);
        -o-transform: scale(1.2, .8);
        -ms-transform: scale(1.2, .8);
        -webkit-transform: scale(1.2, .8);
        transform: scale(1.2, .8)
    }
    75% {
        -moz-transform: scale(.8, 1.2);
        -o-transform: scale(.8, 1.2);
        -ms-transform: scale(.8, 1.2);
        -webkit-transform: scale(.8, 1.2);
        transform: scale(.8, 1.2)
    }
    100% {
        top: 0;
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        background: url(/Assets/webclient/common/images/logo/loaderYellow.svg)
    }
}

@keyframes shadow-animation {
    0% {
        -moz-transform: scale(.5, .5);
        -o-transform: scale(.5, .5);
        -ms-transform: scale(.5, .5);
        -webkit-transform: scale(.5, .5);
        transform: scale(.5, .5);
        opacity: 0.1
    }
    50% {
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 0.2
    }
    100% {
        -moz-transform: scale(.5, .5);
        -o-transform: scale(.5, .5);
        -ms-transform: scale(.5, .5);
        -webkit-transform: scale(.5, .5);
        transform: scale(.5, .5);
        opacity: 0.1
    }
}
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    transform: translate3d(0, 150px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, 120px, 0);
  }

  75% {
    transform: translate3d(0, 120px, 0);
  }

  90% {
    transform: translate3d(0, 120px, 0);
  }

  to {
    transform: translate3d(0, 150, 0);
  }
}

.bounceInUp {
  animation-name: bounceInUp;
  animation-duration: 500ms;
}

.liveInfo-animation.ng-enter,
.liveInfo-animation.ng-leave{
    animation-duration: 300ms;
    animation-fill-mode: both;
}
.liveInfo-animation.ng-enter{
    animation-name: slideInLeft;
}
.liveInfo-animation.ng-leave{
    animation-name: slideOutLeft;
}
@keyframes slideOutLeft {
    from {
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(-100%, 0, 0);
    }
}
@keyframes slideInLeft {
    from {
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}
.odd.selected{
    color: #74D600 !important;
    background: #082c47 !important;
}
.Match{
    width:100%;
    min-height: 60px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #324F65;
    margin-bottom: 8px;
    position:relative;
}
.MatchTeams{
    width: 100%;
    max-height:40px;
    display: inline-block;
    font-size: 1em;
    position: relative;
    overflow: hidden;
}
.Team{
    max-width: 30%;
    max-height:40px;
    overflow:hidden;
    display: inline-block;
    padding: 8px;
}

.my-switch-animation.ng-enter,
.my-switch-animation.ng-leave {
    -webkit-transition:0.7s linear all;
    -moz-transition:0.7s linear all;
    -o-transition:0.6s linear all;
    transition:0.7s linear all;

    position:absolute;
}

.my-switch-animation.ng-enter {
    left:100%;
}

.my-switch-animation.ng-leave,
.my-switch-animation.ng-enter.ng-enter-active {
    left:0;
}

.my-switch-animation.ng-leave.ng-leave-active {
    left:-100%;
}
.casino-links {
    font-size: 1.2em;
    text-transform: uppercase;
    color: #ffffff;
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
    transition: all .1s ease;
}

.casino-links:hover {
    color: #ffffff;
    color: rgba(255,255,255,1)
}

.animate-hide {
    -webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s;
    -moz-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s;
    -o-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s;
    transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s;
    line-height:20px;
    opacity:1;
    padding:10px;
    border:1px solid black;
    background:white;
    position: absolute;
    left: 0;
}

.guide {
    font: normal .80em 'trebuchet ms', arial, sans-serif;
    color: #777;
    height: 100%;
}

.guide p { padding: 0 0 20px 0; color: #bfbfbf; line-height: 1.7em; font-size: 13px; }

.guide h1, .guide h2, .guide h3, .guide h4, .guide h5, .guide h6 { font: normal 275% 'century gothic', arial, sans-serif; color: #bfbfbf; margin: 0 0 15px 0; padding: 15px 0 5px 0; }

.guide h2 { font: normal 175% 'century gothic', arial, sans-serif; }

.guide h3 { font: normal 155% 'century gothic', arial, sans-serif; }

.guide h4, .guide h5, .guide h6 { margin: 0; padding: 0 0 5px 0; font: normal 120% arial, sans-serif; color: #bfbfbf; }

.guide h5, .guide h6 { font: italic 195% arial, sans-serif; color: #bfbfbf; }

.guide h6 { color: #000; }

.guide a, .guide a:hover { outline: none; text-decoration: underline; }

.guide a:hover { text-decoration: none; }


.guide ul { margin: 2px 0 22px 17px; }

.guide ul li { list-style-type: circle; margin: 0 0 6px 0; padding: 0 0 4px 0; }

.guide ol { margin: 8px 0 22px 20px; padding: 0 }

.guide ol li { margin: 0 0 11px 0; font-size: 13px; color: #bfbfbf; }

.guide .left { float: left; width: auto; margin-right: 10px; }

.guide .right { float: right; width: auto; margin-left: 10px; }

.guide .center { display: block; text-align: center; margin: 20px auto; }


.guide #content { text-align: left; padding: 0; padding-left: 8px; padding-right: 8px; }

.guide #content ul { margin: 2px 0 22px 0px; padding: 0 }

.guide #content ul li { font-size: 12px; color: #bfbfbf; list-style-type: none; background: url(bullet.png) no-repeat; margin: 0 0 6px 0; padding: 0 0 4px 0; line-height: 1.5em; }

.guide table { margin: 10px 0 30px 0; }

.guide table tr th, .guide table tr td { background: #163650; color: #FFF; padding: 7px 4px; text-align: left; }

.guide table tr td { background: #163650; color: #47433F; border-top: 1px solid #FFF; }



.md-subheader.md-default-theme, .md-subheader {
    background: linear-gradient(to right, #ffa801, #f4c702);
    color: #0e1b22 !important;
    font-weight: 600 !important;
}

    .md-subheader.md-default-theme .layout-row, .md-subheader .layout-align-start-center.layout-row {
        font-size: 14px !important;
    }

    .md-subheader.md-default-theme md-icon, .md-subheader md-icon {
        color: white !important;
    }

md-sidenav md-autocomplete.no-errors.text-color.md-default-theme.flex {
    background: #12191a !important;
    color: #c6d4d6 !important;
}

md-sidenav.md-default-theme, md-sidenav, md-sidenav.md-default-theme md-content, md-sidenav md-content {
    background-color: #12191a !important;
}

    md-sidenav .tournament-matches {
        color: #edb101 !important;
    }

    md-sidenav .quickLinks .hover-class.layout-row {
        border-bottom: 1px solid #feab01 !important;
        box-shadow: 0 2px 7px 0 rgba(255, 197, 0, 0.3) !important;
    }

    md-sidenav .md-default-theme.flex .layout-fill.layout-column > div:not(.sports-header):first-of-type {
        background-color: #07090a !important;
    }

    md-sidenav .lineHeight29.height29.md-button.md-default-theme.layout-fill.layout-row md-icon, md-sidenav .lineHeight29.height29.md-button.layout-fill.layout-row md-icon {
        color: #fdc900 !important;
    }

    md-sidenav .lineHeight29.height29.md-button.md-default-theme.layout-fill.layout-row .rotate-animation.md-default-theme.material-icons {
        color: rgb(255, 255, 255) !important;
    }


    md-sidenav .lineHeight29.height29.md-button.md-default-theme.layout-fill.layout-row .md-secondary.sport-matches {
        color: #686f70 !important;
    }

#footer {
    background: #14171a !important;
}

    #footer md-icon {
        color: #ffb700 !important;
    }

    #footer .footer-link.md-default-theme {
        color: #686f70 !important;
    }

.layout-align-space-between-center.layout-row .layout-align-space-around-center.layout-row.flex .layout-margin.flex-20 {
    color: #f9237b !important;
}

md-content .scrollable.scroll-content.layout-fill.md-default-theme .layout-align-space-between-center.layout-row {
    background-color: #121e22 !important;
}

md-nav-bar .md-accent.md-button.md-default-theme.md-active.md-primary::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0px;
    box-shadow: 0 -4px 16px 6px rgba(255, 197, 0, 0.4);
    border-radius: 2px;
}

md-sidenav button.md-primary.md-hue-1.lineHeight29.height29.md-button.layout-fill.layout-row {
    background-color: #192224 !important;
}

.widget-header.md-subheader.md-default-theme .layout-align-start-center.layout-row button {
    color: #192224 !important;
    font-weight: 600 !important;
}

.md-button.md-default-theme.md-accent.md-raised, .md-button.md-accent.md-raised {
    background-color: #192224 !important;
}
/*.md-button.md-default-theme:not([disabled]):hover, .md-button:not([disabled]):hover {
    border-radius: 20px !important;
}*/
.widget-header.md-subheader.md-default-theme .layout-align-start-center.layout-row button.md-accent {
    color: #ffb700 !important;
    font-weight: 600 !important;
    border-radius: 20px !important;
}

.liveMatchesBody .layout-wrap.layout-align-start-center.layout-row.flex .layout-margin .md-whiteframe-8dp.layout-fill .paddingLeft16 {
    background-color: rgb(26 40 42 / 70%) !important;
    border-top: 1px solid #ffb700 !important;
    border-bottom: 1px solid #ffb700 !important;
}

    .liveMatchesBody .layout-wrap.layout-align-start-center.layout-row.flex .layout-margin .md-whiteframe-8dp.layout-fill .paddingLeft16 .fontSize14.layout-align-start-center.layout-row span {
        color: #f9237b !important;
        font-weight: 700 !important;
    }

.liveMatchesBody .layout-wrap.layout-align-start-center.layout-row.flex .paddingLeft16 span.colorAccent {
    color: #f9237b !important;
    font-weight: 700 !important;
}

#marketList .md-raised.md-primary.md-button.md-default-theme.layout-fill.md-accent.white-text {
    background: linear-gradient(to right, #ffa801, #f4c702);
    box-shadow: 0 2px 6px 0 rgba(255, 197, 0, 0.7) !important;
    color: #0e1b22 !important;
    font-weight: 600 !important;
}

#centerContent .liveMatchesBody .layout-wrap.layout-align-start-center.layout-row.flex .paddingLeft16 button.md-primary.md-raised.md-button.md-default-theme.layout-fill {
    background-color: #fff18e !important;
    border: none !important;
    color: #0e1b22 !important;
    font-weight: 700 !important;
}


    #centerContent .liveMatchesBody .layout-wrap.layout-align-start-center.layout-row.flex .paddingLeft16 button.md-primary.md-raised.md-button.md-default-theme.layout-fill.md-accent {
        background-color: red !important;
    }

    #centerContent .liveMatchesBody .layout-wrap.layout-align-start-center.layout-row.flex .paddingLeft16 button.md-primary.md-raised.md-button.md-default-theme.layout-fill.md-accent {
        background: linear-gradient(to right, #ffa801, #f4c702);
        box-shadow: 0 2px 6px 0 rgba(255, 197, 0, 0.7) !important;
        color: #0e1b22 !important;
        font-weight: 600 !important;
    }

#centerContent .layout-wrap.layout-align-start-center.layout-row .layout-margin .md-whiteframe-8dp.layout-fill {
    background-color: #1c2729 !important;
}

    #centerContent .layout-wrap.layout-align-start-center.layout-row .layout-margin .md-whiteframe-8dp.layout-fill button.md-primary.md-raised.md-button.md-default-theme.layout-fill {
        background-color: #fff18e !important;
        border: none !important;
        color: #0e1b22 !important;
        font-weight: 700 !important;
        padding: 0 !important;
        line-height: 25px !important;
        margin-bottom: 10px;
    }

        #centerContent .layout-wrap.layout-align-start-center.layout-row .layout-margin .md-whiteframe-8dp.layout-fill button.md-primary.md-raised.md-button.md-default-theme.layout-fill.md-accent {
            background: linear-gradient(to right, #ffa801, #f4c702);
            box-shadow: 0 2px 6px 0 rgba(255, 197, 0, 0.7) !important;
            color: #0e1b22 !important;
            font-weight: 600 !important;
        }

#centerContent .liveMatchesBody .layout-wrap.layout-align-start-center.layout-row.flex .paddingLeft16 .overlay.row {
    border-radius: 30px !important;
    outline: 2px solid #1c3035 !important;
    outline-offset: -1px;
}
/*
#centerContent .layout-wrap.layout-align-start-center.layout-row .layout-margin .md-whiteframe-8dp.layout-fill .overlay.row {
    border-radius: 20px !important;
}

.md-button.md-default-theme.md-accent:hover,
.md-button.md-accent:hover {
    border-radius: 0px !important;
}*/
#fastCodeTabs md-pagination-wrapper md-tab-item div.layout-fill.layout-align-start-center.layout-row {
    color: #fedf00 !important;
    border-bottom: 1px solid #fedf00 !important;
}

#fastCodeTabs md-pagination-wrapper md-tab-item.md-active div.layout-fill.layout-align-start-center.layout-row {
    color: #070b0c !important;
    font-weight: 700 !important;
    background: linear-gradient(to right, #ffa801, #f4c702) !important;
}

md-sidenav.md-default-theme, md-sidenav, md-sidenav.md-default-theme md-content, md-sidenav md-content {
    background-color: #11191b !important;
}

.md-button.md-default-theme.md-primary.md-raised, .md-button.md-primary.md-raised {
    background-color: #070b0c !important;
}

    .md-button.md-default-theme.md-primary.md-raised, .md-button.md-primary.md-raised md-icon {
        color: #fbb501 !important;
    }

#fastCodeTabs .md-button.md-default-theme.md-primary.md-raised {
    color: white !important;
}

#betslipContent .matches.height-animation div.info.layout-padding {
    background-color: rgb(26 40 41) !important;
}

#betslipContent .md-button.md-default-theme.md-primary.md-raised.md-accent {
    color: rgb(26 40 41) !important;
}
/*
md-sidenav.md-sidenav-right md-tabs.item-padding-0.md-dynamic-height.md-default-theme md-tabs-canvas md-tab-item div.layout-fill.layout-align-start-center.layout-row {
    background: #11191b !important;
}
*/
md-sidenav.md-sidenav-right .md-button.md-default-theme.md-accent.md-raised, .md-button.md-accent.md-raised {
    background-color: #feb500 !important
}

#ticketDetails md-content.scroll-content.md-default-theme.flex div.layout-padding {
    background: rgb(27 48 53) !important;
}

    #ticketDetails md-content.scroll-content.md-default-theme.flex div.layout-padding:nth-child(3) {
        background: #354346 !important;
    }

#ticketDetails .info.layout-align-space-between-center.layout-row {
    background: #142126 !important;
}

#rightContent .md-button.md-default-theme.md-primary.md-raised.md-accent {
    background-color: #feb500 !important;
    color: #163650 !important;
}

.scrollable.scroll-virtualrepeat.md-virtual-repeat-container.md-orient-horizontal.flex {
    background-color: #395a60 !important;
}

#rightContent .md-button.md-default-theme.md-primary.md-raised, .md-button.md-primary.md-raised md-icon {
    color: white !important;
}

.layout-row.flex .layout-fill.layout-column.flex .layout-row [style="background: rgb(36, 36, 36); color: rgba(255, 255, 255, 0.87);"] {
    background-color: #1a282a !important;
}


    .layout-row.flex .layout-fill.layout-column.flex .layout-row [style="background: rgb(36, 36, 36); color: rgba(255, 255, 255, 0.87);"] .md-accent.md-button.md-default-theme.md-active.md-primary::after {
        box-shadow: 0 -4px 16px 6px rgb(255 254 249 / 0%);
    }

.scrollable.scroll-virtualrepeat.md-virtual-repeat-container.md-orient-horizontal.flex {
    background-color: #395a60 !important;
}

    .scrollable.scroll-virtualrepeat.md-virtual-repeat-container.md-orient-horizontal.flex .md-button.md-default-theme.layout-fill.md-raised.md-primary {
        color: #070b0c !important;
        font-weight: 700 !important;
        background: linear-gradient(to right, #ffa801, #f4c702) !important;
    }

        .scrollable.scroll-virtualrepeat.md-virtual-repeat-container.md-orient-horizontal.flex .md-button.md-default-theme.layout-fill.md-raised.md-primary span {
            color: #070b0c !important;
        }


#marketsList .layout-wrap.layout-align-start-center.layout-row .md-button.md-default-theme.md-primary.md-raised {
    color: white !important;
}


    #marketsList .layout-wrap.layout-align-start-center.layout-row .md-button.md-default-theme.md-primary.md-raised.md-accent {
        color: #070b0c !important;
        font-weight: 700 !important;
        background: linear-gradient(to right, #ffa801, #f4c702) !important;
    }


.custom_black .colorAccent {
    color: #feb500 !important;
}

#tournaments .layout-align-start-center.layout-row .positionRelative.layout-align-start-center.layout-row.flex .layout-align-start-center.layout-row.flex-20:first-child {
    background: #234248;
    align-self: stretch;
}

.layout-align-start-center.layout-row .positionRelative.layout-align-start-center.layout-row.flex .layout-align-center-center.layout-row.flex div.layout-align-center-center.layout-row.flex:nth-of-type(even) {
    background: #234248 !important;
    align-self: stretch;
}

#tournaments .height29.layout-fill .hover-class.layout-fill.layout-align-space-between-center.layout-row {
    background: #283f44 !important;
}

    #tournaments .height29.layout-fill .hover-class.layout-fill.layout-align-space-between-center.layout-row .layout-fill.layout-align-start-center.layout-row.flex-20 {
        background: #283f44 !important;
    }

#tournaments .height44 .layout-align-start-center.layout-row.flex-20 {
    background: #1c3035 !important;
}

#tournaments .odd-wrrapper-live {
    border-radius: 45px;
}

    #tournaments .odd-wrrapper-live span {
        color: white !important;
        font-weight: 700;
    }

#tournaments .overlay.lockAnimation.zIndex5 .overlay {
    border-radius: 45px !important;
    outline: 2px solid #1c3035 !important;
    outline-offset: -1px !important;
}

#tournaments .vmGroup:nth-child(odd) .odd-wrrapper-live {
    background: #112226 !important;
}

#tournaments .vmGroup:nth-child(even) .odd-wrrapper-live {
    background: #254145 !important;
}

.mrkPositions {
    background: #1c3035 !important;
    border: none
}

#tournaments .vmGroup {
    background: #1c3035 !important;
}

md-sidenav .text-left.tournament-name.md-truncate {
    color: white !important;
}


.odd-wrrapper-live button {
    border-radius: 45px !Important;
}

button.odd {
    padding: 0px;
}

.toggle-odd {
    position: relative;
    display: flex;
    align-items: center;
    background-color: #122326; /* dark background */
    border-radius: 40px;
    overflow: hidden;
    padding: 0px;
    background-color: #ffb500;
    width: 100%;
}

.splOdd {
    font-weight: 700;
    position: relative;
    z-index: 0;
    background-color: #ffb500;
}

#tournaments .odd-wrrapper-live .splOdd span {
    color: #112226 !important;
}

.vlOdd {
    background-color: #112226;
    border-radius: 40px;
    z-index: 2;
    outline: 3px solid #112226;
    outline-offset: -2px;
}

.splOdd span {
    margin: 0 20px;
}

    .splOdd span:empty {
        display: none;
    }

.vlOdd.colorAccentA500:not(.colorAccent) {
    color: #f1ac3c !important;
    outline: 2px solid #f4b83f;
    outline-offset: -1px
}

#tournaments .odd-wrrapper-live .vlOdd.colorAccentA500:not(.colorAccent) span {
    color: #f1ac3c !important;
}

#tournaments .positionRelative.layout-align-start-center.layout-row.flex div.layout-align-center-center.layout-row.flex {
    align-self: stretch !important;
}


/*event view*/
#lSports .md-virtual-repeat-scroller .animate.layout-column .md-button.md-default-theme.md-primary.md-raised, .md-button.md-primary.md-raised {
    background-color: #1a1d22 !important;
    color: white !important;
}

    #lSports .md-virtual-repeat-scroller .animate.layout-column .md-button.md-default-theme.md-primary.md-raised, .md-button.md-primary.md-raised .md-accent {
        color: #fedf00 !important;
    }

    #lSports .md-virtual-repeat-scroller .animate.layout-column .md-button.md-default-theme.md-primary.md-raised, .md-button.md-primary.md-raised .text-left {
        color: white !important;
    }

#evMatches .md-button.md-default-theme.md-primary.md-raised, .md-button.md-primary.md-raised {
    background-color: #324b50 !important;
    color: white !important;
}

#evMatches div.layout-align-end-center.layout-row {
    background-color: #1a1d22 !important;
}

#evMatches .positionRelative div.layout-align-end-center.layout-row {
    background-color: #1a2829 !important;
}

#evMatches .layout-wrap.layout-align-start-center.layout-row div.overlay div {
    background-color: #1a2c32 !important;
}


#evMatches .borderBottomColor.lineHeight29.height29.md-button.md-default-theme.layout-fill.layout-align-space-between-center.layout-row {
    color: #1a1d22 !important;
    font-weight: 600;
}

#leftContent .animate.layout-column .width-animation.flex {
    background: #1a2c32;
}

.trnmName {
    background: #324b50 !important;
}

#matchOddsDialog .md-button.md-primary.md-raised {
    background-color: #324b50 !important;
    color: white !important;
}

#matchOddsDialog .layout-align-space-between-center.layout-row {
    color: #1a2829 !important;
    font-weight: 500;
}

#leftContent .md-button.md-default-theme.md-accent.md-raised, .md-button.md-accent.md-raised {
    background-color: #feb500 !important;
    color: #1a2829 !important;
}

#webClientView .layout-align-center-center.layout-row md-nav-ink-bar {
    display: none;
}

div [style="display: inline-block; width: 60px;"] {
    width: fit-content !important;
    padding: 0 5px
}

    div [style="display: inline-block; width: 60px;"] button {
        padding: 0 5px
    }

.position-top-right {
    position: absolute;
    top: 2px;
    right: 2px;
}

md-nav-ink-bar {
    height: 1px;
}

/*casino*/
.layout-fill.layout-wrap.md-default-theme.layout-align-start-start.layout-row
.title.layout-fill.layout-align-center-center.layout-column {
    color: #1b292c !important;
    font-weight: 700;
}


.transition.casinoActions.layout-align-space-between-center.layout-row .md-accent.md-button.md-default-theme.md-ink-ripple.layout-fill,
.transition.casinoActions.layout-align-space-between-center.layout-row .md-accent.md-button.md-default-theme.md-ink-ripple.layout-fill md-icon {
    color: #1b292c !important;
    font-weight: 700;
}

/*results*/
.results .layout-padding {
    background: #142d33 !important;
}

.results .layout-align-space-between-center.layout-row {
    background: #142d33 !important;
}

.results .md-whiteframe-2dp.layout-fill.layout-align-space-between-center.layout-row {
    background: #1e3a3f !important;
}

.results .slideLeft1-animation.layout-fill .layout-align-start-center.layout-row {
    background: #162a2c !important;
}



/*info*/
.infoGamb .layout-align-center-center.layout-row.flex {
    background: #16292e !important;
}

.infoGamb .layout-fill.md-default-theme {
    background: #1e3b3f;
}


/*login page*/
#theme-div > md-sidenav:nth-child(4) > section > div > div > section > form > div > div > div {
    height: 70px;
    background: rgb(46, 46, 46) !important;
    border-radius: 0 65px 0 0;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}

#theme-div > md-sidenav:nth-child(4) > section > div > md-tabs > md-tabs-wrapper {
    background: rgb(46, 46, 46) !important;
    border-right: 1px solid #fff;
}

    #theme-div > md-sidenav:nth-child(4) > section > div > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper {
        background: #000;
        border-radius: 60px;
        width: 290px !important;
        padding: 5px;
    }

#tab-content-0 > div > section > md-virtual-repeat-container > div > div.md-virtual-repeat-offsetter {
    background: rgb(46, 46, 46) !important;
    border-right: 1px solid #fff;
}

#theme-div > md-sidenav:nth-child(4) > section > div > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item.md-active {
    background: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    padding: 5px;
}

#theme-div > md-sidenav:nth-child(4) > section > div > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-ink-bar {
    display: none;
}

/*MOB EXTRAS*/
/*Toolbar*/
md-toolbar md-icon {
    color: #feb101 !important;
}

    md-toolbar md-icon[aria-label="menu"] {
        color: #fdfdfe !important;
    }

md-toolbar .layout-align-start-center.layout-row.flex {
    color: #feb101 !important;
}



#centerContent {
    border-top: 2px solid rgba(254,177,1,0.82);
}

    #centerContent md-virtual-repeat-container.scrollable.scroll-virtualrepeat.md-virtual-repeat-container.md-orient-horizontal.flex {
        background: #39585d !important;
    }

    #centerContent section.positionRelative.layout-fill div.layout-fill.layout-align-start-center.layout-row {
        background: #26454a !important;
    }

    #centerContent .md-button.md-primary.md-raised:not(.md-accent) {
        background-color: #121e22 !important;
        border-radius: 28px !important;
        border: 1px solid #ffb700 !important;
        color: #ffb700 !important;
    }


    #centerContent .md-button.md-primary.md-raised.md-accent {
        background-color: #ffb700 !important;
        border-radius: 28px !important;
        border: 1px solid #ffb700 !important;
        font-weight: 600 !important;
        color: #121e22 !important;
    }

    #centerContent .layout-align-space-between-center.layout-row .layout-margin.layout-row {
        color: #f9237b !important;
    }

.layout-align-space-between-center.layout-row .height32 {
    height: 40px;
}

.scrollable.scroll-virtualrepeat.md-virtual-repeat-container.md-orient-horizontal.flex .md-button.md-default-theme.layout-fill.md-raised.md-primary md-icon,
.scrollable.scroll-virtualrepeat.md-virtual-repeat-container.md-orient-horizontal.flex .md-button.md-default-theme.layout-fill.md-raised.md-primary md-truncate {
    color: #1b292c !important;
}

.odd.lineHeight59.colorAccentA500 {
    color: #1b292c !important;
    font-weight: 700;
}


#betslip #betslipContent .md-button.md-default-theme.md-primary.md-raised.md-accent {
    color: rgb(251 197 1) !important;
}

#betslip .md-button.md-default-theme.md-primary.md-raised, .live-match-result {
    color: white !important;
}

#betslip .md-button.md-accent.md-raised {
    color: #fbc501 !important;
}


.flex-55 .layout-align-end-center.layout-row div {
    color: white !important;
}

.layout-align-space-between-center.layout-row[style="background: rgb(18, 30, 34); color: rgba(255, 255, 255, 0.87);"] {
    background-color: #1f363e !important;
}