﻿.betSlip-btn, .next-race-slider .race-item-title:before, .panel-block .panel-block-title:before, .main-event-title:before, .green_btn,
.carousel .slick-prev .prev-icon:after, .carousel .slick-prev .prev-icon:before, .carousel .slick-next .next-icon:after, .carousel .slick-next .next-icon:before {
    background-color: #f17c31;
}


    .betSlip-btn:hover, .betSlip-btn:focus, .green_btn:hover, .green_btn:focus {
        background-color: #ff6400;
    }


    .activeBet, .mobile-bet-trigger, .go-to-top, .seltop {
        background-color: #f17c31 !important;
    }

    .loader-clipper .loader-circle {
        border-color: #f17c31 #f17c31 transparent;
        color: #f17c31;
    }

    .betSlip-stake .betSlip-stake-return-value, .betSlip-bet-coef strong, .betting-slip .betSlipMultiPick__item, .bonusTxt, .top-coupons-list .coupons-list-item, .panel-right .tablist > li:not(.active):hover > a,
    .breadcrumbs .breadcrumbs-item .active, .top-coupons-list .coupons-list-item, .header-dropdown-wrap .header-dropdown-btn.btn-selected, .main-navigation > li > a:hover, .main-navigation > li > a:focus, loader-circle,
    .item-name, .special-offers-container .single-special-offer .modal-dialog .details-text h2, a {
        color: #f17c31;
    }

    .cashier a[href] :hover {
        text-decoration: underline;
    }

    .panel-right .tablist > li.active > a, .tablist > li.active > a, .panel-right .tab-content .tablist > li.active > a {
        border-bottom: 3px solid #f17c31;
    }

    .page-header-top .join-button {
        border: 3px solid #f17c31;
        background-color: #f17c31;
    }

        .page-header-top .join-button:hover, .page-header-top .join-button:focus {
            border: 3px solid #ff6400;
            background-color: #ff6400;
        }

.logo.logo-brand-en {
    background-image: url(../../Content/Images/mbet.io-logo.png?v=2) !important;
    /*filter: hue-rotate(160deg);*/
    /*filter: drop-shadow(2px 6px 6px #111322) hue-rotate(160deg);*/
}

    .mobile-header-link img {
        /*filter: drop-shadow(0px 0px 0px transparent) hue-rotate(160deg);*/
    }

    .silkImageTab, .teamsilk, .runner-icon {
        filter: drop-shadow(2px 6px 6px #111322);
    }

    img, .icon {
        filter: drop-shadow(2px 6px 6px #111322);
    }


    /*TODO EVALUATE*/
    #center-col-content {
        /*filter: drop-shadow(2px 4px 12px #222133);*/
    }

    .event-details .event-details-row, .event-details .event-details-inner, .event-details .event-details-side-left {
        overflow: initial !important;
        margin-bottom: 5px;
    }

    .fixedHighlight {
        border: 1px solid #00000014;
        background-color: #fdfff0;
    }

    /*NEWDESIGN*/



    body, .next-race-slider-loader, .site-loader {
        color: #e5e5e5;
        background-color: #282a3c;
    }


    /*EXPERIMENTAL*/
    input {
        background-color: #32374d !important;
        border-color: #494d5a !important;
        color: #f17c31 !important;
    }


    .mobile-header .mobile-header-inner, .page-header-top,
    .panel-left, .top-coupons-list .coupons-list-item, .all-sports-links .link-item,
    .panel-right, .panel-right .pinned, .main-event-title, .mobile-nav .mm-panel:not(.mm-hidden),
    .footer, .header-dropdown-wrap .header-dropdown-btn,
    .videoBar, .breadcrumbs, #tor-carousel .sports-item, #tor-carousel {
        background-color: #222133;
        color: #e5e5e5;
        /*box-shadow: 0 1px 0 #9DAAB3;*/
    }

    .betting-slip .heading, .betting-slip .ukSlipHeading {
        background-color: #32374d;
        color: #f17c31;
        /*font-weight: bold;*/
    }

    table .horse-row td {
        background-color: #282a3c !important;
    }

    thead .horse-row:first-child td {
        background-color: #222133 !important;
    }



    .page-header-bottom, .footer-section-3, .footer-section-4 {
        background-color: #2a2c3f;
    }

    .next-race-slider .race-item-title, .league-heading, .special-offers-container .single-special-offer .promo-details-modal-btn a {
        background-color: #32374d;
        color: #f17c31; /*Comment to revert to white*/
        /*font-weight: bold;*/
    }

    .carousel .slick-arrow {
        background-color: #32374d;
        color: #f17c31;
        /*border: 1px solid #f17c31;*/
    }

    .panel-block, .betting-slip, .quick-bets {
        border-bottom: 1px solid #494d5a59;
    }

    .footable.table-bordered > tbody > tr > td, .footable.table > thead > tr > td, .special-offers-container .single-special-offer .promo-details-modal-btn, .special-offers-container .single-special-offer .header {
        border: 1px solid #494d5a59 !important;
    }

    .next-race-slider .race-item .race-item-row {
        background: #2a2c3f;
        border-bottom: 1px solid #494d5a59;
    }

    .sports-carousel .sports-item:after {
        border-bottom: 4px solid #f17c31 !important;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
    }

    .race-item .race-item-row .race-detail--top, .sports-item .icon, .sports-carousel .sports-item .sports-item-details, .event-details, .event-details .event-details-time-sport-icon .event-details-game-time,
    .mobile-quick-nav .quick-nav-item .quick-nav-text, .mobile-bet-trigger, .go-to-top {
        color: #e5e5e5;
    }

    .activeBet, .seltop {
        color: #fff !important;
    }

    .events-for-league .event-wrapper {
        background: #2a2c3f;
        color: #e5e5e5;
    }

    .events-for-league .event-wrapper {
        border: 0px solid #2a2c3f;
        margin-bottom: 6px;
    }

    .bet-button {
        color: #f17c31;
        background-color: #32374d;
        overflow: hidden;
    }

    .race-item .race-item-viewall {
        background-color: #32374d;
        color: #f17c31;
        /*font-weight: bold;*/
    }

@media (hover: hover) {
    .bet-button:hover {
        background-color: #ff6400;
        color: #fff;
    }
}

.race-item .race-item-viewall:hover {
    background-color: #ff6400;
    color: #fff;
}

    .page-header-top .login-button:hover, .page-header-top .login-button:focus, .page-header-top .join-button:hover, .page-header-top .join-button:focus {
        border: 3px solid #ff6400;
        background-color: #ff6400;
        color: #fff;
    }

    .payment-list > li {
        border: 1px solid;
        border-color: #494d5a59 !important;
        background-color: #32374d !important;
        color: #e5e5e5;
    }

        .payment-list > li .payment-title {
            color: #e5e5e5 !important;
        }

.regheadbtn {
    background-color: #32374d;
    color: #f17c31 !important;
}
.plusBonus {
    font-size: 10px;
    color: #f17c31;
}

input.address {
    border: 1px solid;
    padding: 6px;
}

    /*Modal*/
    .modal-content {
        background: #222133;
        color: #e5e5e5;
    }

    .register_popup.popup-custom .modal-dialog, .register_popup .register_form .from-field {
        color: #f17c31;
        background-color: #32374d;
    }

    .modal-body a, .modal-body h1, .register_popup .register_form h1 {
        color: #f17c31;
    }

    .modal-body .lnk_btn {
        color: #e5e5e5 !important;
    }

    .register_popup .register_form button:hover {
        border: 2px solid #ececec;
    }

    .mobile-nav .icon {
        margin-right: 1px;
        margin-left: 0px;
        text-align: center;
    }

    .mm-listview .mm-listitem span:not(.icon) {
        margin-left: 5px;
    }

    .panel-left-inner .link-item-name {
        margin-left: 5px;
    }

    .betSlip-message-warning {
        color: #e5e5e5;
        font-weight: normal;
        background: #a02f2f;
    }

    .betSlip-checkbox .checkbox:checked + .i-checkmark {
        background-color: #32374d;
        border-color: #494d5a;
        background-image: url(../images/check-mark.svg);
        background-size: 14px 14px;
    }

    .betSlip-checkbox .i-checkmark {
        height: 22px;
        width: 22px;
        border: 2px solid #464a56;
        border-radius: 3px;
    }

    .betSlip-checkbox label:hover .i-checkmark {
        background-color: #32374d;
    }

    /*RACEMENU*/
    .white-tab > .tab-content {
        background-color: #2a2c3f;
        color: #e5e5e5;
    }

    .current-races .current-races-events .current-races-event {
        color: #f17c31;
        background-color: #32374d;
    }

        .current-races .current-races-events .current-races-event:hover, .race-table-row:hover {
            background-color: #5C6179;
            color: #f17c31;
        }

    .current-races .current-races--row {
        border-bottom: 10px solid #282a3c;
    }


    .current-races .redTint {
        background-color: #a02f2f !important;
    }

    .current-races .greenTint {
        background-color: #00563d !important;
    }

.current-races .current-races--row .current-races-place{
    border-bottom: none !important;
}
.event-odds .bigBtn a{
    background-color: #32374d;
    color: #f17c31;
    font-weight: bold;
}

    .event-odds .bigBtn a:hover, .event-odds .bigBtn a:focus {
        background-color: #ff6400;
        color: #fff !important;
    }

/*RACING*/
.raceing-table .shorting-table-head th.short-up a, .raceing-table .shorting-table-head th.short-down a, .raceing-table .shorting-table-head th a:hover {
    color: #e5e5e5;
}

    .racing-card .racing-card--header, .raceing-table .shorting-table-head th {
        background-color: #32374d;
        color: #f17c31;
    }

    .racing-card .racing-card--picker, .racing-card--dropdown, .racing-card--dropdown .filter-mobile-label {
        background-color: #2a2c3f;
    }

    .racing-card--event-box .event-time-btn {
        background-color: #32374d;
        color: #f17c31;
    }

    .racing-card .racing-card--header .card-header-text {
        border-bottom: 1px solid #f17c31;
    }

    .closed-event {
        background-color: #222133 !important;
        color: #e5e5e5 !important;
    }

    .racing-card--event-box .active {
        background-color: #333743 !important;
        /*font-weight: bold;*/
        border: 1px solid;
    }



    .raceing-tabs-wrap .tablist > li > a {
        background-color: #2a2c3f;
        color: #f17c31;
    }

        .raceing-tabs-wrap .tablist > li > a:hover {
            background-color: #32374d;
            color: #f17c31;
        }

    .raceing-tabs-wrap .tablist > li.active > a {
        color: #e5e5e5;
        background-color: #32374d;
        border-bottom: 4px solid #f17c31;
    }

    .racing-card--subheader .card-header-event-name {
        color: #e5e5e5;
    }

    .raceing-table td, .raceing-table .shorting-table-head th {
        border-bottom: 1px solid #494d5a59;
    }


    .raceing-tabs-wrap .tablist > li {
        flex: 1 0;
    }

    .quin .raceing-table td .bet-button, .exa .raceing-table td .bet-button, .tri .raceing-table td .bet-button, .four .raceing-table td .bet-button {
        min-width: 20px;
    }


    .suspendBar {
        color: #e5e5e5;
        font-weight: normal;
        background: #a02f2f;
    }

    span.race-detail-ttg {
        /*color: #4dd052;*/
        color: #4a9a00;
    }

    .runner-form-row {
        background-color: #222133;
        color: #e5e5e5;
    }

    .formTable tbody tr:nth-child(odd) {
        /*background-color: #32374d;*/
    }

    .raceing-table .formLabel, .raceing-table .formTableLabel {
        color: #f17c31 !important;
    }

.race-selections {

    border: 2px solid #f17c31;
    color: #f17c31;
}

    .race-runner-form .race-runner-form-row .race-runner-form-item {
        /* Firefox */
        width: -moz-calc(25% - 20px);
        /* WebKit */
        width: -webkit-calc(25% - 20px);
        /* Opera */
        width: -o-calc(25% - 20px);
        /* Standard */
        width: calc(25% - 20px);
        border-radius: 4px;
        background-color: #32374d;
        margin: 10px;
    }

    .exoticHead {
        text-align: center !important;
        color: #e5e5e5 !important;
    }

.white-tab .tablist > li {
    height: auto;
    min-width: 60px;
}

    .comment-row.first .trainer, .comment-row.first .siredam {
        /* Firefox */
        width: -moz-calc(40% - 40px);
        /* WebKit */
        width: -webkit-calc(40% - 40px);
        /* Opera */
        width: -o-calc(40% - 40px);
        /* Standard */
        width: calc(40% - 40px);
        border-radius: 4px;
        background-color: #32374d;
        margin: 10px;
    }

    .addBslipOpt {
        width: 100%;
    }

        .addBslipOpt .bet-button {
            width: 50%;
        }

    .btn.disabled, .btn[disabled], fieldset[disabled] .btn {
        pointer-events: none;
        cursor: not-allowed;
        opacity: .65;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .btn-green {
        color: #e5e5e5;
        background: #00563d;
        border-radius: 0px;
    }


    .btn-grey {
        color: #e5e5e5;
        background: #a02f2f;
        border-radius: 0px;
    }

        .btn-grey:hover {
            background: #bf3a3a;
        }

    .btn-green:hover {
        background: #017b58;
    }

    @media (max-width: 500px) {
        .comment-row.first .runner-details.trainer, .comment-row.first .siredam {
            width: 50% !important;
            background-color: transparent;
            margin: 0px;
        }
        /*.comment-row.first .siredam {
        float:right;
    }*/
    }


    @keyframes ripple {
        100% {
            -moz-transform: scale(2.5);
            -ms-transform: scale(2.5);
            -o-transform: scale(2.5);
            -webkit-transform: scale(2.5);
            transform: scale(2.5);
        }
    }

    @-o-keyframes ripple {
        100% {
            -moz-transform: scale(2.5);
            -ms-transform: scale(2.5);
            -o-transform: scale(2.5);
            -webkit-transform: scale(2.5);
            transform: scale(2.5);
        }
    }

    @-moz-keyframes ripple {
        100% {
            -moz-transform: scale(2.5);
            -ms-transform: scale(2.5);
            -o-transform: scale(2.5);
            -webkit-transform: scale(2.5);
            transform: scale(2.5);
        }
    }

    @-webkit-keyframes ripple {
        100% {
            -moz-transform: scale(2.5);
            -ms-transform: scale(2.5);
            -o-transform: scale(2.5);
            -webkit-transform: scale(2.5);
            transform: scale(2.5);
        }
    }

    .ink {
        display: block;
        position: absolute;
        background: #f1db31;
        border-radius: 100%;
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
        overflow: no-display;

    }

        .ink.animate {
            opacity: 0;
            -webkit-animation: ripple .65s linear;
            -moz-animation: ripple .65s linear;
            -o-animation: ripple .65s linear;
            animation: ripple .65s linear;
            -moz-transition: opacity .65s linear;
            -webkit-transition: opacity .65s linear;
            -o-transition: opacity .65s linear;
            transition: opacity .65s linear;

        }


.futMeeting:hover td, .ntjnav:hover td {
    background-color: #222133 !important;
    cursor: pointer;
}

.futTable table td, .ntjnav table td {
    border-bottom: 1px solid #494d5a;
}

.cam-meet {
    color: #ce6f36;
}