/* ---- css/style.css ---- */
.message-tabs-menu .selected {
    background-color: #6D6D6D;
}

.message-tabs-menu .selected a {
    color: #fff;
}

.messagelist {
    height: 500px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.messagebody {
    word-wrap: break-word;
    text-align: left;
}

.eStakeHover {
    background: #e5e4d5 !important;
    background: linear-gradient(to bottom, #e5e4d5 0%, #fcfcf9 100%) !important;
}

.common-bg {
    background: #fcfcf9;
    background: linear-gradient(to bottom, #fcfcf9 0%, #e5e4d5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcf9', endColorstr='#e5e4d5', GradientType=0);
}

.message {
    background: #d9dde1;
    color: #000;
    border-radius: 5px;
    padding: 5px;
    margin: 5px;
}

.cashcnt {
    bottom: 20px !important;
    top: -13px !important;
}

.message-pages div {
    display: inline-block;
}

.message-pages {
    overflow: hidden;
}

.messagepages {
    background: #fff;
    color: #000;
}

.mprevpage,
.mnextpage {
    background: #fff;
    border-radius: 5px;
    padding: 5px;
    color: #000;
}

.state0 {
    font-weight: bold;
}

.messagepages div {
    display: inline-block;
}
.white{
    color: #fff;
}
.mt-20{
    margin-top: 20px;
}
.bold{
    font-weight: bold;
}
.confirm-button {
    background: green;
    color: #fff;
    padding: 5px;
    cursor: pointer;
}

.message-tabs-menu ul li {
    display: inline-block;
    background: #fff;
    padding: 5px;
}

.redbg {
    background: red;
}

.graybg {
    background: gray;
}

.new-message-cnt {
    color: #fff;
    font-weight: bold;
    padding: 3px;
    right: 0px;
    bottom: -10px;
}

.pr {
    position: relative;
}

.message-tabs-menu {
    margin: 5px 0px;
}

.message-tabs-menu ul li a {
    text-decoration: none;
    color: #000;
}

.close-teamsel {
    right: 32px;
    top: -1px;
    background: #fff;
    padding: 5px 9px;
    font-size: 18px;
    border-radius: 48%;
}

.teamname-selection {
    background: #1C8BB6;
}

.dropdown-display {
    padding: 2px 10px;
    outline: 0;
    border-radius: 5px;
    width: 174px;
    color: #fff;
    border: 0px;
    height: 48px;
    font-size: 11px;
    text-align: left;
    text-transform: uppercase;
    background: url('../img/dropback.png');
}

.searchWidth {
    width: 36% !important;
}

.resultWidth {
    width: 30% !important;
}

.rsltCat,
.searchBox {
    transition: all 1s ease;
}

.fromToDate.ticketViewDate {
    z-index: 1 !important;
    position: absolute !important;
    top: 15px !important;
    left: 17px !important;
    width: 97.2%;
    right: 15px;
}

.financeContainer.ticketViewCont {
    z-index: 0;
    position: relative !important;
    top: 62px !important;
}

.history-back {
    background: #102c3a url('../img/tickethistory-back.png') no-repeat !important;
    background-size: cover;
}

.ticketsep {
    width: 5px;
    height: 49px;
    float: right;
    background: url('../img/tickethistory-border.png');
}

.ticketViewCont {
}

.i-label {
    position: absolute;
    left: 8px;
    top: 2px;
}

.history-form-el.fl {
    position: relative;
    font-size: 11px;
    text-transform: uppercase;
}

/* SPECIAL LIGHTWEIGHT GRID SYSTEM */
.avoid-clicks {
    pointer-events: none;
}

.table-longterm tr {
    width: 49.8%;
    float: left;
    border-right: 3px solid #202020;
    border-bottom: 3px solid #202020 !important;
}

.long-question {
    text-align: center;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 24px;
}

.table-longterm .resultA {
    float: right;
    margin-right: 50px;
}

.row:before,
.row:after {
    content: "";
    display: table;
    clear: both;
}

.ticketViewCont,
.ticketViewDate {
    background-color: #1c4153 !important;
    background: url('../img/background.jpg') !important;
    background-size: cover;
}

.ticketViewDate input[type=submit] {
    background: url('../img/tickethistory-button.png') no-repeat;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    padding: 0px;
    height: 43px;
}

.ticketViewDate input {
    color: #fff;
    border: 0px;
    height: 48px;
    text-align: right;
    font-size: 12px;
    background: url('../img/tickethistory-input.png');
}

.ticketView thead {
    background: url('../img/ticketviewtitle.png') repeat-x !important;
    font-size: 10px;
    padding: 10px 0px 0px 0px;
    text-transform: lowercase;
}

.ticketView th {
    float: left;
    font-size: 11px;
    text-transform: uppercase;
}

.ticketView th:nth-child(8) {
    width: 14% !important;
}

.ticketView span {
    float: left;
    padding: 10px 0px 0px 0px;
    width: 95%;
    height: 49px;
    text-align: center;
}

.close-btn-lmt {
    position: absolute;
    top: 0px;
    background: #fff;
    right: 4px;
    padding: 1px 5px;
    z-index: 9999;
    font-weight: normal;
    cursor: pointer;
    border-radius: 100%;
}

.top0 {
    top: 0px !important;
}

.slidembets {
    position: relative;
}

.clearfix {
    content: "";
    display: table;
    clear: both;
}

.keyboard {
    background: transparent url('../img/keyboard.png') no-repeat;
    width: 45%;
    background-size: 70px;
    cursor: pointer;
    float: left;
}

[class*='box-'] {
    float: left;
    min-height: 1px;
}

[class*='topbox-'] {
    float: left;
    min-height: 1px;
}

.box-1,
.box-2,
.box-3,
.box-4 {
    width: 100%;
}

.cardcontainer input {
    padding: 10px;
    width: 250px;
    display: block;
    margin: 10px auto;
}

.cardcontainer input[type="submit"] {
    width: 276px !important;
    border: 0px !important;
    background-color: #277322;
    color: #fff;
}

.number_cell {
    padding-right: 1px;
    padding-left: 1px;
    width: 180px;
    text-align: center;
}

html {
    height: 100%;
}

.fl {
    float: left;
}

.fr {
    float: right !important;
}

.bgbordered {
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    border-left: 1px solid #000000;
    padding: 5px;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#565664), to(#181822));
    border-radius: 5px;
    margin-top: -5px;
}

.bgborderedFav {
    display: flex;
    border: 1px solid #000000;
    padding: 5px;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#565664), to(#181822));
    border-radius: 5px;
    font-size: 13px;
    align-content: center;
    float: left;
    margin-top: -5px;
}

.bgborderedFav.active {
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#868A9B), to(#484B57));
}

.bgborderedFav span{    
    margin-left: 10px;
    margin-top: -5px;
}

.time,
.number {
    font-size: 12px;
    font-style: normal !important;
    display: block;
    word-break: break-word;
    line-height: 12px;
    margin-bottom: 5px;
}

.barcode {
    font-size: 10px;
    font-style: italic;
    display: block;
    line-height: 10px;
}

/* MEDIA QUERIES */
.rmenu {
    display: flex;
    right: 0px;
    color: #fff;
    left: 0px;
}

.lngHome {
    float: right !important;
    width: 10% !important;
}

.itemContainer div:nth-child(2n+3) {
    background-color: #37353e;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.resultGame {
    padding: 5px 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
}

.result-time {
    width: 40px;
}

.result-player {
    padding: 0 5px;
    min-width: 40%;
}

.result-action {
    width: 30px;
    background: none !important;
}

.result-action img {
    width: 20px;
}

.scrbutton {
    width: 36%;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#565664), to(#181822));
    padding: 14px 0px 0px 0px;
    height: 34px;
    border-radius: 5px;
    float: left;
    margin: 11px 3px;
}

.terminalCurs .scrbutton {
    cursor: none;
}

.scrbuttonHover {
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#181822), to(#565664)) !important;
}

.scrollDown img {
    -ms-transform: rotate(-180deg);
    /* IE 9 */
    -webkit-transform: rotate(-180deg);
    /* Chrome, Safari, Opera */
    transform: rotate(-180deg);
}

/*Added by mfc3370*/
.bottomContainerBig img {
    height: 50%;
    padding-bottom: 2px;
    margin-top: 5px;
}

@media only screen and (min-width: 1024px) and (max-width: 1030px) {
    .lngpst {
        padding: 5px 4px !important;
    }

    .languagePopup > li {
        margin: 4px 0px !important;
        margin-left: 3px !important;
    }

    .languagePopup > li > img {
        padding: 0px 1px 0px 0px !important;
    }
}

@media only screen and (min-width: 1024px) {

    .homeTeam,
    .guestTeam {
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
    }

    .itemContainer {
        margin: 0px auto;
        width: 100%;
        background: #201e28;
        border: solid 1px #100f14;
        color: #FFF;
        overflow-y: scroll;
        height: 75vh;
        margin-bottom: 5px;
    }

    .termBigBg .itemContainer {
        height: 67vh;
    }

    .gameResult .gameBlueBg-Res .gameTime p {
        font-size: 12px !important;
    }

    .teamNameContainer {
        padding: 15px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        font-size: 14px;
    }

    .teamname {
        width: 50%;
    }

    .navContainer {
        width: 15%;
        float: right;
        font: 12px Arial;
        margin: 0px 0% 0px 0px;
    }

    .languageSelect,
    .settings,
    .nickGround {
        margin: 0px 2% 0px 0px;
    }

    .settings {
        width: 9% !important;
    }

    .nickGround {
        width: 47% !important;
    }

    .logOut {
        width: 50% !important;
    }

    .mainitem {
        width: 300px !important;
        padding: 40px 0 40px;
        display: inline-block;
        zoom: 1;
        text-align: center;
        vertical-align: top;
    }

    .rsltCat {
        float: left !important;
    }

    .searchBox {
        width: 18%;
    }

    .srchbx {
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#565664), to(#181822));
        margin: 0px !important;
    }

    .cpnContainer {
        width: 19% !important;
        float: right !important;
        margin: 1px 0px 0px 0px;
    }

    .pageContainer {
        width: 80% !important;
        border-radius: 0 0 0 5px;
        margin-top: 10px;
    }

    .pageContainer select {
        width: 100% !important;
    }

    .rightDate {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .leftDate {
        display: flex;
        align-items: center;
        flex-direction: row;
    }

    .titlesContainer {
        display: block !important;
    }

    .resultCat li,
    .rmenu li {
        border-top: 1px solid #000000;
        border-right: 1px solid #000000;
        border-left: 1px solid #000000;
        border-radius: 4px 4px 0 0;
        overflow: hidden;
    }

    .resultCat li {
        padding: 0 0.5rem;
    }

    .bottomMenu ul li {
        margin-top: 0px !important;
    }

    #gamesContainer .gTime {
        width: 53px;
        word-break: break-all;
        padding-top: 5px;
    }

    #gamesContainer .gFavorite {
        width: 40px;
        align-content: center;
    }

    .favButton {
        cursor: pointer;
        padding: 5px 15px;
        color: #fff;
        margin-left: 15px;
        height: 26px;
        align-items: center;
    }

    .favButton.disabled {
        opacity: 0.75;
        cursor: default;
    }

    #gamesContainer .gFavorite .icon{
        width: 20px;
        margin: auto;
        cursor: pointer;
    }    

    .emptyBox {
        float: left;
        min-height: 1px;
        width: 9%;
    }

    .leagueName {
        float: left;
    }

    .icon_flag {
        float: left;
    }
}

@media only screen and (min-width: 768px) {

    .box-1,
    .box-2 {
        width: 50%;
    }
}

.gameResult .homeTeam,
.gameResult .guestTeam {
    width: 50%;
    float: left;
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    /*.box-1, .box-2 {
			width: 50%;
		}*/
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    /*.box-1, .box-2 {
			width: 50%;
		}*/
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .navContainer {
        width: 50%;
        float: right;
        font: 12px Arial;
        margin: 0px 2% 0px 0px;
    }

    .languageSelect,
    .settings,
    .nickGround {
        margin: 0px 0.2% 0px 0px;
    }

    .languageSelect {
        width: 24.8% !important;
    }

    .settings {
        width: 7% !important;
    }

    .nickGround {
        width: 47% !important;
    }

    .logOut {
        width: 20.6% !important;
    }

    .mainitem {
        width: 300px !important;
        padding: 40px 0 40px;
        display: inline-block;
        zoom: 1;
        text-align: center;
        vertical-align: top;
    }

    .searchBox {
        width: 37% !important;
    }

    .srchbx {
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#565664), to(#181822));
        margin: 0px !important;
    }

    .rightMenu {
        width: 33% !important;
    }

    .cpnContainer {
        width: 19% !important;
        float: right !important;
        margin: 1px 0px 0px 0px;
    }

    .pageContainer {
        width: 78% !important;
        border-radius: 0 0 0 5px;
        padding: 10px;
    }

    .pageContainer select {
        width: 100px !important;
    }

    .rightDate {
        float: left;
        width: 50.5%;
    }

    .selectCatContainer {
        float: left;
    }

    .cpnMenu li {
        width: 45% !important;
    }

    .ngoal {
        display: none !important;
    }

    .lperiod {
        font-size: 11px !important;
    }

    .mrate2 {
        display: none;
    }

    .leftDate {
        width: auto !important;
    }

    .titlesContainer {
        display: block !important;
    }

    .resultCat li,
    .rmenu li {
        border-top: 1px solid #000000;
        border-right: 1px solid #000000;
        border-left: 1px solid #000000;
        border-radius: 4px 4px 0 0;
        overflow: hidden;
    }

    .resultCat li {
        width: 27% !important;
    }

    .bottomMenu ul li {
        border-radius: 0 0 5px 5px;
        margin-top: 0px !important;
    }

    #gamesContainer .gTime {
        width: 53px;
        word-break: break-all;
    }

    .emptyBox {
        float: left;
        min-height: 1px;
        width: 9%;
    }
}

/**********
iPad 3
**********/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .navContainer {
        width: 30%;
        float: right;
        font: 12px Arial;
        margin: 0px 2% 0px 0px;
    }

    .languageSelect,
    .settings,
    .nickGround {
        margin: 0px 0.2% 0px 0px;
    }

    .languageSelect {
        width: 24.8% !important;
    }

    .settings {
        width: 7% !important;
    }

    .nickGround {
        width: 47% !important;
    }

    .logOut {
        width: 20.6% !important;
    }

    .mainitem {
        width: 300px !important;
        padding: 40px 0 40px;
        display: inline-block;
        zoom: 1;
        text-align: center;
        vertical-align: top;
    }

    .searchBox {
        width: 37% !important;
    }

    .srchbx {
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#565664), to(#181822));
        margin: 0px !important;
    }

    .rightMenu {
        width: 33% !important;
    }

    .cpnContainer {
        width: 19% !important;
        float: right !important;
        margin: 1px 0px 0px 0px;
    }

    .pageContainer {
        width: 79% !important;
        border-radius: 0 0 0 5px;
        padding: 10px;
    }

    .pageContainer select {
        width: 100% !important;
    }

    .rightDate {
        float: left;
        width: 50.5%;
    }

    .selectCatContainer {
        float: left;
    }

    .leftDate {
        width: auto !important;
    }

    .titlesContainer {
        display: block !important;
    }

    .resultCat li,
    .rmenu li {
        border-top: 1px solid #000000;
        border-right: 1px solid #000000;
        border-left: 1px solid #000000;
        border-radius: 4px 4px 0 0;
        overflow: hidden;
    }

    .resultCat li {
        width: 27% !important;
    }

    .bottomMenu ul li {
        border-radius: 0 0 5px 5px;
        margin-top: 0px !important;
    }

    #gamesContainer .gTime {
        width: 53px;
        word-break: break-all;
    }

    .emptyBox {
        float: left;
        min-height: 1px;
        width: 9%;
    }
}

.rmenu li {
    padding: 0px 7px 0px 7px;
}

.cards {
    height: 19px;
}

/* SITE WRAPPER */
body {
    text-align: center;
    margin: 0;
    background: #101010 url('../img/bg.png') repeat;
    padding: 0;
    height: 100%;
    font: normal 100%/120% Arial;
}

.betOdd .active,
.special_bet_item .active,
.matchRate .active,
.spbetOdd .active,
.betDoubleOdd .active {
    color: #000 !important;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#C0BC23), to(#E6E051)) !important;
}

#tcwrapper {
    height: 100vh;
}

.special_arrow {
    background: url('../img/arrow.png');
    height: 17px;
    width: 11px;
    margin: 1px 7px 0px 0px;
    float: left;
}

.overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9999;
}

.overlayauth div {
    pointer-events: all;
}

.overlay-ph {
    margin-top: 63% !important;
}

.openButton {
    float: right;
    margin-top: 69px;
}

.openButton a {
    text-decoration: none;
    color: #000;
    font-size: 20px;
    font-weight: bold;
    background: #fff;
    border-radius: 5px;
    padding: 15px;
    text-transform: uppercase;
}

.optionsContainer {
    margin: 10px 0px;
    color: #fff;
    display: flex;
}

.tvOptions {
    min-width: 400px;
    width: 50%;
    text-align: left;
    font-size: 21px;
    display: flex;
    align-items: center;
}

.tvOptions a {
    text-decoration: none;
    color: #000;
    font-size: 21px;
    font-weight: bold;
    background: #fff;
    border-radius: 5px;
    margin: 0px 4px;
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tvOptions .selected {
    background: #0066c8;
    color: #fff;
}

.pageOptions,
.freeOption {
    min-width: 250px;
    width: 50%;
    font-size: 22px;
    height: 40px;
    display: flex;
    align-items: center;
}

.freeOption label {
    margin-left: 10px;
}

.pageOptions span {
    margin-right: 10px;
}

.sportOptions img {
    padding: 5px;
    margin: 50px 10px;
    border-radius: 10px;
    border: 1px solid #fff;
}

.sportOptions a.selected img {
    background: #fff;
}

.sportOptions a:hover img {
    background: transparent;
}

.sportOptions {
    width: 70%;
}

.pageOptions select {
    background: #fff;
    margin: 5px 0px;
    height: 30px;
    color: #000;
}

.openButton a:hover {
    background: #f5f5f5;
}

.seperator {
    border-bottom: 1px solid #FFF;
    border-radius: 5px;
}

.overlay p {
    margin-top: 7%;
    font-size: 22px;
    color: #fff;
    font-weight: bold;
    line-height: 25px;
}

#wrapper {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: absolute;
    background: url('../img/bg.png') repeat;
}

#wrapperlive {
    position: absolute;
    margin: 0 auto;
    top: 50%;
    width: 82%;
    margin-top: -250px;
    left: 7.5%;
}

.termBigBg .matchRate {
    margin-top: 4.5px;
    margin-bottom: 3px;
}

.termBigBg .time,
.termBigBg,
.termBigBg .number,
.termBigBg .gameFont {
    font-size: 18px !important;
}

.termBigBg .time {

    word-break: break-word;
    line-height: 20px;
    margin-bottom: 0 !important;
}

.termBigBg .barcode {
    font-size: 18px;
    font-style: italic;
    display: block;
}

.termBigBg .mrate1,
.termBigBg .mrate2,
.termBigBg .oundr {
    width: 165px !important;
}


.termBigBg .game {
    min-height: 63px !important;
}

.termBigBg .league {
    font-size: 16px !important;
    top: 35px !important;
}

.termBigBg .halfTime {
    font-size: 11px;
}

.termBigBg .matchRate a {
    height: 43px !important;
    width: 53px !important;
    font-size: 18px !important;
    line-height: 42px !important;
}

.terminalCurs .matchRate a {
    cursor: none;
}

.terminalCurs .addStakeLink {
    cursor: none;
}

.terminalCurs .cpnContent a {
    cursor: none;
}

.terminalCurs {
    cursor: url('../img/blank.png'), none;
}

.loginMain {
    height: 100% !important;
}

.bgWhite {
    background: none !important;
    background-color: #C7C7CF !important;
}

.checkcppn.active {
    background: #309443 !important;
}

/* LANGUAGE SELECT MENU */
.languageSelect {
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#484B57), to(#868A9B));
    border-radius: 0px 0px 2px 2px;
    text-align: center;
    color: white;
    font: 11px Arial;
    width: 49%;
    padding: 3.4px 0px;
    height: 26px;
    float: left;
    cursor: pointer;
}

.languageSelect > p {
    padding-left: 12%;
}

.flag-tr {
    background: url('../img/tr.png') no-repeat;
    height: 15px;
    width: 13px;
    float: left;
}

.lngpst {
    position: relative;
    padding: 8px 9px;
}

.positioner {
    position: relative;
    float: left;
}
.pointer {
    cursor: pointer;
}
.selected img {
    float: left;
}

.selector {
    background: url('../img/selector_bg.gif') no-repeat left center;
    height: 20px;
    float: left;
    width: 10px;
    margin-top: -4px;
}

#language {
    display: none;
    -webkit-transition: all linear 1.5s;
    transition: all linear 1.5s;
}

.languagePopup {
    width: 100%;
    margin-top: 7px;
    left: 0px;
    background-color: #838798;
    border-radius: 0 0 2px 2px;
    text-align: left;
    cursor: pointer;
    overflow: hidden;
    z-index: 21;
    position: absolute;
}

.hidden {
    display: block !important;
}

.w100 {
    width: 100% !important;
}

.nhidden {
    display: none;
}

.keyhid {
    display: none !important;
}

.bottomArea {
    top: 8px !important;
    transition: all linear 0.5s;
}

.bottomZero {
    transition: bottom linear 0.5s;
    bottom: 0px !important;
}

.languagePopup > li {
    text-align: center;
    width: 100%;
    height: 20px;
    margin: 10px 0px;
    margin-left: 18px;
}

.languagePopup > li > a {
    text-decoration: none;
    color: #fff;
    cursor: pointer;
    float: left;
    font: 12px Arial;
}

.languagePopup > li > img {
    float: left;
    padding: 0px 14px 0px 0px;
}

/* LOGO AND LOGIN AREA */
.logo {
    max-width: 100%;
    height: 150px;
}

.loginArea {
    margin-top: -100px;
}

.logInText {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    font-family: Arial, Arial, sans-serif;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 2rem;
}

.loginForm {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.loginForm .button_con {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 40%;
}

.loginForm a {
    text-decoration: none;
    color: #fff;
    font-family: Arial, sans-serif;
    font-weight: bold;
}

.loginForm > input {
    padding: 3px 5px;
    color: #333;
    display: block;
    border: 1px solid #fff;
    background: transparent url('../img/input.png') repeat-x;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    width: 40% !important;
    height: 31px;
    font: italic 100%/120% Arial, Arial, Helvetica, sans-serif;
    margin-bottom: 35px;
}

.loginForm .button_con > input[type="button"] {
    width: 30%;
    float: left;
    color: #fff;
    text-decoration: none;
    margin-right: 10px;
    margin-left: -7.5px;
    height: 43px;
    text-align: center;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #000;
    cursor: pointer;
    background: #868a9b;
    background: linear-gradient(to bottom, #868a9b 0%, #787c90 5%, #75798d 8%, #74798d 10%, #6f7387 15%, #65697a 33%, #565968 50%, #4e515e 63%, #4e515e 65%, #4a4d5a 68%, #484b57 75%, #484b57 98%, #3f414c 100%);
}

.loginForm .button_con > .cancel {
    margin-left: 0px !important;
    padding-top: 5px;
    width: 40% !important;
    float: left;
    background: #d69e7b;
    background: linear-gradient(to bottom, #d69e7b 0%, #cb7c52 3%, #c36c47 5%, #c16444 10%, #bf5540 15%, #b94136 25%, #ad2f25 43%, #a12822 50%, #941f1d 63%, #86201d 75%, #871e1b 78%, #85211e 100%) !important;
    overflow: hidden;
    height: 22px;
}

.loginForm {
    position: relative;
}

.loginForm > a {
    margin: 11px 40% 0 0;
    position: relative;
    left: 12px;
    top: 13px;
    color: #fff;
}

.pageDates {
    width: 93%;
    height: 45px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

/*
	MAIN MENU
	*/
.settings {
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#484B57), to(#868A9B));
    width: 25%;
    float: left;
    padding-top: 7px;
    height: 26px;
    cursor: pointer;
}

.nickGround {
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#484B57), to(#868A9B));
    float: left;
    text-align: center;
    width: 25%;
    padding-top: 7px;
    height: 26px;
    color: #fff;
    font-weight: bold;
    line-height: 24px;
}

.financeTable {
    width: 100%;
    table-layout: fixed;
}

.financeTable thead {
    background: #000;
    top: 146px;
    z-index: 9999;
    height: 36px;
}

.financeTable tr {
    cursor: pointer;
}

.financeTable th {
    width: 9.5%;
    text-align: center;
}

.financeSubTable {
    table-layout: fixed;
    width: 100%;
    background: #22273A;
}

.financeSubTable tr {
    padding: 5px 0px;
}

.financeSubTable th {
    text-align: center;
}

.logOut {
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#692727), to(#BD4C4C));
    float: left;
    width: 25%;
    height: 33px;
    color: #fff;
    line-height: 34px;
    cursor: pointer;
    font-size: 12px;
    text-decoration: none;
}

.mainmenu {
    padding: 5%;
}

.cashbox,
.ticketcheck,
.customerdisplay,
.livedisplay,
.pdfmenu,
.financemenu {
    width: 92.6%;
}

.financeMenuContainer {
    margin-top: 51px;
}

.ticketdetailsbtn {
    overflow: hidden;
    position: absolute;
    top: 0px;
    height: 80px;
    right: 0px;
    left: 0px;
    padding-bottom: 7px;
    background: #012f5d;
    -webkit-box-shadow: 1px 3px 18px -4px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 1px 3px 18px -4px rgba(0, 0, 0, 0.75);
    box-shadow: 1px 3px 18px -4px rgba(0, 0, 0, 0.75);
}

div.LeagueInfoContainer {
    font-size: 10px;
}

.landtitle {
    float: left;
}

.ticketdetailsbtn div {
    display: inline-block;
}

div.ticket {
    position: absolute;
    top: 90px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    overflow: scroll;
}

.mainmenu a {
    text-decoration: none;
}

.mainmenu a:hover h1 {
    color: #fff;
}

.cashbox a h1,
.ticketcheck a h1,
.customerdisplay a h1,
.livedisplay a h1,
.pdfmenu a h1,
.financemenu a h1 {
    color: #e0e0e2;
    font-size: 30px;
    margin-bottom: 5px;
    font-weight: bold;
}

.cashbox a p,
.ticketcheck a p,
.customerdisplay a p,
.livedisplay a p,
.pdfmenu a p,
.financemenu a p {
    font-style: italic;
    width: 63%;
    padding-left: 18%;
    font-size: 11px;
    text-align: center;
    color: #fff;
}

.teamsCheck {
    text-align: left;
}

/*****
		PAGE DESIGNS
		*****/
.financeMenu {
    display: flex;
    flex-wrap: wrap;
}

.financeMenu li {
    width: auto !important;
    min-width: 140px;
    float: left;
    padding: 0px 12px;
    margin: 0px 5px 0px 0px;
    box-sizing: border-box;
}

.financeMenu li:hover {
    cursor: pointer;
}

.financeMenu li a {
    font-weight: bold;
    cursor: pointer;
}

.financeMenu li.active {
    background: #868a9b;
    background: linear-gradient(to bottom, #868a9b 0%, #6e7285 26%, #5b5f6e 54%, #505361 70%, #484b57 83%);
}

.financeContainer {
    padding: 80px 0px 52px 0px;
    color: #fff;
    position: absolute;
    top: 99px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: scroll;
}

.financeTable tr {
    border-bottom: 1px solid #666;
}

.financeTable td {
    padding: 5px 0px;
    width: 9.2%;
}

.financeTable .goldenrace-payout-button {
    width: auto;
    min-width: 72px;
    margin: 0;
    padding: 5px 8px;
    white-space: nowrap;
}

.financeTable .goldenrace-payout-button .loading-icon {
    margin: 0 auto;
}

.id-validation-popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 255, 0.6);
    font-family: Arial, Helvetica, sans-serif;
    padding: 12px;
    box-sizing: border-box;
    z-index: 10000;
}

.id-validation-popup .validation-box {
    position: relative;
    width: 100%;
    max-width: 420px;
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 6px 22px rgba(0, 0, 0, .4);
}

.id-validation-popup .close-button {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #888;
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    cursor: pointer;
}

.id-validation-popup .close-button:hover {
    background: #666;
}

.id-validation-popup form h3 {
    margin: 0 0 12px;
    padding-right: 32px;
    color: #111;
    font-size: 18px;
}

.id-validation-popup label {
    display: block;
    margin: 8px 0 5px;
    color: #333;
    font-size: 14px;
}

.id-validation-popup .required {
    color: #c00;
}

.id-validation-popup input {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
    box-sizing: border-box;
}

.id-validation-popup .error-message {
    color: #c00;
    margin: 8px 0 0;
    font-size: 12px;
}

.id-validation-popup .validation-actions {
    display: flex;
    margin-top: 14px;
}

.id-validation-popup .validate-button {
    flex: 1;
    padding: 11px;
    border: 0;
    border-radius: 5px;
    background: #1a8f2e;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
}

.id-validation-popup .validation-status {
    text-align: center;
    color: #111;
    font-size: 14px;
}

.fromToDate input,
.fromToDate select {
    padding: 5px;
    outline: 0;
    border-radius: 5px;
    width: 174px;
}

.fromToDate input[type=submit] {
    width: 120px;
}

.languageNavbar li a {
    text-decoration: none;
    color: #fff;
}

.languageNavbar li {
    width: 150px;
    height: 150px;
    background: rgba(94, 94, 94, 1);
    border-radius: 5px;
    text-align: center;
    display: inline-block;
    line-height: 130px;
    margin: 0px 9px;
}

.resultCat li {
    height: 40px;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#565664), to(#181822));
    color: #FFFFFF;
    text-decoration: none;
    font: 13px/42px Arial;
    text-align: center;
    display: flex;
}


.rmenu li,
.financeMenu li {
    height: 40px;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#565664), to(#181822));
    color: #FFFFFF;
    text-decoration: none;
    font: 13px/42px Arial;
    text-align: center;
    display: inline-block;
}

.resultCat li a,
.rmenu li a,
.financeMenu li a {
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

.resultCat li.livetab a {
    color: #fff;
}

.resultCat li.livetab.active {
    background: linear-gradient(to bottom, #36a844, #2d8d41);
}

.resultCat li.esporttab.active {
    background: linear-gradient(to bottom, #36a844, #2d8d41);
}

.resultCat li.sporttab.active a {
    color: #fff;
}

.resultCat li.sporttab.active {
    background: linear-gradient(to bottom, #05498d, #023363);
}

.resultCat li.sporttab a {
    color: #fff;
}

.resultCat li.resultstab.active {
    background: linear-gradient(to bottom, #9a0000, #630000);
}

.resultCat li.resultstab a {
    color: #fff;
}

.resultCat li.highlighttab.active {
    background: #5600e0;
    background: linear-gradient(to bottom, #B59601 1%, #887700 99%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B59601', endColorstr='#887700', GradientType=0);
    /* IE6-9 */
}

.resultCat li.topligentab.active {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2c539e+0,2c539e+100;Blue+3D+%232 */
    background: #2c539e;
    background: linear-gradient(to bottom, #2c539e 0%, #2c539e 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c539e', endColorstr='#2c539e', GradientType=0);
    /* IE6-9 */
}

.LIVETAB,
.Live {
    background: #36a844;
}

.SPORTTAB {
    background-color: #0446a6;
}
.ESPORTTAB {
    background-color: #36a844;
}
.TOP {
    background-color: #0446a6;
}

.HIGHLIGHT {
    background-color: #978100;
}

.RESULTSTAB {
    background-color: #9a0000;
}

.esportsicon{
    height: 19px;
    margin: 0;
    background-size: 18px;
    width: 18px;
    float: left;
    margin-right: 3px;
}
.resultCat li:nth-child(2) a {
    color: #fff;
}

.resultCat li:last-child a {
    color: #FFFFFF
}

.srchbx {
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    border-left: 1px solid #000000;
    height: 40px;
    margin: 5px 0px 0px 0px;
    border-radius: 4px 4px 0 0;
    color: #FFFFFF;
    text-decoration: none;
    padding: 0px 7px 0px 7px;
    font: 15px/42px Arial;
    text-align: center;
}

.srchbx input[type=text] {
    font: italic 14px Arial, Helvetica, sans-serif;
    color: #EDEDF7;
    border: 1px solid #656571;
    height: 27px;
    margin-right: 6px;
    margin-left: 6px;
    background-color: #32323C;
    padding: 0px 6px 0px 10px;
    border-radius: 4px;
    width: 94%;
    margin: 0;
}

.srchbx input[type=text]:focus {
    outline: 0;
}

.rightMenu {
    float: right;
    position: relative;
    height: 30px;
}

.rmenu li:last-child {
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#868A9B), to(#484B57));
}

.top-bar,
.top-barF {
    height: 8px;
    top: 61px;
    position: absolute;
    width: 100%;
}

.top-barF {
    background-color: #484b57;
    top: 91px;
}

.pageContainer,
.financeContainer {
    background-color: #25272F;
    border-radius: 0 0 0 5px;
    width: 100%;
    font-family: Arial;
}

.cpnContainer {
    background-color: #25272F;
    width: 100%;
    position: absolute;
    right: 2px;
    bottom: 5px;
    top: 75px;
}

.cpnTable {
    width: 100%;
    color: #fff;
    table-layout: fixed;
}

.cpnTable tr {
    border-bottom: 1px solid #000;
}

.resultSection {
    width: 100%;
    float: right;
}

#resultArea {
    display: none;
}

.termBigBg.gameResult {
    bottom: 170px !important;
}

.cpnTable td {
    min-width: 50px;
    max-width: 150px;
    padding: 10px 0px;
}

.cpnTable .leagueName {
    width: 100%;
}

.table-custom {
    width: 100%;
    color: #fff;
    margin: 0px 0px 10px 0px;
}

.table-custom td {
    width: 240px;
    padding: 13px 0px;
}

.table-custom tr {
    width: 100%;
    border-bottom: 1px solid black;
}

.checkCoupon {
    margin-top: 0px !important;
    min-height: 300px;
    background: #B6B6BB !important;
    font-size: 15px;
    padding-top: 10px;
    color: #1C1E2D;
    height: auto !important;
}

.ticketNumb,
.ticketDate {
    font-family: Arial, sans-serif;
    font-size: 15px;
}

.ticketInfContainer {
    position: relative;
    margin-top: 20px;
}

.ticketInfos {
    position: absolute;
    font-size: 20px;
    line-height: 35px;
}

.cpnSlideMenu {
    position: relative;
}

.cpnSlideContent {
    background-color: #9FADCC;
    text-align: left;
    margin-bottom: 0px;
    z-index: 800;
    right: 0;
    min-height: 182px;
    padding: 14px 10px 16px;
    margin-right: 4px;
}

.cpnSlideContent input[type=text],
.cpnSlideContent input[type=password] {
    padding: 0px -1px 0px 7px;
    width: 100%;
    border-style: #000;
    background-color: white;
    outline: 0;
    font-size: 12px;
    height: 25px;
    border: 1px solid #000;
    margin: 0px 0px 15px;
}

.cpnSlideContent input[type=submit],
.cpnSlideContent input[type=button] {
    height: 41px;
    min-width: 89px;
    outline: 0;
    cursor: pointer;
    border: 1px solid #000000;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#8388AE), to(#3A3F65));
    border-radius: 3px;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    margin: 2px;
    padding: 0px 10px 0px 5px;
    font-weight: bold;
    font: 14px/44px Arial, sans-serif;
    color: #FFFFFF;
}

#slideTicketUp {
    display: none;
    bottom: 0px;
    position: absolute;
    z-index: 100;
}

#slideTicketUpCards {
    display: none;
    bottom: 0px;
    position: absolute;
    min-width: 259px;
    z-index: 9999;
}

#slideMoreBets {
    opacity: 0;
    height: 0px;
}

.nobg {
    background: transparent !important;
}

#slideMoreBets.ng-hide-add-active,
#slideMoreBets.ng-hide-remove-active {
    /* the transition is defined in the active class */
    transition: 1s linear all;
}

.rightTitle {
    color: #FFFFFF;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: bold;
}

.leftDate,
.ticketNumb {
    float: left;
}

.ticketDate {
    float: right;
}

.ticketNum {
    text-align: left;
    font-size: 25px;
    font-family: Arial, sans-serif;
}

.pageContainer select {
    background: #32323C;
    border: 1px solid #656571;
    height: 27px;
    font-size: 12px;
    color: #FFF;
    border-radius: 3px;
    outline: 0;
    margin: 0px;
    width: 100%;
}

.selectDateContainer {
    color: #FFFFFF;
    font-size: 12px;
    text-align: left;
    margin-left: 20px;
    display: flex;
    align-items: center;
    flex-direction: row;
    margin-right: 10px;
}

.selectDateContainer select {
    min-width: 100px !important;
}

.dateFilterText {
    margin-right: 10px;
}

.selectCatContainer {
    color: #FFFFFF;
    width: 151px;
    font-size: 12px;
    margin-right: 10px;
}

.selectTournamentContainer {
    color: #FFFFFF;
    width: 150px;
    font-size: 12px;
    float: right;
}

.titlesContainer {
    white-space: nowrap;
    color: #fff;
    position: sticky;
    top:0;
    font-size: 12px;
    background: #25272F;
    z-index: 100;
}

.titlesContainer .row {
    position: absolute;
    width: 100%;
    top: 46px;
}

.titlesContainer .box-1 {
    width: 11%;
}

.titlesContainer .box-1:nth-child(1) {
    text-align: left;
}

.gbox {
    width: 21% !important;
    text-align: right;
}

.ssbox {
    width: 10% !important;
    text-align: right;
}

.tbox {
    width: 44% !important;
    margin-left: 36px;
}

.mbox {
    width: 5% !important;
    margin-left: -36px;
}

.settingBack {
    text-align: center;
    position: relative;
    cursor: pointer;
}

.settingBack span {
    font-size: 14px;
    display: block;
    padding: 0px 12% !important;
}

.settingImg {
    position: relative;
}

.settingImg img {
    position: absolute;
    top: -11px;
    width: 5px;
    right: 21px;
}

.settingBack span:nth-child(1n+2) {
    display: inline-block;
    padding: 0px 14% 0px 13%;
}

.termBigBg .settingBack span:nth-child(1n+2) {
    padding: 0px 14% 0px 13%;
}

.firstOption span:nth-child(1n+2) {
    padding: 0px 12% !important;
}

.settingBack span:last-child {
    border: none;
}

.Tway,
.dchance,
.goal {
    display: none;
}

.bottomMenu ul li {
    display: inline-block;
    margin-right: 2px;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#44444C), to(#080808));
    height: 68px;
    width: 5.7%;
    vertical-align: left;
    overflow: hidden;
}

.bottomMenu ul li.active {
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#2F2E2E), to(#B3B1B1));
}

.bottomMenu ul li a {
    color: #fff;
    text-decoration: none;
    font-size: 10px;
    width: 100%;
    float: left;
}

.cpnMenu {
    background: -webkit-linear-gradient(top, transparent 40px, white 40px, white 43px, #25272f 43px, #8c8d92 45px, rgba(37, 39, 47, 0.24) 45px, rgba(37, 39, 47, 0.1) 49px, rgba(37, 39, 47, 0.03) 51px);
    height: 51px;
    right: 0;
    text-align: center;
    font-weight: bold;
    font: 15px/42px Arial, sans-serif;
    margin-top: 11px;
}

.cpnMenu li {
    display: inline-block;
    height: 38px;
    width: 47%;
    border-top: 1px solid #CDCDD2;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#A6A8B0), to(#686A70));
    border-radius: 3px 3px 0 0;
    margin-right: 3px;
    overflow: hidden;
    border-bottom: 1px solid #25272F;
}

.cpnMenu li.active {
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#DADADA), to(#FFFFFF));
    border-top-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
}

.cpnMenu li.active a {
    color: #000;
}

.cpnMenu li a {
    height: 38px;
    width: 100%;
    color: #E6E7E8;
    display: block;
    text-decoration: none;
}

.cpnInfos {
    background-color: #B6B6BB;
    padding: 6px 8px 6px 6px;
    position: absolute;
    right: 0px;
    left: 0px;
    width: 94%;
    bottom: 0px;
    border-top: 2px solid rgb(92, 92, 92);
}

.cpnContent {
    background: #9c9ca3 url('/themes/current/img/cpnbackterm.png') no-repeat;
    padding: 8px;
    margin-top: -8px;
    position: absolute;
    width: 93.2%;
    bottom: 0px;
    top: 63px;
    overflow-x: hidden;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.termBigBg.cpnContent {
    background: #9c9ca3 url('/themes/current/img/cpnbackterm.png') no-repeat 70% 25%;
}

.terminalCurs .cpnTeams {
    cursor: none !important;
}
.SiteLogo {
    display: flex;
    align-items: center;
    justify-content: center;
}

.SiteLogo img {
    width: 7vw;
    margin: auto 1rem;
}

.termBigBg .cpnBankBtn {
    height: 27px !important;
    width: 42px !important;
    font: bold 13px/27px Arial, Helvetica, sans-serif !important;
}

.terminalCurs .cpnBankBtn {
    cursor: none;
}

.termBigBg .deleteTip,
.deleteGame a {
    width: 25px !important;
    line-height: 17px !important;
    height: 25px !important;
}

.cpnTeams {
    font-weight: bold;
    text-align: center;
    background-color: #DBDBE4;
    border-bottom: 1px solid #B6B6BB;
    padding: 4px 8px 2px;
    font: bold 11px Arial, Helvetica, sans-serif;
    cursor: pointer;
    overflow: hidden;
    width: 95%;
}

.cpnSmallFont {
    font-family: Arial, sans-serif;
    font-size: 11px;
}

.cpnStand,
.tipText {
    float: left;
    font-weight: normal;
}
.cpnStand {
    margin: 5px 0px;
}
.tipText {
    font-weight: bold;
}

.flex {
    display: flex;
}
.w-100  {
    width: 100%;
}
.w-90  {
    width: 90%;
}
.w-80  {
    width: 80%;
}
.min-w-70  {
    min-width: 70px;
}
.min-w-80  {
    min-width: 80px;
}
.min-w-90  {
    min-width: 90px;
}
.opacity50 {
    opacity: 0.5;
}
.black{
    background: #000000;
}
.betBuilderContainer {
    position: relative;
    width: 10px;
    margin-right: 3px;
}
.betBuilderUpLine {
    width: 2px;
    height: 10px;
    margin-left: 3px;
}
.betBuilderDot {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #000000;
}
.betBuilderDownLine {
    width: 2px;
    height: 10px;
    margin-left: 3px;
}

.cpnStandFont {
    font-family: Arial, sans-serif;
    font-weight: bold;
    color: #007218;
    font-size: 13px;
}

.cpnMatchDate,
.oddText {
    font-weight: normal;
}

.cpnMatchDate,
.oddText {
    float: right;
}

.cpnMatchDate {
    margin-top: 8px;
}

.cpnTeamTip {
    border-bottom: 1px solid #B6B6BB;
    padding: 8px 0 8px 8px;
}

.cpnFinancial {
    background: #f0f0f1;
    position: relative;
    min-height: 330px;
    overflow: hidden;
}

.cpnFinancial .cpnTotals {
    background-color: #B6B6BB;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    padding: 6px 8px 0;
}

.cpnFinancial .cpnTotals input[type=button] {
    border: 1px solid #000000;
    height: 41px;
    position: relative;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#868A9B), to(#3F414C));
    border-radius: 3px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    margin-bottom: 16px;
    z-index: 500;
    color: #fff;
    padding: 0px 15px;
    cursor: pointer;
}

.cpnBankBtn {
    float: left;
    margin-right: 2px;
    border: 1px solid #7F8491;
    border-right-color: #2B2B2B;
    border-bottom-color: #2B2B2B;
    font: bold 14px/18px Arial, Helvetica, sans-serif;
    color: #000;
    text-decoration: none;
    height: 18px;
    width: 42px;
    cursor: pointer;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E1E7EF), to(#7C838E));
    border-radius: 3px;
    text-align: center;
}

.cpnBankActv {
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#B9B72F), to(#EAE87B));
    color: #000000;
}

.deleteGame {
    float: right;
}

.deleteGame a {
    padding: 5px;
    background: #EDEDED;
}

.deleteTip,
.deleteGame a {
    float: right;
    margin-left: 13px;
    height: 16px;
    width: 16px;
    margin-top: -1px;
    margin-right: -8px;
    padding: 2.5px;
    border: 1px solid #ACACAD;
    border-right-color: #8D8D8E;
    border-bottom-color: #8D8D8E;
    border-radius: 3px;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E8EDF4), to(#BAC4D4));
}
.deleteTipBB {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    margin-left: 10px;
    border: 1px solid #ACACAD;
    border-right-color: #8D8D8E;
    border-bottom-color: #8D8D8E;
    border-radius: 3px;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E8EDF4), to(#BAC4D4));
}

.oddList {
    padding: 5px 0px;
}

.cpnMatchInfo {
    padding: 7px 0px;
}

.addStakeCash {
    display: block;
    position: absolute;
    left: 95px;
    height: 12px;
    font-size: 12px;
    color: #fff;
    padding: 0px 2px 2px 2px !important;
    width: 34px;
    text-decoration: none;
    border-radius: 0px !important;
}

.addCash {
    bottom: 6px;
}

.cpnStakeCont,
.cpnButtons {
    overflow: hidden;
    position: relative;
}

.stakeLabel {
    font-size: 15px;
    margin: 8px;
    font-weight: bold;
}

.cpnStakeCont input {
    padding: 5px;
    outline: 0;
    border: 1px solid #000;
    width: 100px;
    margin-left: -4px;
    text-align: right;
}

.termBigBg .cpnSmallFont {
    font-size: 14px !important;
}

.termBigBg .maxPay {
    font-size: 17px !important;
}

.cpnTotals {
    overflow: hidden;
    padding: 5px;
}

.cpnTotals p {
    float: left;
    margin: 5px;
    text-align: center;
    color: #000;
    font-weight: bold;
}

.maxPay {
    float: right !important;
    font-size: 17px;
}

.cpnResetBtn,
.cpnSubmitBtn {
    float: left;
    font-family: Arial, sans-serif;
}

.cashBtn {
    margin-top: 5px !important;
}

.terminalReset {
    width: 100% !important;
}

.cpnResetBtn {
    font-size: 15px;
    color: #FFFFFF;
    float: left;
    height: 43px;
    width: 30%;
    margin-top: 11px;
    margin-left: -4px;
    margin-bottom: 3px;
    border: 1px solid transparent;
    border-radius: 3px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #CC0000), color-stop(1, #9A0000));
    line-height: 42px;
    text-align: center;
    text-decoration: none;
}

.cpnSubmitBtn {
    font-size: 15px;
    font-weight: bold;
    line-height: 37px;
    color: #FFFFFF;
    float: right;
    height: 41px;
    width: 66%;
    border: 1px solid transparent;
    border-radius: 3px;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#565664), to(#181822));
    text-align: center;
    margin-top: 5px;
    margin-bottom: 12px;
    text-decoration: none;
    position: relative;
}

.cpnCreditPayoutBtn {
    line-height: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cpnResetBtn:hover,
.cpnSubmitBtn:hover {
    cursor: pointer;
}

.scrollContainer {
    width: 62%;
}

.btnContainer {
    width: 38%;
}

.cpnSystem div {
    width: 33%;
    float: left;
}

.bottomMenu {
    display: contents;
    width: 100%;
    padding: 0px;
    line-height: 10px;
}

.ticketInfos .totalBets,
.ticketInfos p {
    float: left;
}

.cpnTotalsTerm .totalBets {
    width: 40%;
    margin-left: 5%;
    display: inline-block;
}

.cpnTotalsTerm {
    float: left;
    margin: -4px 0px -7px 0px;
    text-align: center;
    width: 100%;
    color: #000;
}

.cpnTotalsTerm .maxWin {
    font-size: 20px;
    font-weight: bold;
}

.scrollBTContainer {
    width: 100%;
}

.maxWinSt {
    float: right;
    margin-right: 40px;
    font-weight: bold;
}

.cpnTotalsTerm .maxWin {
    float: left;
    margin-left: 4px;
}

.cpnTotalsTerm div:nth-child(1) {
    float: left;
}

.cpnBottomMenu {
    padding: 0px 0px 6px 0px;
    position: absolute;
    bottom: 15px;
    width: 100%;
}

.cpnBottomMenu ul li {
    display: inline-block;
    width: calc(100% - 22px);
    border: 1px solid #000000;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #62708D), color-stop(1, #4A556B));
    border-radius: 3px;
    margin-top: 6px;
    margin-left: 6px;
    margin-right: 6px;
    height: 40px;
    overflow: hidden;
    line-height: 40px;
}

.cpnBottomMenu ul li a {
    color: #fff;
    font-family: Arial, sans-serif;
    font-weight: bold;
    text-decoration: none;
    font-size: 13px;
    text-align: center;
}

.cpnBottomMenu ul li a:hover {
    cursor: pointer;
    color: #FFF85B;
}

.bottomContainerBig {
    display: flex;
    flex-direction: row;
    align-items: end;
    white-space: nowrap;
    overflow-x: auto;
    width: 80%;
    position: absolute;
    bottom: 0px;
    background: #25272F;   
}

input[type="number"].mod::-webkit-outer-spin-button,
input[type="number"].mod::-webkit-inner-spin-button {
    -webkit-appearance: none;
    background: #FFF url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAKUlEQVQYlWNgwAT/sYhhKPiPT+F/LJgEsHv37v+EMGkmkuImoh2NoQAANlcun/q4OoYAAAAASUVORK5CYII=) no-repeat center center;
    width: 1em;
    border-left: 1px solid #BBB;
    opacity: .5;
    /* shows Spin Buttons per default (Chrome >= 39) */
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}

input[type="number"].mod::-webkit-inner-spin-button:hover,
input[type="number"].mod::-webkit-inner-spin-button:active {
    box-shadow: 0 0 2px #0CF;
    opacity: .8;
}

/* Override browser form filling */
input:-webkit-autofill {
    background: black;
    color: red;
}

.halfContainer {
    position: relative;
    width: 180px;
}

.halfTime {
    font-size: 12px;
    color: #FFF668;
}

/** GAME TEMPLATES **/
#gameScrolling {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    display: flex;
    height:calc(100% - 0px);
    left: 0px;
    background-color: #25272F;
    -ms-scroll-chaining: chained;
    -ms-overflow-style: none;
    -ms-content-zooming: zoom;
    -ms-scroll-rails: none;
    -ms-content-zoom-limit-min: 100%;
    -ms-content-zoom-limit-max: 500%;
    -ms-scroll-snap-type: proximity;
    -ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%);
    -ms-overflow-style: none;
    overflow-x: hidden;
    width: 100%;
    right: 0px;
    bottom: 158px;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    z-index: 120;
}

.gameScrollingLive {
    top: 110px !important;
}


.os {
    overflow: scroll !important;
}

#gameScrolling::-webkit-scrollbar-track,
.pageContainer select::-webkit-scrollbar-track,
.itemContainer::-webkit-scrollbar-track {
    background-color: transparent;
}

#gameScrolling::-webkit-scrollbar,
.pageContainer select::-webkit-scrollbar,
.itemContainer::-webkit-scrollbar {
    width: 9px;
    border-radius: 9px;
    position: absolute;
    background-color: transparent;
}

#gameScrolling::-webkit-scrollbar-thumb,
.itemContainer::-webkit-scrollbar-thumb {
    background: #1251a4;
    border-radius: 9px;
}

.fromToDate {
    display: flex;
    flex-direction: row;
    justify-content: center;
    top: 99px;
    z-index: 9999;
    width: 100%;
    padding: 6px 0px;
    background-color: #25272F;
    align-items: center;
    height: auto;
    line-height: 42px;
}

.fromToDate.absolute-div{
    position: absolute ;
    margin-top: 20px;
}

.fromToDate div {
    display: flex;
    float: left;
}

.fromToDate div span {
    padding: 0 10px;
}

.highlighted {
    -webkit-animation-name: opacit;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: opacit;
    -moz-animation-duration: 2s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 4;
    -moz-animation-fill-mode: forwards;
    animation-name: opacit;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: 4;
    animation-fill-mode: forwards;
}

@-webkit-keyframes highlight {
    0% {
        background: #fff;
    }

    50% {
        background: #f5f5f5;
    }

    90% {
        background: #f1f1f1;
    }

    100% {
        background: transparent;
    }
}

@-moz-keyframes highlight {
    0% {
        background: #fff;
    }

    50% {
        background: #f5f5f5;
    }

    90% {
        background: #f1f1f1;
    }

    100% {
        background: transparent;
    }
}

@-o-keyframes highlight {
    0% {
        background: #fff;
    }

    50% {
        background: #f5f5f5;
    }

    90% {
        background: #f1f1f1;
    }

    100% {
        background: transparent;
    }
}

@-ms-keyframes highlight {
    0% {
        background: #fff;
    }

    50% {
        background: #f5f5f5;
    }

    90% {
        background: #f1f1f1;
    }

    100% {
        background: transparent;
    }
}

@keyframes highlight {
    0% {
        background: #fff;
    }

    50% {
        background: #f5f5f5;
    }

    90% {
        background: #f1f1f1;
    }

    100% {
        background: transparent;
    }
}

@-webkit-keyframes loading-bar-spinner {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    70% {
        opacity: 0;
    }

    80% {
        opacity: 0;
    }

    90% {
        opacity: 0;
    }

    99% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes loading-bar-spinner {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    70% {
        opacity: 0;
    }

    80% {
        opacity: 0;
    }

    90% {
        opacity: 0;
    }

    99% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes loading-bar-spinner {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    70% {
        opacity: 0;
    }

    80% {
        opacity: 0;
    }

    90% {
        opacity: 0;
    }

    99% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-ms-keyframes loading-bar-spinner {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    70% {
        opacity: 0;
    }

    80% {
        opacity: 0;
    }

    90% {
        opacity: 0;
    }

    99% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes loading-bar-spinner {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    70% {
        opacity: 0;
    }

    80% {
        opacity: 0;
    }

    90% {
        opacity: 0;
    }

    99% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

#gamesContainer table {
    width: 100%;
    border-spacing: 0px;
    table-layout: fixed;
    min-height: 45px;
}

#gamesContainer tr {
    border-bottom: 1px solid #000;
    vertical-align: top;
}

#gamesContainer td {
    padding: 0px;
    color: #fff;
    text-align: center;
}

#gamesContainer td:nth-child(1n+2) {
    text-align: left;
}

#gamesContainer .home {
    width: 41%;
}

#gamesContainer .statLive {
    padding-right: 0 !important;
    padding-left: 0 !important;
    padding-top: 4px;
}

#gamesContainer .statSport {
    padding: 0px !important;
    padding-left: 28px !important;
    width: 8.555%;
}

#gamesContainer .mScore {
    width: 60px;
    padding-top: 13px;
}

#gamesContainer .mrate1 {
    padding-right: 0px;
    padding-left: 0px;
}

#gamesContainer .mrate2 {
    padding-right: 0px;
    padding-left: 0px;
}

#gamesContainer .mrate2 .matchRate.align {
    display: flex;
    align-items: center;
    align-content: center;
}

#gamesContainer .oundr {
    padding-left: 0px;
    padding-right: 0px;
}

#gamesContainer td:last-child {
    padding-left: 0px;
    padding-right: 0px;
}

.font24 {
    font-size: 24px;
}

#gamesContainer .gTime {
    border-right: 1px solid #222;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    width: 70px !important;
    height: 47px;
}

#gamesContainer .gTime.result{
    width: 80px !important;
}

.generalContainer {
    width: 100%;
}

.betOdd {
    width: 30%;
}

.betDoubleOdd {
    width: 45%;
}

.gameGreenBg {
    background: #2d8d41;
    background: linear-gradient(to bottom, #2d8d41, #36a844);
    font-weight: bold;
}

.gameBlackBg {
    background: #000;
}

.homeLive {
    width: 350px;
}

.guestLive {
    width: 239px;
}

.gameOrangeBg {
    background: #346eaa;
    background-image: -o-linear-gradient(to bottom, #346eaa, #3e81c4);
    background-image: -moz-linear-gradient(to bottom, #346eaa, #3e81c4);
    background-image: -webkit-linear-gradient(to bottom, #346eaa, #3e81c4);
    background-image: -ms-linear-gradient(to bottom, #346eaa, #3e81c4);
    font-weight: bold;
}

.gameOrangedBg {
    background: #98840D;
    background-image: -o-linear-gradient(to bottom, #98840D, #C2940D);
    background-image: -moz-linear-gradient(to bottom, #98840D, #C2940D);
    background-image: -webkit-linear-gradient(to bottom, #98840D, #C2940D);
    background-image: -ms-linear-gradient(to bottom, #98840D, #C2940D);
}

.gameBlueBg {
    background: #0a103c;
    background-image: -o-linear-gradient(to bottom, #0a103c, #151f4b);
    background-image: -moz-linear-gradient(to bottom, #0a103c, #151f4b);
    background-image: -webkit-linear-gradient(to bottom, #0a103c, #151f4b);
    background-image: -ms-linear-gradient(to bottom, #0a103c, #151f4b);
    font-weight: bold;
}

.gameBlueBg-Res {
    background: #0B113D url('../img/grayBg.png') repeat;
    background-image: -o-linear-gradient(to bottom, #858585, #676767);
    background-image: -moz-linear-gradient(to bottom, #858585, #676767);
    background-image: -webkit-linear-gradient(to bottom, #858585, #676767);
    background-image: -ms-linear-gradient(to bottom, #858585, #676767);
    font-weight: bold;
    background-size: contain;
}

.gameBlueBg-Res.active {
    background: #37353e;
    font-weight: bold;
}

.gamePausedBg {
    background: #3166A2;
    background-image: -o-linear-gradient(to bottom, #3166A2, #3E81C4);
    background-image: -moz-linear-gradient(to bottom, #3166A2, #3E81C4);
    background-image: -webkit-linear-gradient(to bottom, #3166A2, #3E81C4);
    background-image: -ms-linear-gradient(to bottom, #3166A2, #3E81C4);
    background-image: linear-gradient(to bottom, #3166A2, #3E81C4);
    font-weight: bold;
}

.gameTime p {
    color: #fff;
    font-size: 20px;
}

.gameInfo {
    width: 91.7%;
    float: right;
    height: auto;
    text-align: left;
    padding: 5px 13px 3px;
}

.cardcontainer {
    line-height: 10px;
    padding-top: 2px;
    height: 11px;
}

.homeTeam {
    padding-top: 1px;
}

.guestTeam {
    padding-top: 1px;
}

.sportTeam {
    padding-top: 13px;
}

.gameFont {
    font-size: 15px;
}

.matchLeague {
    width: 44%;
    margin-top: 22px;
    color: #DADADA;
    font-size: 11px;
}

.league {
    font-size: 13px;
    color: #DADADA;
    position: absolute;
    left: 0;
    width: 23vw;
    top: 34px;
    font: 13px PTSansRegular;
}

.statistic {
    background: url('../img/statistic.png') no-repeat 3px 2px;
    width: 40px;
    background-size: 35px;
    height: 40px;
    cursor: pointer;
    float: left;
    margin-top: 3px;
}

.terminalCurs .statistic {
    cursor: none;
}

.fperiod {
    color: #DADADA;
    font-size: 11px;
    text-align: center;
    line-height: 17px;
}

.lperiod {
    color: #FFF668;
    white-space: nowrap;
    width: 100%;
    text-align: center;
    font-size: 22px;
    position: relative;
}

.gameGreenBg .sportTab a {
    width: 34px;
}

.gameBlueBg .sportTab a {
    width: 34px !important;
}

.matchRate {
    margin-top: 6px;
    margin-bottom: 3px;
}

.shigh {
    -webkit-animation-name: opacit;
    -webkit-animation-duration: 4s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: opacit;
    -moz-animation-duration: 4s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 4;
    -moz-animation-fill-mode: forwards;
    animation-name: opacit;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-iteration-count: 4;
    animation-fill-mode: forwards;
}

@-moz-keyframes opacit {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@-webkit-keyframes opacit {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@keyframes opacit {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

.gameGreenBg .matchRate a,
.gameBlueBg .matchRate a,
.gameOrangedBg .matchRate a,
.gameOrangeBg .matchRate a,
.spbetOdd a,
.gameBlackBg .matchRate a,
.gamePausedBg .matchRate a,
.gameBlackBg .matchRate a {
    display: inline-block;
    height: 25px;
    width: 44px;
    font-size: 15px;
    position: relative;
    color: #DADADA;
    font-weight: bold;
    text-decoration: none;
    line-height: 25px;
    border-radius: 2px;
    background: -webkit-linear-gradient(top, #11447b, #072647);
    text-align: center;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
}

.odd-hover {
    background: -webkit-linear-gradient(top, #072647, #11447b) !important;
}

.gameGreenBg .odd-hover {
    background: -webkit-linear-gradient(top, #2d8d41, #36a844) !important;
}

.gameBlueBg .odd-hover,
.gameOrangeBg .odd-hover,
.gameOrangedBg .odd-hover {
    background-image: -webkit-linear-gradient(top, #151f4b, #0a103c) !important;
}

.gameGreenBg .spbetOdd a {
    background: #585858;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 1px solid rgba(53, 53, 53, 0.2);
}

.gameOrangeBg .spbetOdd a {
    background: #585858;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 1px solid rgba(53, 53, 53, 0.2);
}

.gameBlueBg .spbetOdd a {
    background: #585858;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 1px solid rgba(53, 53, 53, 0.2);
}

.gameOrangeBg .matchRate.shpHover a:hover,
.gameBlueBg .matchRate.shpHover a:hover,
.gameOrangeBg .spbetOdd.shpHover a:hover,
.gameBlueBg .spbetOdd.shpHover a:hover {
    background: #0968C8;
}

.gameGreenBg .matchRate.shpHover a:hover {
    background-color: rgba(32, 50, 140, 1);
}

.gameGreenBg .matchRate a {
    background: -webkit-linear-gradient(top, #1d7e31, #0b4d15);
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
}

.gameOrangeBg .matchRate a {
    background: -webkit-linear-gradient(top, #11447b, #072647);
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
}

.gameBlueBg .matchRate a {
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    background-color: rgba(32, 50, 140, 0.4);
}

.gameResult {
    width: 50% !important;
}

.gameResult .homeResult {
    width: 70%;
    align-content: center;
}

.gboxResult {
    width: 18% !important;
}

.locked a {
    cursor: default !important;
}

.terminalCurs .locked a {
    cursor: none !important;
}

.matchRate div {
    display: inline-block;
    margin: 3px 0px;
}

.ovalue {
    width: 43px;
    color: #FFF668;
    font-weight: bold;
}

.ovalueHC {
    width: 35px;
    color: #FFF668;
    font-weight: bold;
}

.moreOpt a {
    width: 42px !important;
    margin-top: 3px;
}

.bottomContainerSmall {
    display: none;
}

/** LIVE ODDS CHANGING COLOR **/
.high {
    border-top: 2px solid #00FF3B !important;
}

.low {
    border-bottom: 2px solid #E00000 !important;
}

.lowLive {
    background-image: url('../img/live_failed.gif');
    background-repeat: repeat-y;
    background-position: center top;
    opacity: 0.1;
}

.highLive {
    background-image: url('../img/live_rised.gif');
    background-repeat: repeat-y;
    background-position: center top;
    text-shadow: #08801C 1px 1px 0px;
    opacity: 0.1;
}

.minihigh {
    background: url('../img/minihighOdd.png') 47% no-repeat !important;
    color: #00C82E !important;
}

.minilow {
    background: url('../img/minioddDown.png') 47% no-repeat !important;
    color: #BD4C4C !important;
}

.seconds {
    color: #FFAAAA !important;
    -webkit-animation-name: colors;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}

.blink {
    -webkit-animation-name: zoomIn;
    -webkit-animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 1;
        position: absolute !important;
        font-size: 100%;
        z-index: 1000;
    }

    30% {
        opacity: 1;
        font-size: 250%;
    }

    40% {
        opacity: 1;
        font-size: 200%;
    }

    50% {
        opacity: 1;
        font-size: 250%;
    }

    60% {
        opacity: 1;
        font-size: 200%;
    }

    70% {
        opacity: 1;
        font-size: 250%;
    }

    100% {
        opacity: 1;
        font-size: 100%;
        position: relative;
    }
}

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

    50% {
        opacity: 1;
    }

    80% {
        opacity: 1;
        font-size: 44px;
        position: absolute;
    }

    100% {
        opacity: 1;
        font-size: 22px;
        position: relative;
    }
}

.blinkTV {
    -webkit-animation-name: zoomInTV;
    -webkit-animation-duration: 5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    transition: all 0.3s ease-out;
    transform-origin: center right;
}

.blinkTV2 {
    -webkit-animation-name: zoomInTV;
    -webkit-animation-duration: 5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    transition: all 0.3s ease-out;
    transform-origin: center left;
}

@-webkit-keyframes zoomInTV {
    0% {
        transform: scale(1.0, 1);
    }

    25% {
        transform: scale(3.0, 3);
    }

    50% {
        transform: scale(1.0, 1);
    }

    75% {
        transform: scale(3.0, 3);
    }

    100% {
        transform: scale(1.0, 1);
    }
}

.high,
.low {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 2;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: blinker;
    -moz-animation-duration: 2s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 2;
    -moz-animation-fill-mode: forwards;
    animation-name: blinker;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: 2;
    animation-fill-mode: forwards;
}

@-moz-keyframes colors {
    0% {
        color: rgb(255, 170, 170) !important;
    }

    50% {
        color: #F05353 !important;
    }

    100% {
        color: #FF0000 !important;
    }
}

@-webkit-keyframes colors {
    0% {
        color: rgb(255, 170, 170) !important;
    }

    50% {
        color: #F05353 !important;
    }

    100% {
        color: #FF0000 !important;
    }
}

@keyframes colors {
    0% {
        color: rgb(255, 170, 170) !important;
    }

    50% {
        color: #F05353 !important;
    }

    100% {
        color: #FF0000 !important;
    }
}

@-moz-keyframes blinker {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 1.0;
    }

    100% {
        opacity: 1.0;
    }
}

@-webkit-keyframes blinker {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 1.0;
    }

    100% {
        opacity: 1.0;
    }
}

@keyframes blinker {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 1.0;
    }

    100% {
        opacity: 1.0;
    }
}

.navy {
    margin: 0px 0px 20px 0px;
}

.shortcut {
    font-size: 10px;
    position: absolute;
    top: 13px;
    right: 15px;
    color: #FFF668;
}

.special_bets_tab th {
    font-size: 20px;
    font-weight: normal;
    color: #fff;
    padding: 10px 22px;
    width: 100%;
    vertical-align: top;
    position: relative;
    float: left;
}

.special_bet_item {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.spbetOdd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 150px;
    margin: 2px 3.5px;
    padding-right: 3.5px;
    text-align: right;
    color: #fff;
    background: #5f5f5f;
}

.OddspaperTable h2 {
    background: linear-gradient(to bottom, #3381cc, #28599f);
    font-weight: normal;
    color: #fff;
    font-size: 189%;
    line-height: 161%;
    padding: 0.2em 1ex;
    margin-bottom: 0.4em;
    position: relative;
    left: -1ex;
    display: inline-block;
    zoom: 1;
}

.OddspaperTable {
    width: 83%;
    margin-top: 5%;
    float: right;
    text-align: left;
}

.OddspaperTable td {
    margin: 5px 0px;
}

.OddspaperTable ol li a {
    color: #fff;
    text-decoration: none;
}

.OddspaperTable ol li a:hover {
    color: #fff;
    cursor: pointer;
}

.OddspaperTable ol li {
    padding: 4px 0px;
}

.spbetOdd a {
    padding: 2px;
    width: 130px !important;
}

.specialBetOdds {
    text-align: right !important;
    width: 80%;
}

.leagueName {
    display: flex;
    align-content: center;
    align-items: center;
    flex-direction: row;
    max-width: 24vw;
    float: left;
    font-family: Arial, sans-serif;
    font-size: 13px;
    line-height: 16px;
    overflow: hidden;
    overflow-wrap: anywhere;
    white-space: nowrap;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.leagueName span {
    max-width: 22vw;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.titlesContainer table {
    width: 100%;
    table-layout: fixed;
}

.ticketLeft,
.ticketRight {
    position: absolute;
    top: 0px;
    overflow: scroll;
    bottom: 0px;
}

.ticketLeft {
    background: #CACACA;
}

.ticketLeft {
    font-size: 50px;
}

.wtSmall {
    width: 24%;
    right: 0px;
}

.wtBig {
    width: 75%;
    left: 0px;
}

/* WEBKIT */
.mainProperty {
    pointer-events: none;
}

.col_space {
    padding: 0 !important;
}

/* NG DIALOG */
@-webkit-keyframes ngdialog-fadeout {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes ngdialog-fadeout {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes ngdialog-fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes ngdialog-fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.ngdialog {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ngdialog *,
.ngdialog *:before,
.ngdialog *:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

.ngdialog {
    position: fixed;
    -webkit-overflow-scrolling: touch;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.ngdialog-overlay {
    position: fixed;
    background: rgba(0, 0, 0, 0.4);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    -webkit-animation: ngdialog-fadein 0.5s;
    animation: ngdialog-fadein 0.5s;
}

.ngdialog.ngdialog-closing .ngdialog-overlay {
    -webkit-backface-visibility: hidden;
    -webkit-animation: ngdialog-fadeout 0.5s;
    animation: ngdialog-fadeout 0.5s;
}

.ngdialog-content {
    background: white;
    -webkit-backface-visibility: hidden;
    -webkit-animation: ngdialog-fadein 0.5s;
    animation: ngdialog-fadein 0.5s;
}

.ngdialog.ngdialog-closing .ngdialog-content {
    -webkit-backface-visibility: hidden;
    -webkit-animation: ngdialog-fadeout 0.5s;
    animation: ngdialog-fadeout 0.5s;
}

.ngdialog-close:before {
    font-family: 'Helvetica', Arial, sans-serif;
    content: '\00D7';
    cursor: pointer;
}

body.ngdialog-open {
    overflow: hidden;
}

@-webkit-keyframes ngdialog-flyin {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes ngdialog-flyin {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        transform: translateY(-40px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes ngdialog-flyout {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
    }
}

@keyframes ngdialog-flyout {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        transform: translateY(-40px);
    }
}

.ngdialog.ngdialog-theme-default .ngdialog-content {
    -webkit-animation: ngdialog-flyin .5s;
    animation: ngdialog-flyin .5s;
    background: #f0f0f0;
    border-radius: 5px;
    color: #444;
    font-family: 'Helvetica', sans-serif;
    font-size: 1.1em;
    line-height: 1.5em;
    margin: 10vh auto;
    max-width: 70vw;
    height: 80vh;
    padding: 1em;
    position: relative;
}

#stats{
    display: block;
    overflow: auto;
    height: stretch;
}

.ngdialog-content iframe {
    border: 0px !important;
}

.ngdialog.ngdialog-theme-default .ngdialog-close {
    border-radius: 5px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
}

.ngdialog.ngdialog-theme-default .ngdialog-close:before {
    background: black;
    border: 2px solid #fff;
    border-radius: 100%;
    color: #FFF;
    content: '\00D7';
    font-size: 30px;
    font-weight: 400;
    height: 30px;
    line-height: 26px;
    position: absolute;
    right: -14px;
    text-align: center;
    top: -17px;
    width: 30px;
}

.ngdialog.ngdialog-theme-default .ngdialog-close:hover:before,
.ngdialog.ngdialog-theme-default .ngdialog-close:active:before {
    color: #777;
}

.ngdialog.ngdialog-theme-default .ngdialog-message {
    margin-bottom: .5em;
}

.ngdialog.ngdialog-theme-default .ngdialog-input {
    margin-bottom: 1em;
}

.ngdialog.ngdialog-theme-default .ngdialog-input textarea,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="text"],
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="password"],
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="email"],
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="url"] {
    background: #fff;
    border: 0;
    border-radius: 3px;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    margin: 0 0 .25em;
    min-height: 2.5em;
    padding: .25em .67em;
    width: 100%;
}

.ngdialog.ngdialog-theme-default .ngdialog-input textarea:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="text"]:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="password"]:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="email"]:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="url"]:focus {
    -webkit-box-shadow: inset 0 0 0 2px #8dbdf1;
    box-shadow: inset 0 0 0 2px #8dbdf1;
    outline: none;
}

.ngdialog.ngdialog-theme-default .ngdialog-buttons {
    *zoom: 1;
}

.ngdialog.ngdialog-theme-default .ngdialog-buttons:after {
    content: '';
    display: table;
    clear: both;
}

.ngdialog.ngdialog-theme-default .ngdialog-button {
    border: 0;
    border-radius: 3px;
    cursor: pointer;
    float: right;
    font-family: inherit;
    font-size: .8em;
    letter-spacing: .1em;
    line-height: 1em;
    margin: 0 0 0 .5em;
    padding: .75em 2em;
    text-transform: uppercase;
}

.ngdialog.ngdialog-theme-default .ngdialog-button:focus {
    -webkit-animation: ngdialog-pulse 1.1s infinite;
    animation: ngdialog-pulse 1.1s infinite;
    outline: none;
}

@media (max-width: 568px) {
    .ngdialog.ngdialog-theme-default .ngdialog-button:focus {
        -webkit-animation: none;
        animation: none;
    }
}

.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-primary {
    background: #3288e6;
    color: #fff;
}

.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-secondary {
    background: #e0e0e0;
    color: #777;
}

/* DIALOG POPUP CUSTOM */
.ngdialog.ngdialog-theme-settings {
    padding-bottom: 160px;
    padding-top: 160px;
}

.ngdialog.ngdialog-theme-settings.ngdialog-closing .ngdialog-content {
    -webkit-animation: ngdialog-flyout .5s;
    animation: ngdialog-flyout .5s;
}

.ngdialog.ngdialog-theme-settings .ngdialog-content {
    -webkit-animation: ngdialog-flyin .5s;
    animation: ngdialog-flyin .5s;
    background: rgba(26, 26, 38, 0.9);
    border-radius: 5px;
    color: #fff;
    font-family: 'Helvetica', sans-serif;
    font-size: 1.1em;
    border: 3px solid #fff;
    line-height: 1.5em;
    margin: 0 auto;
    max-width: 100%;
    padding: 1em;
    overflow: hidden;
    position: relative;
    width: 900px;
}

.ngdialog-content iframe {
    border: 0px !important;
}

.ngdialog.ngdialog-theme-settings .ngdialog-close {
    border-radius: 5px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
}

.ngdialog.ngdialog-theme-settings .ngdialog-close:before {
    background: transparent;
    border-radius: 3px;
    color: #bbb;
    content: '\00D7';
    font-size: 26px;
    font-weight: 400;
    height: 30px;
    line-height: 26px;
    position: absolute;
    right: 3px;
    text-align: center;
    top: 3px;
    width: 30px;
}

.ngdialog.ngdialog-theme-settings .ngdialog-close:hover:before,
.ngdialog.ngdialog-theme-settings .ngdialog-close:active:before {
    color: #777;
}

.ngdialog.ngdialog-theme-settings .ngdialog-message {
    margin-bottom: .5em;
}

.ngdialog.ngdialog-theme-settings .ngdialog-input {
    margin-bottom: 1em;
}

.ngdialog.ngdialog-theme-settings .ngdialog-input textarea,
.ngdialog.ngdialog-theme-settings .ngdialog-input input[type="text"],
.ngdialog.ngdialog-theme-settings .ngdialog-input input[type="password"],
.ngdialog.ngdialog-theme-settings .ngdialog-input input[type="email"],
.ngdialog.ngdialog-theme-settings .ngdialog-input input[type="url"] {
    background: #fff;
    border: 0;
    border-radius: 3px;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    margin: 0 0 .25em;
    min-height: 2.5em;
    padding: .25em .67em;
    width: 100%;
}

.ngdialog.ngdialog-theme-settings .ngdialog-input textarea:focus,
.ngdialog.ngdialog-theme-settings .ngdialog-input input[type="text"]:focus,
.ngdialog.ngdialog-theme-settings .ngdialog-input input[type="password"]:focus,
.ngdialog.ngdialog-theme-settings .ngdialog-input input[type="email"]:focus,
.ngdialog.ngdialog-theme-settings .ngdialog-input input[type="url"]:focus {
    -webkit-box-shadow: inset 0 0 0 2px #8dbdf1;
    box-shadow: inset 0 0 0 2px #8dbdf1;
    outline: none;
}

.ngdialog.ngdialog-theme-settings .ngdialog-buttons {
    *zoom: 1;
}

.ngdialog.ngdialog-theme-settings .ngdialog-buttons:after {
    content: '';
    display: table;
    clear: both;
}

.ngdialog.ngdialog-theme-settings .ngdialog-button {
    border: 0;
    border-radius: 3px;
    cursor: pointer;
    float: right;
    font-family: inherit;
    font-size: .8em;
    letter-spacing: .1em;
    line-height: 1em;
    margin: 0 0 0 .5em;
    padding: .75em 2em;
    text-transform: uppercase;
}

.ngdialog.ngdialog-theme-settings .ngdialog-button:focus {
    -webkit-animation: ngdialog-pulse 1.1s infinite;
    animation: ngdialog-pulse 1.1s infinite;
    outline: none;
}

@media (max-width: 568px) {
    .ngdialog.ngdialog-theme-settings .ngdialog-button:focus {
        -webkit-animation: none;
        animation: none;
    }
}

.ngdialog.ngdialog-theme-settings .ngdialog-button.ngdialog-button-primary {
    background: #3288e6;
    color: #fff;
}

.ngdialog.ngdialog-theme-settings .ngdialog-button.ngdialog-button-secondary {
    background: #e0e0e0;
    color: #777;
}

@media (min-width: 1920px) {
    .ngdialog.ngdialog-theme-default {
        padding-bottom: 160px;
        padding-top: 150px;
        margin-left: -350px;
    }
}

.ngdialog.ngdialog-theme-default.ngdialog-closing .ngdialog-content {
    -webkit-animation: ngdialog-flyout .5s;
    animation: ngdialog-flyout .5s;
}

.ov {
    text-align: center;
}

.ngdialog.ngdialog-theme-settings-ticket {
    padding-bottom: 160px;
    padding-top: 110px;
}

.ngdialog.ngdialog-theme-settings-ticket .ngdialog-content {
    -webkit-animation: ngdialog-flyin .5s;
    animation: ngdialog-flyin .5s;
    background: #102c3a;
    border-radius: 5px;
    color: #444;
    font-family: 'Helvetica', sans-serif;
    font-size: 1.1em;
    line-height: 1.5em;
    margin: 0 auto;
    max-width: 100%;
    padding: 1em 1em 4.3em 1em;
    position: relative;
    width: 1200px;
}

.ngdialog-content iframe {
    border: 0px !important;
}

.ngdialog.ngdialog-theme-settings-ticket .ngdialog-close {
    border-radius: 5px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
}

.ngdialog.ngdialog-theme-settings-ticket .ngdialog-close:before {
    background: black;
    border: 2px solid #fff;
    border-radius: 100%;
    color: #FFF;
    content: '\00D7';
    font-size: 30px;
    font-weight: 400;
    height: 30px;
    line-height: 26px;
    position: absolute;
    right: -14px;
    text-align: center;
    top: -17px;
    width: 30px;
}

.ngdialog.ngdialog-theme-settings-ticket .ngdialog-close:hover:before,
.ngdialog.ngdialog-theme-settings-ticket .ngdialog-close:active:before {
    color: #777;
}

.ngdialog.ngdialog-theme-settings-ticket .ngdialog-message {
    margin-bottom: .5em;
}

.ngdialog.ngdialog-theme-settings-ticket .ngdialog-input {
    margin-bottom: 1em;
}

.ngdialog.ngdialog-theme-settings-ticket .ngdialog-input textarea,
.ngdialog.ngdialog-theme-settings-ticket .ngdialog-input input[type="text"],
.ngdialog.ngdialog-theme-settings-ticket .ngdialog-input input[type="password"],
.ngdialog.ngdialog-theme-settings-ticket .ngdialog-input input[type="email"],
.ngdialog.ngdialog-theme-settings-ticket .ngdialog-input input[type="url"] {
    background: #fff;
    border: 0;
    border-radius: 3px;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    margin: 0 0 .25em;
    min-height: 2.5em;
    padding: .25em .67em;
    width: 100%;
}

.ngdialog.ngdialog-theme-settings-ticket .ngdialog-input textarea:focus,
.ngdialog.ngdialog-theme-settings-ticket .ngdialog-input input[type="text"]:focus,
.ngdialog.ngdialog-theme-settings-ticket .ngdialog-input input[type="password"]:focus,
.ngdialog.ngdialog-theme-settings-ticket .ngdialog-input input[type="email"]:focus,
.ngdialog.ngdialog-theme-settings-ticket .ngdialog-input input[type="url"]:focus {
    -webkit-box-shadow: inset 0 0 0 2px #8dbdf1;
    box-shadow: inset 0 0 0 2px #8dbdf1;
    outline: none;
}

.ngdialog.ngdialog-theme-settings-ticket .ngdialog-buttons {
    *zoom: 1;
}

.ngdialog.ngdialog-theme-settings-ticket .ngdialog-buttons:after {
    content: '';
    display: table;
    clear: both;
}

.ngdialog.ngdialog-theme-settings-ticket .ngdialog-button {
    border: 0;
    border-radius: 3px;
    cursor: pointer;
    float: right;
    font-family: inherit;
    font-size: .8em;
    letter-spacing: .1em;
    line-height: 1em;
    margin: 0 0 0 .5em;
    padding: .75em 2em;
    text-transform: uppercase;
}

.ngdialog.ngdialog-theme-settings-ticket .ngdialog-button:focus {
    -webkit-animation: ngdialog-pulse 1.1s infinite;
    animation: ngdialog-pulse 1.1s infinite;
    outline: none;
}

@media (max-width: 568px) {
    .ngdialog.ngdialog-theme-settings-ticket .ngdialog-button:focus {
        -webkit-animation: none;
        animation: none;
    }
}

.ngdialog.ngdialog-theme-settings-ticket .ngdialog-button.ngdialog-button-primary {
    background: #3288e6;
    color: #fff;
}

.ngdialog.ngdialog-theme-settings-ticket .ngdialog-button.ngdialog-button-secondary {
    background: #e0e0e0;
    color: #777;
}

.popupTitle {
    color: #D3D2D3;
    text-align: center;
    margin: 0 20px 20px;
    font-size: 24px;
    font-weight: bold;
}

.popupContent {
    overflow: hidden;
}

.popupImg {
    background: url('../img/cyan_sign.png') no-repeat top center;
    margin: 10px auto;
    width: 96px;
    height: 97px;
}

.settingsMenu ul li,
.popupContent input[type=submit] {
    display: inline-block;
    border: 1px solid #000000;
    border-radius: 3px;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#888D9D), to(#454751));
    padding: 12px 30px;
}

.settingsMenu ul li a {
    text-decoration: none;
    color: #fff;
}

.formPropers {
    border: 1px solid #AAAAB4;
    border-radius: 3px;
    background-color: #94949E;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#54565E), to(#898892));
    font: bold 16px Arial, Helvetica, sans-serif;
    width: 400px;
    padding: 10px;
}

.popupContent textarea {
    height: 150px;
}

.popupContent input[type=text] {
    margin: 10px 39px 16px;
}

.popupContent .logSections {
    float: left;
}

.popupContent .logSections ul li {
    display: block;
    text-align: left;
}

.popupContent .logContent {
    float: right;
    border: 1px solid #AAABB5;
    border-radius: 4px;
    overflow: scroll;
    width: 82%;
    position: relative;
    height: 338px;
    font-size: 18px;
    background: -webkit-linear-gradient(top, #54555e 0, #66666e 5px, #777780 10px, #83828c 15px, #8a8a94 20px, #92929c 30px, #94949d 45px);
}

.animate-enter,
.animate-leave {
    -webkit-transition: 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -moz-transition: 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -ms-transition: 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    position: relative;
    display: block;
}

.animate-enter.animate-enter-active,
.animate-leave {
    opacity: 1;
    bottom: 0;
    height: 30px;
}

.animate-leave.animate-leave-active,
.animate-enter {
    opacity: 0;
    bottom: -50px;
    height: 0px;
}

.addStakeLink {
    color: #FFF;
    height: 50px;
    text-align: center;
    margin: 0px 5px;
    width: 34px;
    line-height: 49px;
    padding: 10px 20px 21px 20px;
    font-size: 31px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: bold;
}

.terminalCurs .addStakeLink {
    cursor: none;
}

.addStakeLinkHover {
    background: linear-gradient(to bottom, #28599f, #3381cc);
}

.positioner input {
    outline: 0;
    padding-left: 10px;
    border: 0px solid transparent;
    width: 50%;
    height: 56px;
    color: #fff;
    border-radius: 5px;
    margin-left: -4px;
    text-align: center;
}

.terminalCurs .cpnResetBtn,
.terminalCurs .cpnSubmitBtn {
    cursor: none;
}

.terminalSubmit {
    width: 98% !important;
    font-size: 26px !important;
    line-height: 51px !important;
    height: 50px !important;
    margin-top: 12px;
}

.termBigBg .resultA {
    margin: 3px 0px;
}

.termBigBg .homeResult .homeTeam,
.termBigBg .homeResult .guestTeam,
.termBigBg .mScoreResult {
    line-height: 53px;
}

.termBigBg .mScoreResult .fperiod {
    margin-top: -17px;
}

.mScoreResult,
.resultA {
    align-content: center;
}

.terminalCurs select,
.titlesContainer .settingBack,
.terminalCurs .resultCat li a,
.terminalCurs .rightMenu .rmenu li a {
    cursor: none;
}

.terminalSelect {
    -webkit-appearance: none;
}

.termBigBg .gameTime p {
    font-size: 18px !important;
    display: block;
    word-break: break-word;
    margin-top: 5px;
}

.termBigBg .special_bets_tab th {
    font-size: 20px !important;
}

.termBigBg .spbetOdd a {
    width: 54px !important;
    height: 43px !important;
    font-size: 16px !important;
    line-height: 42px !important;
    margin: 2px 0px;
    background: -webkit-linear-gradient(top, #11447b, #072647);
    background-image: -webkit-linear-gradient(top, rgb(17, 68, 123), rgb(7, 38, 71));
}

.terminalCurs .spbetOdd a:hover {
    cursor: none !important;
}

.terminalCurs .spbetOdd a {
    cursor: none;
}

@media only screen and (max-width: 650px) {

    /* Force table to not be like tables anymore */
    #gamesContainer table,
    #gamesContainer thead,
    #gamesContainer tbody,
    #gamesContainer th,
    #gamesContainer td,
    #gamesContainer tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    #gamesContainer thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #gamesContainer tr {
        border-bottom: 1px solid #000;
        vertical-align: top;
    }

    #gamesContainer td {
        /* Behave  like a "row" */
        border: none;
        position: relative;
        padding-left: 50% !important;
        white-space: normal;
        text-align: left;
    }

    #gamesContainer td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
    }

    #gamesContainer td:last-child {
        padding: 0px !important;
    }

    .statLive,
    #gamesContainer .numeric {
        display: none !important;
    }

    #gamesContainer .mrate2,
    #gamesContainer .gTime,
    #gamesContainer .gFavorite,
    #gamesContainer .oundr {
        width: auto;
    }

    #gamesContainer td {
        padding: 13px 0px 7px;
    }

    #gamesContainer .mScore,
    #gamesContainer .mrate1 {
        padding-right: 0px !important;
        width: auto;
        text-align: center;
    }

    .icon_flag,
    .leagueName,
    .guestTeam,
    .homeTeam {
        float: initial;
        display: inline-block;
    }

    #gamesContainer .home {
        width: 45%;
    }

    .homeTeam:after {
        content: "-";
    }

    .leagueName {
        float: left;
    }

    .lperiod {
        font-size: 12px !important;
        line-height: auto !important;
        display: block !important;
    }

    #gamesContainer td[data-title] {
        padding: 6px 0px;
    }

    /*
	Label the data
	*/
    #gamesContainer td:before {
        content: attr(data-title);
    }
}

.filteredGames .gameGreenBg.active {
    background: #2d8d41;
    background: linear-gradient(to bottom, #2d8d41, #36a844);
}

.gameGreenBg.active .game {
    background: #2d8d41;
    background: linear-gradient(to bottom, #2d8d41, #36a844);
}

.gameBlueBg.active {
    background: linear-gradient(to bottom, #0a103c, #151f4b);
}

.homeSmGoalLR {
    background: url('../img/goalSecond.gif') no-repeat 40% 40%;
}

.homeBgGoal {
    background: url('../img/goalFirst.gif') no-repeat 55% 58%;
}

.no-select {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}

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

.statrowhighlight tr:hover {
    background-color: #17384a;
    color: #fff;
}

.ticketrow tr {
    height: 25px;
    line-height: 25px;
}

.ticketrow {
    margin-top: 5px;
    background: #f4f3f3;
    color: #000;
}

.ticketstatus {
    background: #557da6;
    color: #fff;
    vertical-align: middle;
}

.ticketstatus-open {
    background: #557da6;
}

.ticketstatus-lost {
    background: #a63b28;
}

.ticketstatus-won {
    background: #5ba649;
}

.ticketstatus-canceled {
    background: #be9a44;
}

.ticketstatus-rebuyed {
    background: #00d8b4;
}

/*
 * jquery.selectBoxIt.css 3.8.1
 * Author: @gregfranko
 */
/*
  Common CSS Properties
  ---------------------
  These properties will be applied to any themes that you use
  */
/* SelectBoxIt container */
.selectboxit-container {
    position: relative;
    display: inline-block;
    vertical-align: top;
}

/* Styles that apply to all SelectBoxIt elements */
.selectboxit-container * {
    font: 14px Helvetica, Arial;
    /* Prevents text selection */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    outline: none;
    white-space: nowrap;
}

/* Button */
.selectboxit-container .selectboxit {
    width: 220px;
    /* Width of the dropdown button */
    cursor: none;
    margin: 0;
    padding: 0;
    border-radius: 6px;
    overflow: hidden;
    display: block;
    position: relative;
}

/* Height and Vertical Alignment of Text */
.selectboxit-container span,
.selectboxit-container .selectboxit-options a {
    height: 30px;
    /* Height of the drop down */
    line-height: 30px;
    /* Vertically positions the drop down text */
    display: block;
}

/* Focus pseudo selector */
.selectboxit-container .selectboxit:focus {
    outline: 0;
}

/* Disabled Mouse Interaction */
.selectboxit.selectboxit-disabled,
.selectboxit-options .selectboxit-disabled {
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    cursor: default;
}

/* Button Text */
.selectboxit-text {
    text-indent: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
}

.selectboxit .selectboxit-option-icon-container {
    margin-left: 5px;
}

/* Options List */
.selectboxit-container .selectboxit-options {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 100%;
    /* Minimum Width of the dropdown list box options */
    *width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    overflow-x: hidden;
    overflow-y: auto;
    cursor: none;
    display: none;
    z-index: 9999;
    border-radius: 6px;
    text-align: left;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* Individual options */
.selectboxit-option .selectboxit-option-anchor {
    padding: 0 2px;
}

/* Individual Option Hover Action */
.selectboxit-option .selectboxit-option-anchor:hover {
    text-decoration: none;
}

/* Individual Option Optgroup Header */
.selectboxit-option,
.selectboxit-optgroup-header {
    text-indent: 5px;
    /* Horizontal Positioning of the select box option text */
    margin: 0;
    list-style-type: none;
}

/* The first Drop Down option */
.selectboxit-option-first {
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}

/* The first Drop Down option optgroup */
.selectboxit-optgroup-header + .selectboxit-option-first {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

/* The last Drop Down option */
.selectboxit-option-last {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

/* Drop Down optgroup headers */
.selectboxit-optgroup-header {
    font-weight: bold;
}

/* Drop Down optgroup header hover psuedo class */
.selectboxit-optgroup-header:hover {
    cursor: default;
}

/* Drop Down down arrow container */
.selectboxit-arrow-container {
    /* Positions the down arrow */
    width: 30px;
    position: absolute;
    right: 0;
}

/* Drop Down down arrow */
.selectboxit .selectboxit-arrow-container .selectboxit-arrow {
    /* Horizontally centers the down arrow */
    margin: 0 auto;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
}

/* Drop Down down arrow for jQueryUI and jQuery Mobile */
.selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon {
    top: 30%;
}

/* Drop Down individual option icon positioning */
.selectboxit-option-icon-container {
    float: left;
}

.selectboxit-container .selectboxit-option-icon {
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

/* Drop Down individual option icon positioning */
.selectboxit-option-icon-url {
    width: 18px;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    height: 100%;
    background-position: center;
    float: left;
}

.selectboxit-rendering {
    display: inline-block !important;
    *display: inline !important;
    zoom: 1 !important;
    visibility: visible !important;
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
}

/* jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon {
    background-color: inherit;
}

/* Another jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon-triangle-1-s {
    background-position: -64px -16px;
}

/*
  Default Theme
  -------------
  Note: Feel free to remove all of the CSS underneath this line if you are not using the default theme
  */
.selectboxit-btn {
    background: #32323C;
    border: 1px solid #656571;
    height: 27px;
    font-size: 12px;
    color: #FFF;
    border-radius: 3px;
    outline: 0;
    margin: 0px;
    width: 100%;
}

.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus,
.selectboxit-btn.selectboxit-enabled:active {
    color: #FFF;
    background-color: #181818;
}

.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus {
    color: #FFF;
    text-decoration: none;
    background-position: 0 -15px;
}

.selectboxit-default-arrow {
    width: 0;
    height: 0;
    border-top: 4px solid #000000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.selectboxit-list {
    background-color: #32323C;
    border: 1px solid #25272F;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.selectboxit-list .selectboxit-option-anchor {
    color: #FFF;
}

.selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {
    color: #ffffff;
    background-color: #0081c2;
    background: linear-gradient(to bottom, #0088cc, #0077b3);
    background-repeat: repeat-x;
}

.selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor {
    color: #FFF;
}

#systemdrop {
    background-color: #EFEFEF;
    border-radius: 4px;
    border: 1px solid #D0D0D0;
    overflow: auto;
    float: left;
    width: 100% !important;
    display: none;
}

#systemdrop label {
    float: left;
    width: 100%;
}

#systemdrop label span {
    text-align: center;
    padding: 3px 0px;
    margin: 4px 4px;
    display: block;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E1E7EF), to(#7C838E));
}

#systemdrop label input {
    position: absolute;
    top: -20px;
    display: none;
}

#systemdrop input:checked + span {
    background-color: #282833;
    color: #fff;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#565664), to(#181822));
}

.systemDrop {
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#565664), to(#181822));
    height: 37px;
    border-radius: 4px;
    width: 100% !important;
}

.systemDrop a {
    text-decoration: none;
    font-size: 23px;
    color: #fff;
    line-height: 33px;
}

.border-hover {
    border: 1px solid #36a844 !important;
    border-radius: 3px;
    color: #36a844 !important;
}

.border-hover2 {
    border-bottom: 2px solid #36a844 !important;
}

.border-hover a {
    color: #36a844 !important;
}

.sMenuHover {
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#868A9B), to(#484B57)) !important;
}

.cpnButtonHover,
.menuHover {
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#181822), to(#565664)) !important;
}

.menuHover2 {
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#181822), to(#565664)) !important;
}

.clock {
    float: right;
    margin-right: 2%;
    color: #fff;
    line-height: 154px;
    font-weight: bold;
    text-align: right;
}

.languageNavbar {
    position: absolute;
    width: 92px;
    left: -9px;
    top: 40px;
    display: none;
    z-index: 9999;
}

.languageNavbar li {
    width: 55px !important;
    display: inline-block;
    margin-top: 0px !important;
    float: left;
    margin-bottom: 0;
}

.languageNavbar li:last-child {
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#565664), to(#181822));
    margin-top: -18px;
}

.dates {
    float: left;
    margin-top: 17px;
}

.allDates {
    float: left;
    width: 72px;
    display: inline-block;
    padding: 7px;
    height: 44px;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#565664), to(#181822));
    margin: 10px 4px 0px 10px;
}

.terminalCurs .allDates {
    cursor: none;
}

.allDates p {
    color: #EDEDF7;
    padding: 11px;
    border: 1px solid #656571;
    background-color: #32323C;
}

.bottomCategoryContainer {
    position: absolute;
    bottom: 80px;
    left: 0;
    width: 80%;
    background: #25272F;
    height: 78px;
}

.dates li {
    display: inline-block;
    width: 68px;
    border-radius: 3px;
    height: 35px;
    cursor: none;
    padding: 7px;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#565664), to(#181822));
    margin: -5px 1px;
}

.terminalCurs .dates li {
    cursor: none;
}

.termScroll {
    bottom: 160px !important;
}

.termScrollShop {
    bottom: 80px !important;
}

.dates li a {
    text-decoration: none;
    line-height: 35px;
    font-weight: normal;
    letter-spacing: 1px;
    font-size: 18px;
    color: #DBDBDB;
    white-space: nowrap;
}

.terminalCurs .dates li a {
    cursor: none;
}

.top-hover {
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#181822), to(#565664)) !important;
}

.leftDateTerm {
    width: 712px;
}

.animatetournament li,
.animatetournament {
    max-height: 20px;
    display: block;
    height: 20px;
    padding: 10px;
}

.tournamentopen {
    height: auto;
    max-height: auto;
    padding-bottom: 1px;
    padding-top: 7px;
}

.tournamentclosed {
    height: 0;
    max-height: 0;
}

.tournamentwrapper {
    overflow: hidden;
    transition: height ease .5s;
}

.tournamentbox {
    display: block;
    height: auto;
}

.countries,
.tournaments li {
    text-align: center;
    margin: 5px 6px;
    color: #DADADA;
    display: inline-block;
    line-height: 32px;
    font-size: 18px;
    border: 1px solid #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 10px;
    border-radius: 2px;
}

.terminalCurs .countries,
.terminalCurs .tournaments li {
    cursor: none;
}

.countries p,
.tournaments p,
.scrollUp p,
.scrollDown p,
.dates li p {
    color: #EDEDF7;
}

.tournaments li {
    width: 96% !important;
    text-align: left;
    color: #DADADA;
    display: block;
    line-height: 40px;
    height: 40px;
    font-size: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 8px;
    border-radius: 4px;
    background-color: #858585;
    margin-left: 2%;
    text-indent: 20px;
}

.terminalCurs .tournaments li {
    cursor: none;
}

.tournaments li:hover {
    color: orange;
}

.dates li p {
    padding: 4px;
}

.scrollUp p,
.scrollDown p {
    padding: 3px 9px;
    margin-left: 7px;
    margin-top: -7px;
    margin-right: 7px;
}

.scrollContainerBottom {
    height: 100px;
    float: left;
    padding-left: 6%;
}

.scrbutton2 {
    width: 90px;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#565664), to(#181822));
    padding: 15px 0px 0px 0px;
    height: 35px;
    border-radius: 5px;
    float: left;
    margin: 10px 3px;
}

.terminalCurs .scrbutton2 {
    cursor: none;
}

.scrbutton2 p img {
    margin-top: 5px;
}

.allCountries,
.allTournaments {
    width: 700px;
    padding: 1px 5px;
    background: rgba(0, 0, 0, 0.8);
    float: right;
    display: none;
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    border-left: 1px solid #000000;
}

.countrydivided {
    display: inline-block;
    float: left;
    margin-right: 0.3%;
    width: 33%;
}

.countryDialogCont .countrydivided div {
    width: 100% !important;
}

.allCountries div,
.countryDialogCont .countrydivided div,
.allTournaments div {
    width: 31%;
    position: relative;
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    border-left: 1px solid #000000;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#565664), to(#181822));
    margin: 5px 6px;
    color: #DADADA;
    display: inline-block;
    line-height: 44px;
    border-radius: 2px;
}

.terminalCurs .allCountries div,
.terminalCurs .countryDialogCont .countrydivided div,
.terminalCurs .allTournaments div {
    cursor: none;
}

#langOpen {
    width: 55px !important;
}

.categoryspace {
    top: 155px !important;
}

.countryDialogCont {
    padding: 10px 0px 10px 0px;
}

.scrollDContainer .scrbutton {
    height: 60px !important;
}

/*LiveTicker*/
.liveTicketContainer {
    float: left;
    width: 50%;
    font-size: 35px;
    margin-top: 35px;
    background: white;
    line-height: 40px;
    border: 4px solid gray;
}

.liveTicketContent {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    animation-name: marquee;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    -webkit-animation-name: marquee;
    /* Chrome, Safari, Opera */
    -webkit-animation-duration: 15s;
    /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: infinite;
    /* Chrome, Safari, Opera */
}

@-webkit-keyframes marquee {
    0% {
        text-indent: 27.5em
    }

    100% {
        text-indent: -105em
    }
}

@keyframes marquee {
    0% {
        text-indent: 27.5em
    }

    100% {
        text-indent: -105em
    }
}

.bsCurrency {
    font-weight: bold;
}

.dateSelectLable {
    margin-right: 10px;
    margin-top: 10px;
}

.clockterminal {
    margin-top: 10px;
    padding: 0 0.5rem;
}

.ngdialog-theme-scanner {
    padding-top: 140px;
    margin-left: 0 !important;
    width: auto !important;
    height: auto !important;
}

.ngdialog-theme-scanner-small {
    max-width: 30%;
    padding-top: 140px;
    margin: auto !important;
    height: auto !important;
}

.ngdialog.ngdialog-theme-scanner-small .ngdialog-content {
    height: 100%;
    min-height: 100px;
    max-height: 200px !important;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ngdialog.ngdialog-theme-scanner .ngdialog-content {
    height: auto !important;
}

.ngdialog.ngdialog-theme-scanner .ngdialog-close {
    position: relative !important;
    right: 17% !important;
    top: -89px !important;
}

.buttonContainer {
    width: 100%;
}

.buttonContainer div {
    margin: 0 auto;
}

.cpnConfirm,
.cpnDecline {
    width: 137px;
    border-radius: 5px;
    font-size: 31px;
    outline: 0;
    color: #fff;
}

.cpnConfirm {
    background: -webkit-linear-gradient(top, #1d7e31, #006C10);
    border: 1px solid transparent;
}

.cpnDecline {
    background-image: -webkit-gradient(linear,
    left top,
    left bottom,
    color-stop(0, #CC0000),
    color-stop(1, #9A0000));
    border: 1px solid transparent;
}

.shopidinfo {
    font-size: 11px;
    text-indent: 5px;
}

.ngdialog.ngdialog-theme-mail {
    padding-bottom: 10px;
    padding-top: 10px;
}

/**/
.cpnScn {
    width: 50%;
}

.cpntiplocked {
    border: 1px solid red;
}

.resetCashiersumBtn {
    padding: 0px 10px;
}

.mincombi {
    font-size: 10px;
    line-height: 10px;
}

.keyboardshortcut5 {
    position: relative;
    top: 12px;
    right: 38px;
    font-size: 11px;
    color: rgb(255, 252, 0);
}

/**/
.ticketconfContainer {
    width: 91%;
    bottom: 365px;
    position: absolute;
    left: 0px;
    background-color: #d9edf7;
    border: 1px solid #2F2F2F;
    padding: 10px;
    border-radius: 5px;
}

.ticketconfContainer2 {
    width: 98%;
    height: 63px;
    background-color: rgba(0, 0, 0, 0.5);
}

.ticketconfCancelBtn {
    font-size: 15px;
    color: #FFFFFF;
    height: 41px;
    margin-top: 10px;
    border: 1px solid transparent;
    border-radius: 3px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #CC0000), color-stop(1, #9A0000));
    line-height: 42px;
    text-align: center;
    text-decoration: none;
}

.ticketconfAcceptBtn {
    font-size: 15px;
    font-weight: bold;
    line-height: 41px;
    color: #FFFFFF;
    height: 41px;
    border: 1px solid transparent;
    border-radius: 3px;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#565664), to(#181822));
    text-align: center;
    margin-top: 10px;
    text-decoration: none;
}

.ticketconfMsg {
    padding: 10px;
    font-size: 15px !important;
    color: black !important;
    width: 93%;
    font-weight: bold;
}

.mgl1p div {
    margin-left: 12%;
}

.mgl2p div {
    margin-left: 2%;
}

.mgl3p div {
    margin-left: 9px;
}

.mgl4p div {
    margin-left: 4%;
}

.mgl5p div {
    margin-left: 11px;    
}

.lmt-container {
    min-height: 185px;
}

.lmt-container-stats {
    height: 100%;
    overflow: auto;
}

.suggestion-tooltip-bs {
    width: 100%;
    float: left;
}

.suggestion-tooltip-bs div {
    text-decoration: none;
    color: #000;
    width: 12%;
    padding: 4px 1px;
    margin: 4px 2px;
    float: left;
}

.tipName {
    float: left;
    margin: 8px;
    overflow: hidden;
    width: 215px;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
}

.tipNameTerminal {
    margin: 19px;
}

.tournament-head {
    line-height: 50px;
    color: #fff;
    font-weight: bold;
    width: 100%;
    background-color: #003665;
}

.long-question {
    background-color: #003665;
}

.loading-icon {
    margin-top: 10px;
}

.termBigBg .loading-icon {
    margin-top: 10px;
}

.loading-icon {
    margin-top: 2px;
}

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

.team {
    padding: 0px 0px 0px 13px;    
}

#gamesContainer .scoreText {
    padding-top: 13px;
}

#gamesContainer .mrate3 {
    padding-right: 0px !important;
    width: auto;
    text-align: center;
}

.termBigBg .mrate3 {
    width: 110px !important;
    padding-left: 0 !important;
}

.countries {
    text-align: center;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#565664), to(#181822));
    margin: 5px 6px;
    color: #DADADA;
    width: 210px;
    display: inline-block;
    line-height: 32px;
    cursor: none;
    padding: 10px;
    font-size: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 35px;
    margin-top: 10px;
    border-radius: 2px;
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    border-left: 1px solid #000000;
}

.countries p {
    color: #EDEDF7;
    overflow: hidden;
}

.scrollUp p,
.scrollDown p,
.dates li p {
    color: #EDEDF7;
    border: 1px solid #656571;
    height: 31px;
    background-color: #32323C;
}

.termBigBg .fhalftime {
    margin-top: 28px;
}

.live-tv-options {
    display: flex;
    flex-wrap: wrap;
    width: 50%;
}

.live-game-selector {
    display: flex;
    flex-direction: row;
}

.livetv-top ul li {
    text-decoration: none;

    font-size: 15px;
    color: #fff;
    background: #000;
    font-weight: bold;

    padding: 10px;
    text-transform: uppercase;
    display: inline-block;
    cursor: pointer;
}

.livetv-top ul li.active {
    background: #fff;
    color: #000;
}

.gamesItem td {
    padding: 0px;
    margin: 0px;
    display: inline-block !important;
}

.gamesItem {
    padding: 5px;
    margin: 1px;
    border-bottom: 1px solid #000;
}

.gamesItem.selected {
    background: #99a8ad;
}

.itemsContainer .gameBlueBg {
    color: #fff;
}

.itemsContainer .gameTime {
    margin: 0px 20px 0px 0px;
}

.itemsContainer .gTime {
    width: 20%;
}

.itemsContainer .gFavorite {
    width: 20%;
}

.itemsContainer td {
    float: left;
}

.itemsContainer table {
    width: 100%;
}

.itemsContainer .league {
    top: initial !important;
    width: 500% !important;
}

.itemsContainer {
    height: 350px;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 45%;
    margin-top: 5px;
    margin-bottom: 5px;
    background: #fff;
}

.clearAll {
    padding: 5px;
    background: #fff;
    margin: 5px 0px 0px 5px;
    display: flex;
    align-items: center;
    height: 40px;
}

.selectedLive {
    margin-left: 5px;
    margin-right: 5px;
}

.gameTime {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.gameTime span:last-of-type {
    margin-bottom: 0 !important;
}

.resultSectionCont {
    width: 50%;
    height: 79vh;
}

.score-result {
    display: flex;
    flex-direction: row;
}

.score-result div {
    flex: 1 0 0;
    border-bottom: 1px solid black;
    line-height: 35px;
}

.result-title {
    background-color: #eaeaea;
    color: #2c96db;
    height: 35px;
    padding-left: 20px;
}

.result-team-1 {
    text-align: center;
}

.result-team-2 {
    text-align: center;
}
.new-card-form div.form-item{
    display:flex;
    margin-bottom:10px;
}
.new-card-form div.form-item label{
    display:flex;
    min-width:260px;
}
.new-card-form div.form-item input,
.new-card-form div.form-item select {
    width:100%;
}
.new-card-form div.confirm{
    margin-top:20px;
}
.new-card-form .alert div{
    width: 100%;
    white-space: normal;
    font-size: 11px;
    line-height: 1.3;
}
.new-card-form .alert {
    color: #ff5c75;
}
.mail-activation .activation-box {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 0.938rem;
    text-align: center;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: absolute;
    width: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.mail-activation h2,h3{
    color: #333333;
}
.mail-activation p{
    margin-bottom: 20px;
}
.mail-activation a {
    background-color: #007bff;
    color: #ffffff;
    display:inline-block;
    border: none;
    border-radius: 4px;
    padding: 10px 20px;
    cursor: pointer;
    transition: background-color 0.3s;
    text-decoration:none;
}
.mail-activation a:hover{
    background-color: #0056b3;
}
.rate-changes{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:6px;
}
#accept-odds-changes-container {
    position: relative;
    margin: 10px 15px;
}
#accept-odds-changes-container.on #accept-odds-changes-track {
    opacity: 1;
    background-color: #28a95b
}
#accept-odds-changes-container.on #accept-odds-changes-knob {
    left: 20px;
}
#accept-odds-changes-container #accept-odds-changes-track {
    width: 38px;
    height: 14px;
    opacity: .5;
    background-color: #828282;
    border-radius: 25px;
}
#accept-odds-changes-container #accept-odds-changes-knob {
    width: 20px;
    height: 20px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .24), 0 0 1px 0 rgba(0, 0, 0, .12);
    background-color: #fff;
    border-radius: 25px;
    position: absolute;
    top: -3px;
}
.ngdialog-theme-odds-change .ngdialog-content{
    width: 400px !important;
}
.ngdialog-theme-odds-change .ngdialog-content button{
    border:none;
    border-radius: 4px;
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#565664), to(#181822));;
    color:white;
    margin-top: 20px;
    margin-right: 10px;
    padding: 10px 14px;
    cursor: pointer;
}
.preview-container {
    border: 2px dashed #aaa;
    height: 200px;
    width: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 50px auto 15px;
  }
  .preview-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
  }
  .file-input {
    width: 200px;
  }
  .dialog-content {
    padding: 20px;
    min-width: 400px;
    min-height: 300px;
  }
  .dialog-actions {
    text-align: right;
  }
  .deposit-container {
    margin-top: 80px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .deposit-input {
    width: 200px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    text-align: left;
  }
  .terminal-management-table th,
  .terminal-management-table td {
    text-align: center;
  }
  .terminal-management-table .align-right {
    text-align: right;
  }
  .terminal-management-table .tm-col-terminal {
    width: 22%;
  }
  .terminal-management-table .tm-col-username {
    width: 18%;
  }
  .terminal-management-table .tm-col-balance {
    width: 18%;
  }
  .terminal-management-table .tm-col-amount {
    width: 18%;
  }
  .terminal-management-table .tm-col-actions {
    width: 24%;
  }
  .terminal-amount-cell {
    text-align: center;
  }
  .terminal-amount-input {
    width: 150px;
    text-align: center;
    margin: 0 auto;
  }
  .terminal-action-group {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
  }
  .terminal-action-group .btn-custom {
    margin-left: 0;
    min-width: 110px;
    padding: 10px 14px;
  }
 .btn-custom {
    padding: 12px 20px;
    margin-left: 10px;
  }
  .image-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 30px;
    margin-top: 80px;
  }
  div.form-item label {
    display: flex;
    margin-bottom: 2px;
  }
  div.form-item > div {
    display: flex;
  }
  .container {
    width: 300px;
    margin: auto;
  }
  .container .form-item {
    margin-bottom: 20px;
  }

.GroupsContainer {
    display: flex;
    width: 100%;
    font-weight: 600;
}
.GroupParentMarketsContainer {
    width:calc(100% - 95px);
}
.GroupMarketsContainer {
    display: flex;
    overflow: hidden;
    width: -webkit-fill-available;
}
.GroupTitle {
    width: 130px;
    min-width: 130px;
    max-width: 130px;
    overflow: hidden;
    white-space: nowrap;        
    text-overflow: ellipsis;
    height: 40px;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#565664), to(#181822));
    color: #FFFFFF;
    text-decoration: none;
    font: 13px / 42px Arial;
    text-align: center;
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
    border-left: 1px solid #000000;
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    border-radius: 4px 4px 0 0;
    padding: 0 20px;
    cursor: pointer;

}

.GroupTitle.selected {
    color:#FFF668;
}
.GroupTitle.betbuilder-title {
    overflow: visible;
    width: auto;
    max-width: none;
}
.GroupTitle .bb-lego-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -2px;
    background-color: #FFF668;
    -webkit-mask: url(../img/icons/lego-piece-svgrepo-com.svg) no-repeat center / contain;
    mask: url(../img/icons/lego-piece-svgrepo-com.svg) no-repeat center / contain;
}
.GroupTitle .bb-text {
    position: relative;
    display: inline-block;
}
.GroupTitle .bb-new-badge {
    position: absolute;
    left: 100%;
    top: 8px;
    transform-origin: left center;
    transform: rotate(-20deg);
    background: #e2001a;
    color: #FFFFFF;
    font-size: 8px;
    line-height: 1;
    font-weight: bold;
    padding: 2px 4px;
    border-radius: 3px;
    margin-left: 2px;
    white-space: nowrap;
    text-transform: uppercase;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
.Logo {
    width: 7vw;
    margin: auto;
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: 10px;
  }

  .topbox-1 .resultCat{
    display:flex;
    margin-right: 0.5rem;
  }
  .SiteLogoAboveBasket {
    background-repeat: no-repeat;
    width: 140px;
    height: 45px;
    margin: 10px auto;
    background-size: contain;
}
.test-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw !important;
    z-index: 9999;
  }
  .test-header::before {
    content: "";
    display: block;
    height: 1.5em;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="24"><text x="0" y="18 " font-size="24" fill="red">Test</text></svg>') repeat-x;
  }
    
  .overflow-x {
    overflow-x: auto;
  }

.button {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    height: 38px;
    width: 48px;
    min-width: 48px;
    text-align: center;
    background: #65a9d7;
    background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
    background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
    background: -moz-linear-gradient(top, #3e779d, #65a9d7);
    background: -ms-linear-gradient(top, #3e779d, #65a9d7);
    background: -o-linear-gradient(top, #3e779d, #65a9d7);
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#565664), to(#181822));
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
    -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
    box-shadow: rgba(0,0,0,1) 0 1px 0;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    color: white;
    text-decoration: none;
    vertical-align: middle;
}
.button:hover {
    background: #28597a;
    color: #ccc;
}
.button:active {
    background: #1b435e;
}

.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.citizen-card-modal {
    background-color: #DBDBE4;
    border-radius: 12px;
    padding: 30px;
    width: 400px;
    max-width: 90%;
    position: relative;
}

.citizen-card-modal .title {
    text-align: center;
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 25px;
    border-bottom: 1px solid;
    padding-bottom: 10px;
}

.new-card-forms {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.citizenForm-item label {
    display: block;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 400;
}

.citizenForm-item input[type="text"] {
    width: 100%;
    padding: 10px;
    border: 1px solid;
    border-radius: 6px;
    font-size: 16px;
    box-sizing: border-box;
    transition: border-color 0.3s;
}

.citizenForm-item input[type="text"]:focus {
    outline: none;
}

.citizenForm-item div.alert {
    color: red;
    padding: 2px;
    border-radius: 4px;
    font-size: 12px;
    text-align: left;
}

.citizenForm-item.confirm {
    text-align: right;
    margin-top: 15px;
}
.citizenForm-item label {
    text-align: left;
}

.citizenForm-item.confirm input[type="button"] {
    background-color: #007bff;
    color: white;
    border: none;
    padding: 8px 20px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    min-width: 100px;
    transition: background-color 0.3s;
}

.citizenForm-item.confirm input[type="button"]:hover {
    background-color: #0056b3;
}

.citizenForm-item.confirm input[type="button"]:active {
    transform: translateY(1px);
}

.close-button {
    position: absolute;
    top: 10px;
    right: 15px;
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    color: #999;
}

.close-button:hover {
    color: #333;
}

input[type="button"]:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    background-color: #ccc;
}


.esportsTrackerContainer {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.esportsTrackerContainer .iframe {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    justify-content: center;
    width: 50%;
}
.esportsTrackerContainer .noiframe {
    display: none !important;
}
.esportsTrackerOne {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
    color: #fff;
    position: relative;
    margin: 8px;
}
.esportsTrackerTwo {
    display: flex;
    width: 50%;
    min-width: 50%;
    max-width: 50%;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: center;
    color: #fff;
    position: relative;
    margin: 8px;
    aspect-ratio: 9/6 auto;
}
.esportsTrackerOne .bgimage,
.esportsTrackerTwo .bgimage {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0.5;
    border-radius: 10px;
}
.esportsTrackerOne .tracker,
.esportsTrackerTwo .tracker {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40vh;
    color: #fff;
    z-index: 100;
}
.esportsTrackerOne .tracker-container,
.esportsTrackerTwo .tracker-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30%;
}
.esportsTrackerOne .tracker-container.col,
.esportsTrackerTwo .tracker-container.col {
    flex-direction: column;
}
.esportsTrackerOne .tracker-container .team,
.esportsTrackerTwo .tracker-container .team {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 20px;
}
.esportsTrackerOne .time,
.esportsTrackerTwo .time{
    display: flex;
    flex-direction: column;
    width: 15vw;
    align-items: center;
    justify-content: center;
    padding: 30px 20px;
    font-size: 20px;
    font-weight: bold;
}
.esportsTrackerOne .tracker-container .score,
.esportsTrackerTwo .tracker-container .score {
    display: flex;
    flex-direction: column;
    width: 15vw;
    height: 20vh;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
}
.esportsTrackerOne .tracker-container .score .text,
.esportsTrackerTwo .tracker-container .score .text {    
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 1rem;
}
.esportsTrackerOne .tracker-container .score .textsm,
.esportsTrackerTwo .tracker-container .score .textsm {    
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 1rem;
}

.partialRebuy .partialRebuyRow {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 8px 0;
}

.partialRebuy .partialRebuyInput {
    width: 200px;
    font-size: 24px;
    text-align: right;
}

.partialRebuy .partialRebuyWarn {
    color: #FFF85B;
    margin: 8px 0;
}

.partialRebuy .partialRebuyKeys {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
    margin: 12px 0;
}

.partialRebuy .partialRebuyKeys button {
    height: 56px;
    font-size: 26px;
    color: #fff;
    border: 1px solid #000;
    border-radius: 3px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #62708D), color-stop(1, #4A556B));
}

.partialRebuy .cpnConfirm[disabled] {
    opacity: 0.4;
}

.partialRebuy .buttonContainer {
    text-align: center;
}

.partialRebuy .buttonContainer button {
    margin: 0 8px;
}


/* ---- css/responsive.css ---- */
@media screen and (max-width: 768px) {
    .logo {
        background: url('/themes/current/img/logo.png') no-repeat center center;
        max-width: 100%;
        height: 150px;
    }

    .loginArea {
        margin-top: unset;
    }

    .loginForm > input {
        width: 80% !important;
        justify-content: center;
    }

    .button_con {
        width: 80% !important;
        justify-content: space-between !important;
    }

    .loginForm .button_con > input[type="button"] {
        width: 50% !important;
        float: unset;
        margin-left: -7.5px;
    }

    .loginForm .button_con > .cancel {
        width: 50% !important;
        float: unset;
        margin-right: -7.5px !important;
    }

    .big_keyboard {
        display: none !important;
    }

    .navContainer {
        display: flex;
        position: fixed;
        width: 100% !important;
        margin-right: unset !important;
    }

    .navContainer .settings {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 44px;
        padding: 0 !important;
    }

    .new-message-cnt {
        bottom: 16px !important;
    }

    .mainmenu {
        padding: 0%;
        display: flex;
        flex-wrap: wrap;
        margin-top: 4rem;
    }

    .cashbox {
        width: 100%;
    }

    .cashbox a h1, .ticketcheck a h1, .customerdisplay a h1, .livedisplay a h1, .pdfmenu a h1, .financemenu a h1 {
        font-size: 24px;
    }

    .cashbox a p, .ticketcheck a p, .customerdisplay a p, .livedisplay a p, .pdfmenu a p, .financemenu a p {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 80%;
        padding: 0 15px !important;
        margin: 0 !important;
    }

    .financeContainer {
        top: 170px;
    }

    .financeMenuContainer {
        margin-top: 0;
    }

    .financeMenu {
        display: flex;
        flex-direction: row;
        overflow-x: auto;
        width: 100%;
    }

    .financeMenu li {
        padding: 5px 20px;
        margin-right: 5px;
    }

    .top-barF {
        top: 49px;
    }

    .cardcontainer div {
        margin-top: 40px;
        display: flex;
        flex-direction: column;
        width: 100%;
        margin: auto;
        float: unset;
    }

    .cardcontainer input {
        width: calc(100% - 95px) !important;
    }

    .cardcontainer input[type="submit"] {
        padding: 12.5px 0px;
        width: calc(100% - 70px) !important;
    }

    .generalContainer {
        display: flex !important;
        flex-direction: column;
        width: 100% !important;
        float: unset;
        justify-content: center;
        margin-top: 10px;
    }

    .resultCat li a, .rmenu li a, .financeMenu li a {
        white-space: nowrap;
    }

    .fromToDate {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        top: 60px;
    }

    .fromToDate div {
        display: flex;
        float: left;
        width: 100%;
    }

    .fromToDate div span {
        display: flex;
        justify-content: flex-start;
        width: 30%;
        min-width: 30%;
        max-width: 30%;
        padding-left: 15px;
        text-align: left;
    }

    .fromToDate .pad-x-5 {
        padding: 5px 0;
    }

    .fromToDate .pad-l-15 {
        padding-left: 15px;
    }

}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
    html {
        height: 100%;
        overflow-x: hidden;
        overflow-y: hidden;
    }

    .bottomMenu ul li {
        margin-right: 3px;
        width: 5.5%;
    }

    .cpnBottomMenu {
        bottom: 0px;
    }

    #gamesContainer .statLive {
        width: 40px;
    }

    .league {
        font-size: 13px;
        color: #DADADA;
        position: relative;
        margin: 5px 0px;
        width: 180%;
        position: initial;
        font: 13px PTSansRegular;
        white-space: nowrap;
    }

    .ovalue {
        width: auto;
        margin-left: 5px !important;
    }

    .leagueName {
        float: left;
        width: 250px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .yellow-card {
        margin-right: 10px;
        color: #000;
        margin-top: 1px;
        background: #FCF800;
        padding: 0px;
        padding: 0px 2px 0px 2px;
        font-size: 12px;
    }

    .red-card {
        margin-right: 10px;
        margin-top: 1px;
        color: #FFF;
        background: #C4002A;
        padding: 0px;
        padding: 0px 2px 0px 2px;
    }

    .countries {
        width: 150px;
    }

    #games2Container .halfTime {
        left: 25%;
    }

    .liveguest {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #games2Container .ovalue {
        width: 100%;
        height: 100%;
        line-height: 100%;
        margin-left: 0px !important;
    }

    #wrapperlive2 .clock {
        float: left;
        color: #fff;
        font-weight: bold;
        text-align: right;
        width: 14%;
        height: 50px;
        text-align: center;
        font-size: 17px;
        line-height: 25px;
        margin-right: 0%;
        font-weight: bold;
    }

    .ltvTeamCol {
        width: 20%;
    }

    .ltvScoreValue {
        width: 41%;
        padding-left: 3px;
        float: left;
        color: #FFF668;
    }

    .liveInfoMinDiv {
        margin-left: 22px;
        line-height: 13px;
    }

    .liveinfo {
        margin-left: 13%;
    }

    #wrapperlive2 .time,
    #wrapperlive2 .number {
        font-size: 85%;
        margin-top: 0px;
        line-height: 115%;
    }

    .scrollBTContainer {
        width: 100%;
        font-size: 12px;
    }

    .red-card {
        font-size: 12px;
    }

    .searchBox {
        width: 25% !important;
    }

    .rightMenu {
        width: 29% !important;
    }

    .addStakeCash {
        display: block;
        position: absolute;
        left: 90px;
        height: 12px;
        font-size: 12px;
        color: #fff;
        padding: 0px 2px 2px 2px !important;
        width: 34px;
        text-decoration: none;
        border-radius: 0px !important;
    }

    .addCash {
        bottom: 19px;
    }

    .gameGreenBg .odd-hover {
        background: -webkit-linear-gradient(top, #2d8d41, #36a844) !important;
    }

    .gameOrangeBg .matchRate.shpHover a:hover,
    .gameBlueBg .matchRate.shpHover a:hover {
        background: #0968C8;
    }

    .gameGreenBg .matchRate.shpHover a:hover {
        background-color: rgba(32, 50, 140, 1);
    }

    .ngdialog.ngdialog-theme-default {
        padding-bottom: 160px;
        padding-top: 86px;
        margin-left: 0px;
    }

    .homeBgGoal {
        background: url('../img/goalFirst.gif') no-repeat 50% 58%;
    }

    .ticketconfContainer {
        bottom: 305px;
    }

    .ticketconfMsg {
        bottom: 368px;
    }

    .scrollContainerBottom {
        padding-left: 0%;
    }

    .selectDateContainer {
        padding-left: 10px;
    }

    .selectCatContainer {
        width: 140px;
    }

    .selectTournamentContainer {
        width: 140px;
    }

    .resultCat li {
        font: 12px/42px Arial;
    }

    .termBigBg .homeTeam {
        font-size: 14px !important;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .termBigBg .guestTeam {
        font-size: 14px !important;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    #langOpen {
        width: 36px !important;
    }

    .shopSearch {
        width: 18% !important;
    }

    .shopRightMenu {
        width: 37% !important;
    }
}

@media screen and (max-width: 1440px) {
    .clockterminal {
        margin-top: -18px;
        position: absolute;
        right: 5px;
        font-size: 13px;
    }

    .addStakeLink {
        margin: 0px 0px;
        width: 24px;
        padding: 10px 15px 20px 15px;
    }

    .dates li {
        display: inline-block;
        width: 57px;
    }

    .dates li a {
        font-size: 15px;
    }

    .scrollContainerBottom {
        padding-left: 2%;
    }

    .leftDateTerm {
        width: 622px;
    }

    .cpnCreditPayoutBtn {
        font-size: 14px
    }

    .cpnSlideContent {
        margin-right: 0px;
    }

    .suggestion-tooltip-bs div {
        width: 13%;
        font-size: 13px;
    }

    .tipName {
        width: 80px;
    }
}

@media screen and (min-width: 1281px) {
    .selectCatContainer {
        width: 151px;
    }
}

@media screen and (max-width: 1919px) {
    .addStakeLink {
        margin: 0px 0px;
        width: 24px;
        padding: 10px 15px 20px 15px;
    }
}


/* ---- css/theme.css ---- */


/* ---- css/flags.css ---- */
.icon_sport {
    background: url("../img/icons.png") no-repeat scroll 0 0 rgba(255, 255, 255, 0);
    height: 19px;
    margin: 0;
    background-size: 18px;
    width: 18px;
    min-width: 18px;
    float: left;
    margin-right: 3px;
}

.sport-13 {
    background-position: 0 -67px;
}

.sport-31 {
    background-position: 0 -132px;
}

.sport-15 {
    background-position: 0 -197px;
}

.sport-3 {
    background-position: 0 -164px;
}

.sport-2 {
    background-position: 0px -82px;
}

.sport-60 {
    background-position: 0 -392px;
}

.sport-10 {
    background-position: 0 -457px;
}

.sport-17 {
    background-position: 0 -522px;
}

.sport-22 {
    background-position: 0 -587px;
}

.sport-24 {
    background-position: 0 -652px;
}

.sport-7 {
    background-position: 0 -717px;
}

.sport-16 {
    background-position: 0 -781px;
}

.sport-29 {
    background-position: 0 -847px;
}

.sport-9 {
    background-position: 0 -912px;
}

.sport-6 {
    background-position: 1px -28px;
}

.sport-4 {
    background-position: 0 -273px;
}

.sport-11 {
    background-position: 0 -1105px;
}

.sport-40 {
    background-position: 0 -1105px;
}

.sport-12 {
    background-position: 0 -293px;
}

.sport-19 {
    background-position: 0 -1234px;
}

.sport-1 {
    background-position: 0px -243px;
}

.sport-54 {
    background-position: 0 -1364px;
}

.sport-20 {
    background-position: 0 -1429px;
}

.sport-5 {
    background-position: 0 -137px;
}

.sport-23 {
    background-position: 0px -216px;
}

.sport-34 {
    background-position: 0 -1559px;
}

.sport-26 {
    background-position: 0 -1624px;
}

.sport-14 {
    background-position: 0 -1689px;
}

.sport-28 {
    background-position: 0 -1689px;
}

.sport-61 {
    background-position: 0 -262px;
}

.sport-100 {
    background-position: 0 -1692px;
}

.sport-44 {
    background-position: 0 -1757px;
}

.sport-46 {
    background-position: 0 -1822px;
}

.sport-43 {
    background-position: 0 -1887px;
}

.sport-48 {
    background-position: 0 -1954px;
}

.sport-67 {
    background-position: 0 -2017px;
}

.sport-68 {
    background-position: 0 -2082px;
}

.sport-65 {
    background-position: 0 -2147px;
}

.sport-51 {
    background-position: 0 -2212px;
}

.sport-49 {
    background-position: 0 -2145px;
}

.sport-45 {
    background-position: 0 -2274px;
}

.sport-47 {
    background-position: 0 -2342px;
}

.sport-101 {
    background-position: 0 -2407px;
}

.sport-69 {
    background-position: 0 -2469px;
}

.sport-42 {
    background-position: 0 -2534px;
}

.sport-70 {
    background-position: 0 -2534px;
}

.sport-102 {
    background-position: 0 -2602px;
}

.sport-50 {
    background-position: 0 -2665px;
}

.sport-30 {
    background-position: 0 -1821px;
}

.sport-100 {
    background-position: 0 -2015px;
}

.sport-101 {
    background-position: 0 -1105px;
}

.sport-105 {
    background-position: 0 -2665px;
}

/*.x-tree-icon { display: none !important; }*/
/* Ülke Bayrakları başlangıç */
.icon_flag {
    background: url("../img/flags.png") no-repeat scroll left center transparent;
    height: 11px;
    margin: 0;
    width: 16px;
    float: left;
    margin-right: 8px;
    position: static;
    top: 0px;
}

.icon_flagBig {
    background: url("../img/flags.png") no-repeat scroll top center rgba(29, 29, 29, 0);
    height: 11px;
    margin: 0;
    padding: 1px;
    width: 16px;
    float: left;
    margin-left: 56px;
    margin-top: 13px;
    margin-right: -52%;
    zoom: 1;
    -webkit-transform: scale(1.2);
    -webkit-transform-origin: 0 0;
}

.cc-ad {
    background-position: 0 -5px;
}

.cc-ae {
    background-position: 0 -36px;
}

.cc-af {
    background-position: 0 -67px;
}

.cc-ag {
    background-position: 0 -98px;
}

.cc-ai {
    background-position: 0 -129px;
}

.cc-al {
    background-position: 0 -160px;
}

.cc-am {
    background-position: 0 -191px;
}

.cc-an {
    background-position: 0 -222px;
}

.cc-ao {
    background-position: 0 -253px;
}

.cc-ar {
    background-position: 0 -284px;
}

.cc-as {
    background-position: 0 -315px;
}

.cc-at {
    background-position: 0 -346px;
}

.cc-au {
    background-position: 0 -377px;
}

.cc-aw {
    background-position: 0 -408px;
}

.cc-ax {
    background-position: 0 -439px;
}

.cc-az {
    background-position: 0 -470px;
}

.cc-ba {
    background-position: 0 -501px;
}

.cc-bb {
    background-position: 0 -532px;
}

.cc-bd {
    background-position: 0 -563px;
}

.cc-be {
    background-position: 0 -594px;
}

.cc-bf {
    background-position: 0 -625px;
}

.cc-bg {
    background-position: 0 -656px;
}

.cc-bh {
    background-position: 0 -687px;
}

.cc-bi {
    background-position: 0 -718px;
}

.cc-bj {
    background-position: 0 -749px;
}

.cc-bm {
    background-position: 0 -780px;
}

.cc-bn {
    background-position: 0 -811px;
}

.cc-bo {
    background-position: 0 -842px;
}

.cc-br {
    background-position: 0 -873px;
}

.cc-bs {
    background-position: 0 -904px;
}

.cc-bt {
    background-position: 0 -935px;
}

.cc-bv {
    background-position: 0 -966px;
}

.cc-bw {
    background-position: 0 -997px;
}

.cc-by {
    background-position: 0 -1028px;
}

.cc-bz {
    background-position: 0 -1059px;
}

.cc-ca {
    background-position: 0 -1090px;
}

.cc-cc {
    background-position: 0 -1121px;
}

.cc-cd {
    background-position: 0 -1152px;
}

.cc-cf {
    background-position: 0 -1183px;
}

.cc-cg {
    background-position: 0 -1214px;
}

.cc-ch {
    background-position: 0 -1245px;
}

.cc-ci {
    background-position: 0 -1276px;
}

.cc-ck {
    background-position: 0 -1307px;
}

.cc-cl {
    background-position: 0 -1338px;
}

.cc-cm {
    background-position: 0 -1369px;
}

.cc-cn {
    background-position: 0 -1400px;
}

.cc-co {
    background-position: 0 -1431px;
}

.cc-cr {
    background-position: 0 -1462px;
}

.cc-cs {
    background-position: 0 -1493px;
}

.cc-cu {
    background-position: 0 -1524px;
}

.cc-cv {
    background-position: 0 -1555px;
}

.cc-cx {
    background-position: 0 -1586px;
}

.cc-cy {
    background-position: 0 -1617px;
}

.cc-cz {
    background-position: 0 -1648px;
}

.cc-de {
    background-position: 0 -1679px;
}

.cc-dj {
    background-position: 0 -1710px;
}

.cc-dk {
    background-position: 0 -1741px;
}

.cc-dm {
    background-position: 0 -1772px;
}

.cc-do {
    background-position: 0 -1803px;
}

.cc-dz {
    background-position: 0 -1834px;
}

.cc-earth {
    background-position: 0 -1865px;
}

.cc-ec {
    background-position: 0 -1896px;
}

.cc-ee {
    background-position: 0 -1927px;
}

.cc-eg {
    background-position: 0 -1958px;
}

.cc-eh {
    background-position: -36px -5px;
}

.cc-en {
    background-position: -36px -36px;
}

.cc-er {
    background-position: -36px -67px;
}

.cc-es {
    background-position: -36px -98px;
}

.cc-et {
    background-position: -36px -129px;
}

.cc-fam {
    background-position: -36px -160px;
}

.cc-fi {
    background-position: -36px -191px;
}

.cc-fj {
    background-position: -36px -222px;
}

.cc-fk {
    background-position: -36px -253px;
}

.cc-fm {
    background-position: -36px -284px;
}

.cc-fo {
    background-position: -36px -315px;
}

.cc-fr {
    background-position: -36px -346px;
}

.cc-ga {
    background-position: -36px -377px;
}

.cc-gb {
    background-position: -36px -408px;
}

.cc-gd {
    background-position: -36px -439px;
}

.cc-ge {
    background-position: -36px -470px;
}

.cc-gh {
    background-position: -36px -501px;
}

.cc-gi {
    background-position: -36px -532px;
}

.cc-gl {
    background-position: -36px -563px;
}

.cc-gm {
    background-position: -36px -594px;
}

.cc-gn {
    background-position: -36px -625px;
}

.cc-gp {
    background-position: -36px -656px;
}

.cc-gq {
    background-position: -36px -687px;
}

.cc-gr {
    background-position: -36px -718px;
}

.cc-gs {
    background-position: -36px -749px;
}

.cc-gt {
    background-position: -36px -780px;
}

.cc-gu {
    background-position: -36px -811px;
}

.cc-gw {
    background-position: -36px -842px;
}

.cc-gy {
    background-position: -36px -873px;
}

.cc-hk {
    background-position: -36px -904px;
}

.cc-hn {
    background-position: -36px -935px;
}

.cc-hr {
    background-position: -36px -966px;
}

.cc-ht {
    background-position: -36px -997px;
}

.cc-hu {
    background-position: -36px -1028px;
}

.cc-id {
    background-position: -36px -1059px;
}

.cc-ie {
    background-position: -36px -1090px;
}

.cc-il {
    background-position: -36px -1121px;
}

.cc-in {
    background-position: -36px -1152px;
}

.cc-io {
    background-position: -36px -1183px;
}

.cc-iq {
    background-position: -36px -1214px;
}

.cc-ir {
    background-position: -36px -1245px;
}

.cc-is {
    background-position: -36px -1276px;
}

.cc-it {
    background-position: -36px -1307px;
}

.cc-ja {
    background-position: -36px -1338px;
}

.cc-jm {
    background-position: -36px -1369px;
}

.cc-jo {
    background-position: -36px -1400px;
}

.cc-jp {
    background-position: -36px -1431px;
}

.cc-ke {
    background-position: -36px -1462px;
}

.cc-kg {
    background-position: -36px -1493px;
}

.cc-kh {
    background-position: -36px -1524px;
}

.cc-ki {
    background-position: -36px -1555px;
}

.cc-km {
    background-position: -36px -1586px;
}

.cc-kn {
    background-position: -36px -1617px;
}

.cc-kp {
    background-position: -36px -1648px;
}

.cc-kr {
    background-position: -36px -1679px;
}

.cc-kw {
    background-position: -36px -1710px;
}

.cc-ky {
    background-position: -36px -1741px;
}

.cc-kz {
    background-position: -36px -1772px;
}

.cc-la {
    background-position: -36px -1803px;
}

.cc-lb {
    background-position: -36px -1834px;
}

.cc-lc {
    background-position: -36px -1865px;
}

.cc-li {
    background-position: -36px -1896px;
}

.cc-lk {
    background-position: -36px -1927px;
}

.cc-lr {
    background-position: -36px -1958px;
}

.cc-ls {
    background-position: -72px -5px;
}

.cc-lt {
    background-position: -72px -36px;
}

.cc-lu {
    background-position: -72px -67px;
}

.cc-lv {
    background-position: -72px -98px;
}

.cc-ly {
    background-position: -72px -129px;
}

.cc-ma {
    background-position: -72px -160px;
}

.cc-mc {
    background-position: -72px -191px;
}

.cc-md {
    background-position: -72px -222px;
}

.cc-me {
    background-position: -72px -253px;
}

.cc-mg {
    background-position: -72px -285px;
}

.cc-mh {
    background-position: -72px -316px;
}

.cc-mk {
    background-position: -72px -347px;
}

.cc-ml {
    background-position: -72px -378px;
}

.cc-mm {
    background-position: -72px -409px;
}

.cc-mn {
    background-position: -72px -440px;
}

.cc-mo {
    background-position: -72px -471px;
}

.cc-mp {
    background-position: -72px -502px;
}

.cc-mq {
    background-position: -72px -533px;
}

.cc-mr {
    background-position: -72px -564px;
}

.cc-ms {
    background-position: -72px -595px;
}

.cc-mt {
    background-position: -72px -626px;
}

.cc-mu {
    background-position: -72px -657px;
}

.cc-mv {
    background-position: -72px -688px;
}

.cc-mw {
    background-position: -72px -719px;
}

.cc-mx {
    background-position: -72px -750px;
}

.cc-my {
    background-position: -72px -781px;
}

.cc-mz {
    background-position: -72px -812px;
}

.cc-n {
    background-position: -36px -408px;
}

.cc-na {
    background-position: -72px -843px;
}

.cc-nc {
    background-position: -72px -874px;
}

.cc-ne {
    background-position: -72px -905px;
}

.cc-nf {
    background-position: -72px -936px;
}

.cc-ng {
    background-position: -72px -967px;
}

.cc-ni {
    background-position: -72px -998px;
}

.cc-nl {
    background-position: -72px -1029px;
}

.cc-no {
    background-position: -72px -1060px;
}

.cc-np {
    background-position: -72px -1091px;
}

.cc-nr {
    background-position: -72px -1122px;
}

.cc-nu {
    background-position: -72px -1153px;
}

.cc-nz {
    background-position: -72px -1184px;
}

.cc-om {
    background-position: -72px -1215px;
}

.cc-pa {
    background-position: -72px -1246px;
}

.cc-pe {
    background-position: -72px -1277px;
}

.cc-pf {
    background-position: -72px -1308px;
}

.cc-pg {
    background-position: -72px -1339px;
}

.cc-ph {
    background-position: -72px -1370px;
}

.cc-pk {
    background-position: -72px -1401px;
}

.cc-pl {
    background-position: -72px -1432px;
}

.cc-pm {
    background-position: -72px -1463px;
}

.cc-pn {
    background-position: -72px -1494px;
}

.cc-pr {
    background-position: -72px -1525px;
}

.cc-ps {
    background-position: -72px -1556px;
}

.cc-pt {
    background-position: -72px -1587px;
}

.cc-pw {
    background-position: -72px -1618px;
}

.cc-py {
    background-position: -72px -1649px;
}

.cc-qa {
    background-position: -72px -1680px;
}

.cc-ro {
    background-position: -72px -1711px;
}

.cc-rs {
    background-position: -72px -1742px;
}

.cc-ru {
    background-position: -72px -1773px;
}

.cc-rw {
    background-position: -72px -1804px;
}

.cc-s {
    background-position: -72px -1835px;
}

.cc-sa {
    background-position: -72px -1866px;
}

.cc-sb {
    background-position: -72px -1897px;
}

.cc-sc {
    background-position: -72px -1928px;
}

.cc-sd {
    background-position: -72px -1959px;
}

.cc-se {
    background-position: -108px -5px;
}

.cc-sg {
    background-position: -108px -36px;
}

.cc-sh {
    background-position: -108px -67px;
}

.cc-si {
    background-position: -108px -98px;
}

.cc-sk {
    background-position: -108px -129px;
}

.cc-sl {
    background-position: -108px -160px;
}

.cc-sm {
    background-position: -108px -191px;
}

.cc-sn {
    background-position: -108px -222px;
}

.cc-so {
    background-position: -108px -253px;
}

.cc-sr {
    background-position: -108px -284px;
}

.cc-st {
    background-position: -108px -315px;
}

.cc-sv {
    background-position: -108px -346px;
}

.cc-sy {
    background-position: -108px -377px;
}

.cc-sz {
    background-position: -108px -408px;
}

.cc-tc {
    background-position: -108px -439px;
}

.cc-td {
    background-position: -108px -470px;
}

.cc-tf {
    background-position: -108px -501px;
}

.cc-tg {
    background-position: -108px -532px;
}

.cc-th {
    background-position: -108px -563px;
}

.cc-tj {
    background-position: -108px -594px;
}

.cc-tk {
    background-position: -108px -625px;
}

.cc-tl {
    background-position: -108px -656px;
}

.cc-tm {
    background-position: -108px -687px;
}

.cc-tn {
    background-position: -108px -718px;
}

.cc-to {
    background-position: -108px -749px;
}

.cc-tr {
    background-position: -108px -780px;
}

.cc-tt {
    background-position: -108px -811px;
}

.cc-tv {
    background-position: -108px -842px;
}

.cc-tw {
    background-position: -108px -873px;
}

.cc-tz {
    background-position: -108px -904px;
}

.cc-ua {
    background-position: -108px -935px;
}

.cc-ug {
    background-position: -108px -966px;
}

.cc-um {
    background-position: -108px -997px;
}

.cc-us {
    background-position: -108px -1028px;
}

.cc-uy {
    background-position: -108px -1059px;
}

.cc-uz {
    background-position: -108px -1090px;
}

.cc-va {
    background-position: -108px -1121px;
}

.cc-vc {
    background-position: -108px -1152px;
}

.cc-ve {
    background-position: -108px -1183px;
}

.cc-vg {
    background-position: -108px -1214px;
}

.cc-vi {
    background-position: -108px -1245px;
}

.cc-vn {
    background-position: -108px -1276px;
}

.cc-vu {
    background-position: -108px -1307px;
}

.cc-w {
    background-position: -108px -1338px;
}

.cc-wf {
    background-position: -108px -1369px;
}

.cc-ws {
    background-position: -108px -1400px;
}

.cc-ye {
    background-position: -108px -1431px;
}

.cc-yt {
    background-position: -108px -1462px;
}

.cc-yu {
    background-position: -108px -1493px;
}

.cc-za {
    background-position: -108px -1524px;
}

.cc-zh {
    background-position: -108px -1555px;
}

.cc-zht {
    background-position: -108px -1586px;
}

.cc-zm {
    background-position: -108px -1617px;
}

.cc-zw {
    background-position: -108px -1648px;
}

.cc-eu {
    background-position: -108px -1680px;
}


/* ---- css/switch.css ---- */
.toggle-switch {
    cursor: pointer;
    display: inline-block;
    text-align: left;
    overflow: hidden;
    line-height: 8px;
    margin: 5px 2px;
    min-width: 100px;
}

.toggle-switch.disabled > div > span.knob {
    background: #AAA;
}

.toggle-switch span {
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 75%;
    font-size: 12px;
    line-height: 12px;
    padding: 4px;
    text-align: center;
    width: 33%;
    white-space: nowrap;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.toggle-switch > div {
    position: relative;
    width: 150%;
}

.toggle-switch .knob {
    background: red;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background-color: #f5f5f5;
    width: 34%;
    z-index: 100;
}

.toggle-switch .switch-on {
    left: 0%;
}

.toggle-switch .switch-off {
    left: -50%
}

.toggle-switch .switch-left, .toggle-switch .switch-right {
    z-index: 1;
}

.toggle-switch .switch-left {
    color: #fff;
    background: #005fcc;
}

.toggle-switch .switch-right {
    color: #333;
    background: #f0f0f0;
}

.toggle-switch-animate {
    transition: left 0.5s;
    -o-transition: left 0.5s;
    -moz-transition: left 0.5s;
    -webkit-transition: left 0.5s;
}


/* ---- css/tcstyles.css ---- */
.slidembets {
    border-bottom: 3px solid #6B6B6B;
    padding: 3px;
    background: #000;
}

.multipleTournament:checked,
.tournaments li.selected {
    color: orange;
}

#multipleTournament {
    display: none;
}

#multipleTournament + label {
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: relative;
    float: right;
    margin: 10px;
    background: #fcfff4;
    background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    border-radius: 4px;
    box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
}

#multipleTournament + label:hover::after {
    opacity: 0.3;
}

#multipleTournament:checked + label:after {
    opacity: 1;
}

#multipleTournament + label::after {
    content: '';
    width: 9px;
    height: 5px;
    position: absolute;
    top: 4px;
    left: 4px;
    border: 3px solid orange;
    border-top: none;
    border-right: none;
    background: transparent;
    opacity: 0;
    transform: rotate(-45deg);
}

#multipleTournament:checked + label span {
    background: orange;
}

.special_bet_title {
    width: 98.6%;
    background-color: #104f88;
    text-align: left;
    padding: 3px 10px;
    color: #fff;
}

.special_bet_item {
    background-color: #000;
}

.screen-ill {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    max-height: 1164px;
    background: transparent url(../img/tcbg.png) no-repeat 50% 50%;
}

.screen {
    position: absolute;
    left: 50%;
    top: 50%;
    overflow: hidden;
    margin: -320px 0 0 -450px;
    width: 550px;
    height: 400px;
}

.screen h1 {
    color: #012346;
    font-size: 70px;
    line-height: 80px;
    width: 550px;
    height: 180px;
}

.screen p {
    font-size: 30px;
    line-height: 100%;
    color: #4e505b;
    margin: 0 0 1em 0;
    width: 520px;
    height: 108px;
}

.checkBank {
    width: 20px;
    margin: 20px auto;
    position: relative;
}

.checkBank label {
    cursor: pointer;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 25%;
    left: 40%;
    border-radius: 4px;
    -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
    background: #fcfff4;
    background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfff4', endColorstr='#b3bead', GradientType=0);
}

.checkBank input {
    display: none;
}

.checkBank label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    content: '';
    position: absolute;
    width: 9px;
    height: 5px;
    background: transparent;
    top: 4px;
    left: 4px;
    border: 3px solid #333;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.checkBank input[type=checkbox]:checked + label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.screen-logo {
    background: rgba(0, 0, 0, 0.8);
    margin: 0px 0px 90px 0px;
}

.pad {
    padding: 40px 0px 0px 0px;
}

.pad span {
    display: block;
    padding: 15px 0px 15px 0px;
    font-size: 39px;
    text-align: center;
    background: #000 top center 50% 50%;
    width: 165px;
    border-radius: 8px;
    overflow: hidden;
    margin: 21px auto 0px auto;
    background: #012346;
    color: #fff;
}

.scrollhidden {
    overflow: hidden;
}

.tickettiprow {
    line-height: 25px;
}

.financeSubTable {
    border-collapse: separate;
    border-spacing: 2px;
}

.tickettiprow td {
    margin-top: 5px;
    border-top: 1px solid #22273A;
}

.tickettiprow-open td {
    border-bottom: 1px solid #557da6;
}

.tickettiprow-won td {
    border-bottom: 1px solid #5ba649;
}

.tickettiprow-lost td {
    border-bottom: 1px solid #a63b28;
}

.tickettiprow-canceled td {
    border-bottom: 1px solid #be9a44;
}

.ticketcountryinfo {
    font-size: 12px;
    line-height: 12px;
}

.ticketrowactive tr {
    background-color: #012346;
    color: #fff;
}

.align-right {
    text-align: right !important;
    padding-right: 5px !important;
}

.tableSum {
    background: rgb(107, 120, 169);
    border-top: 10px solid;
    border-bottom: 10px solid !important;
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

tfoot {
    display: table-footer-group;
    vertical-align: middle;
    border-color: inherit;
}

.fromToDate {
    color: white;
}

.mainitem {
    width: 25% !important;
    padding: 35px 0 35px;
}

html {
    background: url('../img/bg.png') repeat !important;
}

.mainmenu {
    padding: 0%
}

.navContainer {
    width: 30%;
    margin-right: 10px;
}

.logOut {
    width: 43% !important;
}

.rmenu {
    margin-right: 10px;
}

.keyboardshortcut {
    position: absolute;
    top: 0px;
    right: 3px;
    font-size: 12px;
    color: rgb(255, 252, 0);
}

.keyboardshortcut2 {
    position: relative;
    font-size: 12px;
    color: rgb(255, 252, 0);
    float: right;
}

.keyboardshortcut4 {
    position: relative;
    top: 0px;
    right: -4px;
    font-size: 12px;
    color: rgb(255, 252, 0);
}

.cpnStakeCont-shop {
    margin-top: 10px;
}

.stakeLabel-shop {
    float: left;
}

.relpos {
    position: relative;
}

#target {
    left: 0;
    top: 0;
    width: 500px;
    height: 500px;
    vertical-align: middle;
    text-align: center;
    color: white;
    background-color: #444;
    font-size: 36pt;
    font-family: 'Futura', 'Avenir', 'Helvetica', sans-serif;
}

#bsSearchInput_dropdown {
    font: italic 14px Arial, Helvetica, sans-serif;
    color: #EDEDF7;
    border: 1px solid #656571;
    margin-right: 6px;
    margin-left: 6px;
    background-color: #32323C;
    padding: 15px 6px 0px 10px;
    border-radius: 4px;
    width: 35%;
    margin: 0;
    position: absolute;
    z-index: 100;
    text-align: left;
}

#bsSearchInput2_dropdown {
    font: italic 14px Arial, Helvetica, sans-serif;
    color: #EDEDF7;
    border: 1px solid #656571;
    margin-right: 6px;
    margin-left: 6px;
    background-color: #32323C;
    padding: 15px 6px 0px 10px;
    border-radius: 4px;
    width: 35%;
    margin: 0;
    position: absolute;
    z-index: 100;
    text-align: left;
}

.angucomplete-row {
    height: 25px;
    border-bottom: 1px solid gray;
    line-height: 25px;
}

.angucomplete-selected-row {
    background-color: gray;
}

.checkcouponstatus {
    margin-top: 12px;
    font-size: 20px;
    font-weight: bold;
    line-height: 35px;
    color: white;
}

.configTopRow {
    top: 118px;
}

.configTop {
    top: 126px;
}

.liveinfo {
    width: 840px;
    height: 148px;
    float: left;
    display: inline-block;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 20px;
    background: url("../img/tpliveinfobg.png") no-repeat top left;
    margin-left: 22%;
}

.liveinfovalues {
    margin-left: 250px;
    margin-top: 24px;
    float: left;
}

.liveInfoTeamDiv-header {
    width: 400px;
    height: 50px;
    float: left;
    display: inline-block;
    overflow: hidden;
    color: #707070;
    font-size: 9px;
    line-height: 20px;
    vertical-align: middle;
    text-align: center;
    font-family: arial;
}

.liveInfoTimeDiv {
    width: 110px;
    height: 20px;
    float: left;
    display: inline-block;
    text-indent: 5px;
}

.liveInfoValueDiv {
    width: 58px;
    height: 20px;
    float: left;
    text-align: center;
}

.liveInfoTeamDiv {
    width: 400px;
    height: 27px;
    float: left;
    display: inline-block;
    overflow: hidden;
    color: #143655;
    font-size: 15px;
    font-weight: bold;
}

.liveInfoTeamNameDiv {
    width: 110px;
    height: 20px;
    float: left;
    display: inline-block;
    text-indent: 5px;
    overflow: hidden;
}

.liveInfoValueDiv-red {
    width: 58px;
    height: 20px;
    float: left;
    text-align: center;
    color: Red;
}

.liveInfoMinDiv {
    width: 60px;
    float: left;
    color: #292929;
    font-weight: bold;
    font-size: 14px;
    margin-left: 20px;
    margin-top: 12px;
    font-family: Arial;
}

.t-stake {
    line-height: 45px;
}

.rebuyPriceHint {
    position: relative;
    float: right;
    width: calc(40% - 5px);
    text-align: left;
    font-size: 13px;
    color: rgb(255, 252, 0);
}

.rebuyTitle {
    text-align: right;
    float: left;
    width: 60%;
    display: inline-block;
    white-space: nowrap;
}

.ts_rebuyed {
    background: #00d8b4;
}

@media screen and (max-width: 1024px) {
    .logOut {
        width: 40% !important;
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
    }

    .mainitem {
        display: flex;
        width: 50% !important;
        padding: 15px 0;
        justify-content: center;
    }
}


/* ---- css/vkeyboard.css ---- */
#num_keyboard_dropdown {
    top: auto;
    bottom: 42vh;
    width: 98%;
    left: 0px;
    display: block;
}
#checkCpn #num_keyboard_dropdown {
    bottom: 2vh;
    width: 30vw;
    display: block;
    margin: auto;
    right: 0;
}

.dropdown {
    position: absolute;
    width: 100%;
    left: -3px;
    top: -4px;
    z-index: 800;
    display: none;
    padding-right: 3px;
    padding-left: 3px;
    border-radius: 3px;
    background: -webkit-linear-gradient(bottom, rgba(18, 18, 24, 0.97) 0, rgba(20, 20, 27, 0.97) 42px, rgba(32, 33, 41, 0.97) 101px, rgba(37, 39, 47, 0.97) 143px);
}

.dropdown .dropdown_bg {
    padding: 4px 1px 1px;
    margin-left: -1px;
}

.num_keyboard {
    padding: 6px;
}

.num_keyboard .big_vert_key {
    float: right;
    height: 92px;
    width: 23%;
    width: calc(25% - 9px);
    padding-top: 18px;
    text-align: center;
    margin-bottom: 6px;
    font: 24px/136px PTSansBold;
    color: #FFFFFF;
    text-decoration: none;
}

.num_keyboard .key, .big_keyboard .key, .num_keyboard .big_vert_key, .num_keyboard .big_hor_key, .big_keyboard .space_key, .big_keyboard .shift_key {
    background: -webkit-linear-gradient(top, #5a5a63 0%, #4b4c55 2%, #44444d 4%, #41424b 6%, #3a3b44 20%, #33343d 28%, #2c2d35 42%, #26272f 48%, #21222a 56%, #1a1b23 76%, #1a1b23 100%);
    border: 1px solid #000000;
    border-radius: 3px;
}

.num_keyboard .key, .big_keyboard .key, .num_keyboard .big_hor_key {
    display: inline;
    float: left;
    height: 51px;
    width: 25%;
    width: calc(25% - 6px);
    margin-right: 6px;
    margin-bottom: 6px;
    color: #D5D6D8;
    font: 24px/54px PTSansBold;
    text-align: center;
    text-decoration: none;
}

.num_keyboard .big_hor_key {
    display: inline;
    float: left;
    height: 51px;
    width: 46%;
    width: calc(50% - 4px);
    margin-right: 6px;
    margin-bottom: 6px;
    color: #D5D6D8;
    font: 24px/54px PTSansBold;
    text-align: center;
    text-decoration: none;
}

.num_keyboard .key_pressed, .big_keyboard .key_pressed, .num_keyboard .big_vert_key.key_pressed, .big_keyboard .shift_active {
    background: -webkit-linear-gradient(top, #9696a7 0%, #a0a0b0 22%, #c6c5d5 68%, #d5d6e5 96%, #e6e6f2 98%, #b1b1be 100%);
}

.big_keyboard .key_pressed {
    background-position: 0px -53px;
}


.big_keyboard .key {
    display: inline;
    float: left;
    height: 53px;
    width: 6%;
    margin-right: 6px;
    margin-bottom: 6px;
    color: #D5D6D8;
    font: 24px/54px PTSansBold;
    text-align: center;
    text-decoration: none;
}
.dropdown1 {
    position: absolute;
    width: -webkit-fill-available;
    z-index: 800;
    border-radius: 3px;
    background: -webkit-linear-gradient(bottom, rgba(18, 18, 24, 0.97) 0, rgba(20, 20, 27, 0.97) 42px, rgba(32, 33, 41, 0.97) 101px, rgba(37, 39, 47, 0.97) 143px);
    left: 0;
    bottom: 0;  
    padding:0.5rem; 
}
.dropdown2 {
    position: absolute;
    width: -webkit-fill-available;
    z-index: 800;
    border-radius: 3px;
    background: -webkit-linear-gradient(bottom, rgba(18, 18, 24, 0.97) 0, rgba(20, 20, 27, 0.97) 42px, rgba(32, 33, 41, 0.97) 101px, rgba(37, 39, 47, 0.97) 143px);
    left: 0;    
    bottom: 7vh;
    padding:0.5rem;
}
.big_keyboard .keyb_close, .big_keyboard .shift_key {
    font-size: 24px;
    line-height: 54px;
    color: #FFFFFF;
    text-decoration: none;
    text-align: center;
    float: right;
    height: 51px;
    width: 145px;
}

.big_keyboard .keyb_close {
    background: -webkit-linear-gradient(top, #888c9d 0%, #797e91 2%, #72778a 4%, #606474 30%, #585c6b 44%, #535765 48%, #454853 76%, #454853 100%);
    border: 1px solid #000000;
    border-radius: 3px;
}

.big_keyboard .space_key {
    float: left;
    height: 51px;
    width: 472px;
    margin-left: 22%;
}

.big_keyboard .key_backspace {
    background-image: url(/img/keyboard_med_backspace.gif);
    height: 53px;
    width: 83px;
}

.big_keyboard .key_at {
    margin-left: 6px;
}


/* ---- css/font-awesome.min.css ---- */
/*!
 *  Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.5.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}


/* ---- css/notify.css ---- */
.cg-notify-message {
    position: fixed;
    left: 50%;
    top: 0px;
    z-index: 99999;
    max-width: 400px;
    text-align: center;
    background-color: #d9edf7;
    color: #31708f;
    padding: 15px;
    border: 1px solid #bce8f1;
    border-radius: 4px;
    -webkit-transition: top 0.5s ease-out, opacity 0.2s ease-out;
    -moz-transition: top 0.5s ease-out, opacity 0.2s ease-out;
    -o-transition: top 0.5s ease-out, opacity 0.2s ease-out;
    transition: top 0.5s ease-out, opacity 0.2s ease-out;
    visibility: hidden;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.cg-notify-message a {
    font-weight: bold;
    color: inherit;
}

.cg-notify-message a:hover {
    color: inherit;
}

.cg-notify-close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
    position: absolute;
    top: 0px;
    right: 3px;
    line-height: 15px;
}

.cg-notify-close:hover, .cg-notify-close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5;
}

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


/* ---- css/loading-bar.css ---- */
/* Make clicks pass-through */
#loading-bar,
#loading-bar-spinner {
    pointer-events: none;
    -webkit-pointer-events: none;
    -webkit-transition: 350ms linear all;
    -moz-transition: 350ms linear all;
    -o-transition: 350ms linear all;
    transition: 350ms linear all;
}

#loading-bar.ng-enter,
#loading-bar.ng-leave.ng-leave-active,
#loading-bar-spinner.ng-enter,
#loading-bar-spinner.ng-leave.ng-leave-active {
    opacity: 0;
}

#loading-bar.ng-enter.ng-enter-active,
#loading-bar.ng-leave,
#loading-bar-spinner.ng-enter.ng-enter-active,
#loading-bar-spinner.ng-leave {
    opacity: 1;
}

#loading-bar .bar {
    -webkit-transition: width 350ms;
    -moz-transition: width 350ms;
    -o-transition: width 350ms;
    transition: width 350ms;
    position: fixed;
    z-index: 10002;
    top: 0;
    left: 0;
    width: 100%;
    height: 0px;
    border-bottom-right-radius: 1px;
    border-top-right-radius: 1px;
}

/* Fancy blur effect */
#loading-bar .peg {
    position: absolute;
    width: 70px;
    right: 0;
    top: 0;
    height: 3px;
    opacity: .45;
}

#loading-bar-spinner {
    display: block;
    position: fixed;
    z-index: 10002;
    top: 10px;
    left: 10px;
}

#loading-bar-spinner .spinner-icon {
    width: 14px;
    height: 14px;
    border-radius: 10px;
    -webkit-animation: loading-bar-spinner 2s linear infinite;
    -moz-animation: loading-bar-spinner 2s linear infinite;
    -ms-animation: loading-bar-spinner 2s linear infinite;
    -o-animation: loading-bar-spinner 2s linear infinite;
    animation: loading-bar-spinner 2s linear infinite;
}




/* ---- css/reset.css ---- */
/* RESET CSS */
/**
 * YUI 3.5.0 - reset.css (http://developer.yahoo.com/yui/3/cssreset/)
 * http://cssreset.com
 * Copyright 2012 Yahoo! Inc. All rights reserved.
 * http://yuilibrary.com/license/
 */
/*
	TODO will need to remove settings on HTML since we can't namespace it.
	TODO with the prefix, should I group by selector or property for weight savings?
*/
html {
    color: #000;
    background: #FFF;
}

/*
	TODO remove settings on BODY since we can't namespace it.
*/
/*
	TODO test putting a class on HEAD.
		- Fails on FF.
*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

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

fieldset,
img {
    border: 0;
}

/*
	TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-style: normal;
    font-weight: normal;
}

ol,
ul {
    list-style: none;
}

caption,
th {
    text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before,
q:after {
    content: '';
}

abbr,
acronym {
    border: 0;
    font-variant: normal;
}

/* to preserve line-height and selector appearance */
sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

input,
textarea,
select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

/*to enable resizing for IE*/
input,
textarea,
select {
    *font-size: 100%;
}

/*because legend doesn't inherit in IE */
legend {
    color: #000;
}

/* YUI CSS Detection Stamp */
#yui3-css-stamp.cssreset {
    display: none;
}


/* ---- css/datepick.css ---- */
.ui-datepicker {
    background-color: #fff;
    border: 1px solid #66AFE9;
    border-radius: 4px;
    box-shadow: 0 0 8px rgba(102, 175, 233, .6);
    display: none;
    margin-top: 4px;
    padding: 10px;
    width: 240px;
    z-index: 9999999 !important;
}

.ui-datepicker a,
.ui-datepicker a:hover {
    text-decoration: none;
}

.ui-datepicker a:hover,
.ui-datepicker td:hover a {
    color: #2A6496;
    -webkit-transition: color 0.1s ease-in-out;
    -moz-transition: color 0.1s ease-in-out;
    -o-transition: color 0.1s ease-in-out;
    transition: color 0.1s ease-in-out;
}

.ui-datepicker .ui-datepicker-header {
    margin-bottom: 4px;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title {
    font-weight: 700;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    cursor: default;
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    height: 20px;
    line-height: 1;
    margin-top: 2px;
    width: 30px;
}

.ui-datepicker .ui-datepicker-prev {
    float: left;
    text-align: left;
}

.ui-datepicker .ui-datepicker-next {
    float: right;
    text-align: right;
}

.ui-datepicker .ui-datepicker-prev:before {
    content: "\e079";
}

.ui-datepicker .ui-datepicker-next:before {
    content: "\e080";
}

.ui-datepicker .ui-icon {
    display: none;
}

.ui-datepicker .ui-datepicker-calendar {
    table-layout: fixed;
    width: 100%;
}

.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td {
    text-align: center;
    padding: 4px 0;
}

.ui-datepicker .ui-datepicker-calendar td {
    border-radius: 4px;
    -webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
    -moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
    -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
    transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
}

.ui-datepicker .ui-datepicker-calendar td:hover {
    background-color: #eee;
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-calendar td a {
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-current-day {
    background-color: #4289cc;
}

.ui-datepicker .ui-datepicker-current-day a {
    color: #fff
}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
    background-color: #fff;
    cursor: default;
}


/* ---- css/print.css ---- */
@media screen {
    #printSection {
        display: none;
    }
}

@media print {
    body * {
        visibility: hidden;
        font-family: Arial;
    }

    #printSection, #printSection * {
        visibility: visible;
    }

    #printSection {
        position: absolute;
        left: 0;
        top: 0;
    }

    h1 {
        font-size: 18px;
        font-weight: bold;
        text-align: center;
    }

    h2 {
        font-size: 16px;
        font-weight: bold;
        text-align: center;
    }

    td {
        font-size: 12px;
        text-align: left;
    }
}


/* ---- css/style-new.css ---- */
html {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
}
html {
  --mat-option-selected-state-label-text-color: #673ab7;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-full-pseudo-checkbox-selected-icon-color: #ffd740;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ffd740;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
html {
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
}
html {
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
}
html {
  --mdc-elevated-card-container-shape: 4px;
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px;
}
html {
  --mdc-elevated-card-container-color: white;
  --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-color: white;
  --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
}
html {
  --mat-card-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
}
html {
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
}
html {
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
}
html {
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: #fff;
}
html {
  --mdc-plain-tooltip-supporting-text-font: Roboto, sans-serif;
  --mdc-plain-tooltip-supporting-text-size: 12px;
  --mdc-plain-tooltip-supporting-text-weight: 400;
  --mdc-plain-tooltip-supporting-text-tracking: 0.0333333333em;
}
html {
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
}
html {
  --mdc-filled-text-field-caret-color: #673ab7;
  --mdc-filled-text-field-focus-active-indicator-color: #673ab7;
  --mdc-filled-text-field-focus-label-text-color: rgba(103, 58, 183, 0.87);
  --mdc-filled-text-field-container-color: whitesmoke;
  --mdc-filled-text-field-disabled-container-color: #fafafa;
  --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-error-focus-label-text-color: #f44336;
  --mdc-filled-text-field-error-label-text-color: #f44336;
  --mdc-filled-text-field-error-caret-color: #f44336;
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-hover-active-indicator-color: #f44336;
  --mdc-outlined-text-field-caret-color: #673ab7;
  --mdc-outlined-text-field-focus-outline-color: #673ab7;
  --mdc-outlined-text-field-focus-label-text-color: rgba(103, 58, 183, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-error-caret-color: #f44336;
  --mdc-outlined-text-field-error-focus-label-text-color: #f44336;
  --mdc-outlined-text-field-error-label-text-color: #f44336;
  --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #f44336;
  --mdc-outlined-text-field-error-hover-outline-color: #f44336;
  --mdc-outlined-text-field-error-outline-color: #f44336;
  --mat-form-field-focus-select-arrow-color: rgba(103, 58, 183, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #f44336;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
}
html {
  --mdc-filled-text-field-label-text-font: Roboto, sans-serif;
  --mdc-filled-text-field-label-text-size: 16px;
  --mdc-filled-text-field-label-text-tracking: 0.03125em;
  --mdc-filled-text-field-label-text-weight: 400;
  --mdc-outlined-text-field-label-text-font: Roboto, sans-serif;
  --mdc-outlined-text-field-label-text-size: 16px;
  --mdc-outlined-text-field-label-text-tracking: 0.03125em;
  --mdc-outlined-text-field-label-text-weight: 400;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
}
html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(103, 58, 183, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
html {
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
}
html {
  --mat-autocomplete-background-color: white;
}
html {
  --mdc-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mdc-dialog-container-shadow-color: #000;
  --mdc-dialog-container-shape: 4px;
}
html {
  --mdc-dialog-container-color: white;
  --mdc-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mdc-dialog-supporting-text-color: rgba(0, 0, 0, 0.6);
}
html {
  --mdc-dialog-subhead-font: Roboto, sans-serif;
  --mdc-dialog-subhead-line-height: 32px;
  --mdc-dialog-subhead-size: 20px;
  --mdc-dialog-subhead-weight: 500;
  --mdc-dialog-subhead-tracking: 0.0125em;
  --mdc-dialog-supporting-text-font: Roboto, sans-serif;
  --mdc-dialog-supporting-text-line-height: 24px;
  --mdc-dialog-supporting-text-size: 16px;
  --mdc-dialog-supporting-text-weight: 400;
  --mdc-dialog-supporting-text-tracking: 0.03125em;
}
html {
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
}
html {
  --mdc-radio-state-layer-size: 40px;
}
html {
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
}
html {
  --mdc-slider-handle-color: #673ab7;
  --mdc-slider-focus-handle-color: #673ab7;
  --mdc-slider-hover-handle-color: #673ab7;
  --mdc-slider-active-track-color: #673ab7;
  --mdc-slider-inactive-track-color: #673ab7;
  --mdc-slider-with-tick-marks-inactive-container-color: #673ab7;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mdc-slider-disabled-active-track-color: #000;
  --mdc-slider-disabled-handle-color: #000;
  --mdc-slider-disabled-inactive-track-color: #000;
  --mdc-slider-label-container-color: #000;
  --mdc-slider-label-label-text-color: #fff;
  --mdc-slider-with-overlap-handle-outline-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #000;
  --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-mdc-slider-ripple-color: #673ab7;
  --mat-mdc-slider-hover-ripple-color: rgba(103, 58, 183, 0.05);
  --mat-mdc-slider-focus-ripple-color: rgba(103, 58, 183, 0.2);
  --mat-slider-value-indicator-opacity: 0.6;
}
html {
  --mdc-slider-label-label-text-font: Roboto, sans-serif;
  --mdc-slider-label-label-text-size: 14px;
  --mdc-slider-label-label-text-line-height: 22px;
  --mdc-slider-label-label-text-tracking: 0.0071428571em;
  --mdc-slider-label-label-text-weight: 500;
}
html {
  --mat-menu-container-shape: 4px;
}
html {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-container-color: white;
}
html {
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
}
html {
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
}
html {
  --mdc-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color: black;
  --mdc-list-list-item-disabled-leading-icon-color: black;
  --mdc-list-list-item-disabled-trailing-icon-color: black;
  --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-state-layer-color: black;
  --mdc-list-list-item-hover-state-layer-opacity: 0.04;
  --mdc-list-list-item-focus-state-layer-color: black;
  --mdc-list-list-item-focus-state-layer-opacity: 0.12;
}
html {
  --mdc-list-list-item-one-line-container-height: 48px;
  --mdc-list-list-item-two-line-container-height: 64px;
  --mdc-list-list-item-three-line-container-height: 88px;
}
html {
  --mdc-list-list-item-label-text-font: Roboto, sans-serif;
  --mdc-list-list-item-label-text-line-height: 24px;
  --mdc-list-list-item-label-text-size: 16px;
  --mdc-list-list-item-label-text-tracking: 0.03125em;
  --mdc-list-list-item-label-text-weight: 400;
  --mdc-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mdc-list-list-item-supporting-text-line-height: 20px;
  --mdc-list-list-item-supporting-text-size: 14px;
  --mdc-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mdc-list-list-item-supporting-text-weight: 400;
  --mdc-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mdc-list-list-item-trailing-supporting-text-line-height: 20px;
  --mdc-list-list-item-trailing-supporting-text-size: 12px;
  --mdc-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mdc-list-list-item-trailing-supporting-text-weight: 400;
}
html {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-paginator-container-size: 56px;
}
html {
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
}
html {
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
}
html {
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
}
html {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #000;
  --mdc-checkbox-selected-focus-icon-color: #ffd740;
  --mdc-checkbox-selected-hover-icon-color: #ffd740;
  --mdc-checkbox-selected-icon-color: #ffd740;
  --mdc-checkbox-selected-pressed-icon-color: #ffd740;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ffd740;
  --mdc-checkbox-selected-hover-state-layer-color: #ffd740;
  --mdc-checkbox-selected-pressed-state-layer-color: #ffd740;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
html {
  --mdc-checkbox-state-layer-size: 40px;
}
html {
  --mdc-text-button-label-text-font: Roboto, sans-serif;
  --mdc-text-button-label-text-size: 14px;
  --mdc-text-button-label-text-tracking: 0.0892857143em;
  --mdc-text-button-label-text-weight: 500;
  --mdc-text-button-label-text-transform: none;
  --mdc-filled-button-label-text-font: Roboto, sans-serif;
  --mdc-filled-button-label-text-size: 14px;
  --mdc-filled-button-label-text-tracking: 0.0892857143em;
  --mdc-filled-button-label-text-weight: 500;
  --mdc-filled-button-label-text-transform: none;
  --mdc-outlined-button-label-text-font: Roboto, sans-serif;
  --mdc-outlined-button-label-text-size: 14px;
  --mdc-outlined-button-label-text-tracking: 0.0892857143em;
  --mdc-outlined-button-label-text-weight: 500;
  --mdc-outlined-button-label-text-transform: none;
  --mdc-protected-button-label-text-font: Roboto, sans-serif;
  --mdc-protected-button-label-text-size: 14px;
  --mdc-protected-button-label-text-tracking: 0.0892857143em;
  --mdc-protected-button-label-text-weight: 500;
  --mdc-protected-button-label-text-transform: none;
}
html {
  --mdc-fab-container-shape: 50%;
  --mdc-fab-icon-size: 24px;
}
html {
  --mdc-fab-container-color: white;
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: #000;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
}
html {
  --mdc-extended-fab-label-text-font: Roboto, sans-serif;
  --mdc-extended-fab-label-text-size: 14px;
  --mdc-extended-fab-label-text-tracking: 0.0892857143em;
  --mdc-extended-fab-label-text-weight: 500;
}
html {
  --mdc-snackbar-container-shape: 4px;
}
html {
  --mdc-snackbar-container-color: #333333;
  --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87);
  --mat-snack-bar-button-color: #ffd740;
}
html {
  --mdc-snackbar-supporting-text-font: Roboto, sans-serif;
  --mdc-snackbar-supporting-text-line-height: 20px;
  --mdc-snackbar-supporting-text-size: 14px;
  --mdc-snackbar-supporting-text-weight: 400;
}
html {
  --mat-table-row-item-outline-width: 1px;
}
html {
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}
html {
  --mat-table-header-headline-font: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
}
html {
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
}
html {
  --mdc-circular-progress-active-indicator-color: #673ab7;
}
html {
  --mat-badge-background-color: #673ab7;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #b9b9b9;
  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
}
html {
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-large-size-text-size: 24px;
}
html {
  --mat-bottom-sheet-container-shape: 4px;
}
html {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}
html {
  --mat-bottom-sheet-container-text-font: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
}
html {
  --mat-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
}
html {
  --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38);
  --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54);
  --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-background-color: white;
  --mat-standard-button-toggle-state-layer-color: black;
  --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color: white;
  --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(
    0,
    0,
    0,
    0.87
  );
  --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-divider-color: #e0e0e0;
}
html {
  --mat-standard-button-toggle-height: 48px;
}
html {
  --mat-legacy-button-toggle-text-font: Roboto, sans-serif;
  --mat-standard-button-toggle-text-font: Roboto, sans-serif;
}
html {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #673ab7;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(
    103,
    58,
    183,
    0.4
  );
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(
    103,
    58,
    183,
    0.3
  );
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(
    103,
    58,
    183,
    0.3
  );
  --mat-datepicker-toggle-active-state-icon-color: #673ab7;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(
    103,
    58,
    183,
    0.2
  );
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(
    249,
    171,
    0,
    0.2
  );
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(
    0,
    0,
    0,
    0.18
  );
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(
    0,
    0,
    0,
    0.24
  );
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(
    0,
    0,
    0,
    0.38
  );
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}
html {
  --mat-divider-width: 1px;
}
html {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-expansion-container-shape: 4px;
}
html {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}
html {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}
html {
  --mat-expansion-header-text-font: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
}
html {
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
}
html {
  --mat-icon-color: inherit;
}
html {
  --mat-sidenav-container-shape: 0;
}
html {
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
}
html {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #673ab7;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #673ab7;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #673ab7;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #f44336;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #f44336;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
html {
  --mat-stepper-header-height: 72px;
}
html {
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
}
html {
  --mat-sort-arrow-color: #757575;
}
html {
  --mat-toolbar-container-background-color: whitesmoke;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}
html {
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
}
html {
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-tree-node-min-height: 48px;
}
html {
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
}
html,
body {
  height: 100%;
  margin: 0;
  overflow: hidden;
  font-size: 100%;
  background: #010b12;
  font-family: Sensation;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
@font-face {
  font-family: Sensation;
  src: url(/fonts/Sansation_Regular.ttf);
}
@font-face {
  font-family: Sensation;
  src: url(/fonts/Sansation_Bold.ttf);
  font-weight: 700;
}
:root {
  --MainBackGroud: #000b15;
  --HeadBody: #0059cd;
  --MainBlue: #025fcc;
  --SelectedColor1: #0aba0b;
  --SelectedColor2: #068605;
  --SelectedColor3: #02840f;
  --UIMain1: #1e1e1e;
  --PrematchBack1: #000c2d;
  --PrematchBack2: #01123c;
  --PrematchBack3: #031743;
  --Stats: yellow;
  --LiveSelectOdds: yellow;
  --MenuSelect1: #454544;
  --MenuSelect2: #5e5d5f;
  --MenuSelect3: #7d7c7a;
  --ColorMenuSport: white;
  --MainMenuBtn1: #414146;
  --MainMenuBtn2: #000000;
  --MMBtnSelect1: #02af03;
  --MMBtnSelect2: #314a31;
  --BtnAceptar: #40404c;
  --BtnCancelar: #bd0300;
  --SpecialOddsValue: rgba(255, 230, 0, 1);
  --Cian: #4effbb;
  --Orange: #ffa61c;
  --Orange2: #ffa100;
  --OraYellow: #ffc40c;
  --OraYellow2: #ffce37;
  --Yellowx: #ffe500;
  --BlancoHumo: #f2f2f2;
  --WarningText: #ff5c75;
  --ValidText: #45d800;
  --OddsFontSize: 1.3vw;
  --TeamsFontSize: 1.2vw;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2)
    format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2)
    format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2)
    format("woff2");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2)
    format("woff2");
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2)
    format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
    U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2)
    format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
    U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc4.woff2)
    format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu72xKOzY.woff2)
    format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu5mxKOzY.woff2)
    format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7mxKOzY.woff2)
    format("woff2");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4WxKOzY.woff2)
    format("woff2");
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7WxKOzY.woff2)
    format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
    U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxKOzY.woff2)
    format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
    U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2)
    format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2)
    format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2)
    format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2)
    format("woff2");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2)
    format("woff2");
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2)
    format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
    U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2)
    format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
    U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBBc4.woff2)
    format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2)
    format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2)
    format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2)
    format("woff2");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2)
    format("woff2");
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2)
    format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
    U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2)
    format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
    U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc4.woff2)
    format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfCRc4EsA.woff2)
    format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfABc4EsA.woff2)
    format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfCBc4EsA.woff2)
    format("woff2");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfBxc4EsA.woff2)
    format("woff2");
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfCxc4EsA.woff2)
    format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
    U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfChc4EsA.woff2)
    format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
    U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfBBc4.woff2)
    format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

*/.hg-theme-default {
  background-color: #ececec;
  border-radius: 5px;
  box-sizing: border-box;
  font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue,
    Helvetica, Arial, Lucida Grande, sans-serif;
  overflow: hidden;
  padding: 5px;
  touch-action: manipulation;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.hg-theme-default .hg-button span {
  pointer-events: none;
}
.hg-theme-default button.hg-button {
  border-width: 0;
  font-size: inherit;
  outline: 0;
}
.hg-theme-default .hg-button {
  display: inline-block;
  flex-grow: 1;
}
.hg-theme-default .hg-row {
  display: flex;
}
.hg-theme-default .hg-row:not(:last-child) {
  margin-bottom: 5px;
}
.hg-theme-default .hg-row .hg-button-container,
.hg-theme-default .hg-row .hg-button:not(:last-child) {
  margin-right: 5px;
}
.hg-theme-default .hg-row > div:last-child {
  margin-right: 0;
}
.hg-theme-default .hg-row .hg-button-container {
  display: flex;
}
.hg-theme-default .hg-button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  align-items: center;
  background: #fff;
  border-bottom: 1px solid #b5b5b5;
  border-radius: 5px;
  box-shadow: 0 0 3px -1px #0000004d;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  height: 40px;
  justify-content: center;
  padding: 5px;
}
.hg-theme-default .hg-button.hg-standardBtn {
  width: 20px;
}
.hg-theme-default .hg-button.hg-activeButton {
  background: #efefef;
}
.hg-theme-default.hg-layout-numeric .hg-button {
  align-items: center;
  display: flex;
  height: 60px;
  justify-content: center;
  width: 33.3%;
}
.hg-theme-default .hg-button.hg-button-numpadadd,
.hg-theme-default .hg-button.hg-button-numpadenter {
  height: 85px;
}
.hg-theme-default .hg-button.hg-button-numpad0 {
  width: 105px;
}
.hg-theme-default .hg-button.hg-button-com {
  max-width: 85px;
}
.hg-theme-default .hg-button.hg-standardBtn.hg-button-at {
  max-width: 45px;
}
.hg-theme-default .hg-button.hg-selectedButton {
  background: rgba(5, 25, 70, 0.53);
  color: #fff;
}
.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=".com"] {
  max-width: 82px;
}
.hg-theme-default .hg-button.hg-standardBtn[data-skbtn="@"] {
  max-width: 60px;
}
.hg-candidate-box {
  background: #ececec;
  border-bottom: 2px solid #b5b5b5;
  border-radius: 5px;
  display: inline-flex;
  margin-top: -10px;
  max-width: 272px;
  position: absolute;
  transform: translateY(-100%);
  -webkit-user-select: none;
  user-select: none;
}
ul.hg-candidate-box-list {
  display: flex;
  flex: 1;
  list-style: none;
  margin: 0;
  padding: 0;
}
li.hg-candidate-box-list-item {
  align-items: center;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 40px;
}
li.hg-candidate-box-list-item:hover {
  background: rgba(0, 0, 0, 0.03);
  cursor: pointer;
}
li.hg-candidate-box-list-item:active {
  background: rgba(0, 0, 0, 0.1);
}
.hg-candidate-box-prev:before {
  content: "\25c4";
}
.hg-candidate-box-next:before {
  content: "\25ba";
}
.hg-candidate-box-next,
.hg-candidate-box-prev {
  align-items: center;
  color: #969696;
  cursor: pointer;
  display: flex;
  padding: 0 10px;
}
.hg-candidate-box-next {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}
.hg-candidate-box-prev {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
.hg-candidate-box-btn-active {
  color: #444;
}
html,
body {
  height: 100%;
  margin: 0;
  overflow: hidden;
  font-size: 100%;
  background: #010b12;
  font-family: Sensation;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
select {
  font-size: 1vw;
}
input {
  font-family: Sensation;
  -moz-appearance: textfield;
}
button {
  all: unset;
  cursor: pointer;
  font-family: unset;
}
@font-face {
  font-family: arcafont;
  src: url(/fonts/Arcafont/arcafont.eot);
  src: url(/fonts/Arcafont/arcafont.eot#iefix) format("embedded-opentype"),
    url(/fonts/Arcafont/arcafont.woff) format("woff"),
    url(/fonts/Arcafont/arcafont.ttf) format("truetype"),
    url(/fonts/Arcafont/arcafont.svg#arcafont) format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Sansation;
  src: url(ProductSansRegular.ttf);
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Sansation;
  src: url(ProductSansBold.ttf);
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: Sansation;
  src: url(ProductSansItalic.ttf);
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: Sansation;
  src: url(ProductSansBoldItalic.ttf);
  font-weight: 700;
  font-style: italic;
}
:root {
  --MainBackGroud: #000b15;
  --HeadBody: #0059cd;
  --MainBlue: #025fcc;
  --SelectedColor1: #0aba0b;
  --SelectedColor2: #068605;
  --SelectedColor3: #02840f;
  --UIMain1: #1e1e1e;
  --PrematchBack1: #000c2d;
  --PrematchBack2: #01123c;
  --PrematchBack3: #031743;
  --Stats: yellow;
  --LiveSelectOdds: yellow;
  --MenuSelect1: #454544;
  --MenuSelect2: #5e5d5f;
  --MenuSelect3: #7d7c7a;
  --ColorMenuSport: white;
  --MainMenuBtn1: #414146;
  --MainMenuBtn2: #000000;
  --MMBtnSelect1: #02af03;
  --MMBtnSelect2: #314a31;
  --BtnAceptar: #40404c;
  --BtnCancelar: #bd0300;
  --SpecialOddsValue: rgba(255, 230, 0, 1);
  --Cian: #4effbb;
  --Orange: #ffa61c;
  --Orange2: #ffa100;
  --OraYellow: #ffc40c;
  --OraYellow2: #ffce37;
  --Yellowx: #ffe500;
  --BlancoHumo: #f2f2f2;
  --WarningText: #ff5c75;
  --ValidText: #45d800;
  --OddsFontSize: 1.3vw;
  --TeamsFontSize: 1.2vw;
}
.demo-icon {
  font-family: arcafont;
  font-style: normal;
  font-weight: 400;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .15em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-user-select: none;
}
.CompGifLoading {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 11234;
  font-size: 1vw;
  color: #fff;
}
.CompGifLoading .Seconds {
  margin: 2rem 0;
  font-size: 3vw;
}
.CargandoText.LoadinTexo {
  color: #fff;
  display: grid;
  align-content: center;
  border-bottom: 1px solid black;
}
.LoadinBack {
  position: absolute;
  z-index: 111;
  background: black;
  width: 100vw;
  top: 0;
  height: 100vh;
  opacity: 0.5;
  left: 0;
}
.printer {
  font-size: 4.5rem;
  text-align: center;
  color: #00ffa3;
  display: grid;
  align-content: center;
}
.PopUpModal {
  display: grid;
  position: absolute;
  top: 0;
}
.animate-spin {
  animation: spin 1.5s infinite linear;
  display: inline-block;
}
@keyframes spin {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(359deg);
  }
}
button.mat-calendar-previous-button {
  background: #747474;
  margin: 0vh 0.3vw !important;
}
button.mat-calendar-next-button {
  background: #787878;
}


input {
  font-family: Sensation;
}
.PrincipalContainer {
  display: grid;
  width: 100vw;
}
.MainContainer {
  background: #000b15;
  display: grid;
  grid-template-rows: 8vh 92vh;
  font-size: 1vw !important;
}
.MenuTopContainer {
  color: #fff;
  text-align: center;
  align-items: center;
  background: linear-gradient(180deg, #2c312e 0%, #1a2b1c 100%);
  display: grid;
  grid-template-columns: 80% 20%;
}
.MenuTopContainer.LiveView {
  border-bottom: 0px solid transparent;
}
.MenuTopContainer.PreView {
  border-bottom: 0px solid #141ce3;
}
.MenuTopContainer.EsportView {
  border-bottom: 0px solid #15ccb4;
}
.MenuTopContainer.ResaultsView {
  border-bottom: 0px solid #141ce3;
}
.MenuTopContainer.EditorView{
  border-bottom: 0px solid #141ce3;
}
.MainLogo {
  width: 200px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 0;
  height: 8vh;
}
.NameContainer {
  grid-template-columns: 20% 80%;
  background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
  border-radius: 4px;
  margin: 1vh 0px;
  align-items: center;
  cursor: pointer;
  width: 100%;
  text-align: center;
  display: grid;
}
img.TopLogo {
  width: 8vw;
}
.MenuTop {
  display: grid;
  width: -webkit-fill-available;
  grid-auto-flow: column;
  grid-auto-columns: 2.5fr auto;
  height: -webkit-fill-available;
}
.MenuTop .DEPORTES1.active,
.MenuTop .DEPORTES.active,
.MenuTop .ESPORTS.active {
  background: linear-gradient(to bottom, #0909f9 0%, #0816a7 100%);
}
.MenuTop .VIVO1.active,
.MenuTop .VIVO.active {
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.6) 0%,
      rgba(0, 0, 0, 0.6) 100%
    ),
    linear-gradient(180deg, #0e0e0e 0%, #1e1e1e 100%);
  color: #4effbb;
}
.MTItem1,
.MTItem {
  display: grid;
  cursor: pointer;
  align-items: center;
  border-right: 1px solid transparent;
  background: linear-gradient(180deg, #2c312e 0%, #1a2b1c 100%);
  text-transform: capitalize;
  padding: 0 1.5rem;
  border-left: 1px solid #4d4d4d;
  line-height: 14px;
}
.PLUS {
  background: linear-gradient(180deg, #414a45 0%, #353b38 100%);
  display: flex;
  font-size: 5vh;
  align-content: baseline;
  cursor: pointer;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 3.25vw;
  height: 5.25vh;
  border-radius: 8px;
  margin: 1.5vh 0.5vw;
}
.itemPLUS {
  display: flex;
  margin-top: -0.5vh;
}
.NoLoginContainer {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  justify-content: end;
  margin-right: 1vw;
}
.SelectFormat {
  padding: 0;
  width: 90%;
  outline: none;
  font-size: 15px;
  background-color: transparent;
  color: #fff;
  border-radius: 4px;
  border: none;
  text-transform: uppercase;
  font-weight: 700;
  cursor: pointer;
}
select.SelectFormat option {
  background: #3e3e3e;
}
.imgTop {
  display: none;
}
iframe.IframePumMs {
  width: 100%;
  height: 70vh;
}
.MTItemVerTicket {
  display: grid;
  grid-template-columns: 14% 76%;
  cursor: pointer;
}
.LoginContainer {
  height: -webkit-fill-available;
  display: grid;
  grid-template-columns: 60% 60% 30% 10%;
  padding-left: 600px;
}
.UserContainer {
  display: grid;
  width: 100%;
  position: relative;
}
.REGISTRARBTN {
  background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
}
.INGRESARBTN {
  display: grid;
  height: 100%;
  background: red;
}
.MainConfigApp {
  display: grid;
  background: red;
}
.MainBtn {
  background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
  border-radius: 4px;
  margin: 1vh 0.2vw;
  display: grid;
  align-items: center;
  cursor: pointer;
  text-align: center;
  max-width: 12vw;
  height: 5.25vh;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}
.BtnClose {
  background: red;
  color: #fff;
  width: 2.5vw;
  text-align: center;
  border-radius: 5px;
  font-size: 0.8vw;
  margin: 0vw;
  padding: 10px;
  position: relative;
  float: right;
  cursor: pointer;
}
.MainBtnTitle {
  display: grid;
  align-self: center;
  padding: 0 0.5vw;
}
.Green {
  background: linear-gradient(180deg, #00be17 0%, #006400 100%);
  color: #fff;
}
.Cian {
  background: linear-gradient(180deg, #4effbb 0%, #00a465 100%);
  color: #000;
}
.ColorCian {
  color: #4effbb;
}
.VTimgTop {
  background: #0a1d2e;
  color: #fff;
  width: 3vw;
  height: 4.6vh;
  border-radius: 100%;
  display: grid;
  align-content: center;
  z-index: 2;
}
.VTimgTop.iCajero {
  background: #0a1d2e;
  color: #fff;
  width: 1.5vw;
  height: 100%;
  border-radius: 100%;
  display: grid;
  align-content: center;
  z-index: 2;
}
.NotificationContainer {
  z-index: 101;
  position: fixed;
  width: 15vw;
  height: 14vh;
  top: 7%;
  right: 3%;
  z-index: 102;
}
.TerminalContainer {
  display: grid;
}
.MTItemUser {
  display: grid;
  grid-template-columns: 35% 35% 10% 10% 10%;
  gap: 0.3vw;
  padding-right: 20px;
}
.UserOption {
  position: absolute;
  left: 0%;
  top: 94%;
  text-align: left;
  background: #494949;
  padding: 0.1rem;
  border-radius: 5px;
  z-index: 105;
}
.SaldoOption {
  position: absolute;
  display: grid;
  gap: 0.2rem;
  left: 35%;
  top: 90%;
  text-align: left;
  background: #494949;
  padding: 0.1rem;
  border-radius: 5px;
  z-index: 105;
}
.GridautoFlowColum {
  display: grid;
  grid-auto-flow: column;
}
.UserOptionBtn {
  background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
  border-radius: 4px;
  margin: 1px 0;
  display: grid;
  align-items: center;
  cursor: pointer;
  height: 4vh;
  padding-left: 1rem;
  width: 7vw;
  color: #e2e2e2;
}
.PlusOption {
  display: grid;
  position: relative;
  left: -0.2vw;
  font-size: 1vw;
  top: 1.4vh;
}
.UserDetailsContainer {
  display: grid;
  grid-template-columns: 80% 20%;
  gap: 0;
}
.ShowInfoContainer {
  background: linear-gradient(180deg, #000000 0%, #000000 100%);
  border-radius: 0 4px 4px 0;
  margin: 8px 0;
  align-items: center;
  cursor: pointer;
  width: 95%;
  text-align: center;
  max-width: 13rem;
  display: grid;
  grid-auto-flow: column;
  font-size: larger;
}
.RedBtn {
  background: linear-gradient(180deg, #db2727 0%, #9e0000 100%);
}
.VTMTTitle,
.MITUId {
  background: #0a1d2e;
}
.VTMSubTitle,
.MITUU {
  background: grey;
}
.UserDetailTop,
.VTMTTcontainer {
  display: grid;
}
.UserDetailTop.sdCajero,
.VTMTTcontainer.cCajero {
  display: grid;
  grid-template-columns: 58% 42%;
}
.VTUserDatail {
  display: grid;
  grid-template-columns: 85% 15%;
}
.UserDetailA {
  border-right: 2px solid black;
}
.VTMTTitle,
.VTMSubTitle,
.MITUId,
.MITUU {
  display: grid;
  align-content: center;
  text-align: initial;
}
.VTMTTitle,
.VTMSubTitle {
  padding-left: 12%;
}
.MITUId,
.MITUU {
  padding-left: 5%;
}
.VTMTT_Top {
  display: grid;
  grid-template-columns: 20% 80%;
  border-right: 2px solid black;
  cursor: pointer;
}
.VTMTT_TopB {
  position: relative;
  margin-left: -16%;
}
.VTMTT_TopA {
  z-index: 1;
}
.CenterContainer {
  display: grid;
  grid-template-columns: 80% 20%;
}
.CenterContainer.GoldenRaceView {
  grid-template-columns: 100%;
}
.GoldenRaceView .OddsContainer,
.GoldenRaceView .PrematchContainer,
.GoldenRaceView .PCRight {
  width: 100%;
}
.Loading {
  display: grid;
  justify-content: center;
  align-content: center;
  z-index: 110;
  position: fixed;
  font-weight: 700;
  top: 0;
  left: 0;
  width:100%;
  height:100%;
}
.Loading.Slip {
  position: absolute;
  width: 100%;
  height: 100%;
}
.LoadinBack {
  background: #dfdcdc;
}
.LoadinBack {
  background: #222222;
  z-index: 110;
  opacity: 0.6;
  width: 100vw;
  height: 100vh;
  position: absolute;
  font-weight: 700;
}
[hidden] {
  display: none !important;
}
.BtnFooter img {
  width: 10vw;
  margin: 0 auto;
}
.MainFooter {
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  justify-items: center;
}
.BtnFooter {
  display: grid;
  align-content: center;
  width: 99%;
  background: linear-gradient(
    to bottom,
    var(--MainMenuBtn1) 0%,
    var(--MainMenuBtn2) 100%
  );
}
.BtnFooter:hover {
  background: #424242;
}

.ModalRecuperarClave {
  position: absolute;
  width: 30%;
  height: 45vh;
  background: #2e2e2e;
  left: 0;
  top: 0;
  z-index: 105;
  border-radius: 6px;
}
.ModalRecargaList,
.ModalConfig {
  position: absolute;
  width: 60%;
  height: 75vh;
  background: #2e2e2e;
  left: 0;
  top: 0;
  z-index: 105;
  border-radius: 6px;
}
.ModalLogin {
  position: absolute;
  width: 20vw;
  background: #2e2e2e;
  top: 0;
  left: 0;
  z-index: 105;
  border-radius: 6px;
}
.ModalRegister {
  display: flex;
  position: fixed;
  width: 50vw;
  height: 90vh;
  background: #2e2e2e;
  top: 0;
  left: 0;
  z-index: 105;
  border-radius: 6px;
}
.ModalRecarga {
  position: absolute;
  width: 23vw;
  height: 50vh;
  background: #2e2e2e;
  left: 0;
  top: 0;
  z-index: 105;
  border-radius: 6px;
}
.ModalPromo {
  position: absolute;
  width: 60vw;
  height: 75vh;
  background: #2e2e2e;
  left: 0;
  top: 0;
  z-index: 105;
  border-radius: 6px;
}
.AjustHeight {
  display: grid;
  height: -webkit-fill-available;
  z-index: 102;
  position: relative;
}
app-registral-modal {
  display: grid;
  height: -webkit-fill-available;
}
img.CompGifLoading {
  position: relative;
  width: 15vw;
  z-index: 110;
  background: transparent;
}
.hide {
  display: none !important;
}
.Logout {
  border: 1px solid black;
}
.ContainerBtnsTop {
  background: #0a1d2e;
  display: grid;
  grid-template-rows: 36% 30% 30%;
  height: 100%;
}
.Lemguage,
.Cconfig {
  border: 1px solid black;
}
.BtnTop {
  cursor: pointer;
}
.BtnMakeBet[disabled] {
  color: #101010;
  background: #bfbfbf;
  border: 1px solid #727272;
  cursor: default;
  pointer-events: none;
  grid-auto-flow: column;
}
.GreyBtn {
  background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
  box-shadow: 0 4px 4px #00000040;
}
.VerTicket[disabled] {
  background: grey;
  color: #323232;
  cursor: default;
  pointer-events: none;
}
.AciertalaFooterBtn {
  text-align: center;
  color: #fff;
  font-weight: 700;
  display: grid;
  grid-template-columns: 30% 70%;
}
.VerTicket {
  display: grid;
  align-content: center;
  background: linear-gradient(180deg, #4effbb 0%, #00a465 100%);
  border-radius: 4px;
  margin: 8px 3px;
  color: #000;
  cursor: pointer;
}
.CashOut {
  background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
  border-radius: 4px;
  margin: 8px 3px;
}
.BtnFooter.brnFootAciertala {
  background: linear-gradient(to bottom, #04a727 0%, #016c19 100%);
}
.AFbtnIcon {
  text-align: right;
}
.AFbtnTitle {
  text-align: left;
  font-style: italic;
}
.MainBtnContainer {
  display: flex;
}
.up {
  border: 2px solid rgba(66, 255, 0, 1);
}
.down {
  border: 2px solid rgba(255, 0, 0, 1);
}
.LoginTerminalInfo {
  align-self: center;
}
.UserPuntosContainer {
  display: grid;
  grid-template-columns: 80% 20%;
  cursor: pointer;
  width: -webkit-fill-available;
}
.LogoutIcon {
  display: grid;
  align-content: center;
  background: linear-gradient(180deg, #db2727 0%, #9e0000 100%);
  border-radius: 4px;
  cursor: pointer;
  margin: 5px;
  margin: 1vh 0vw;
  width: -webkit-fill-available;
}
.LogoutName {
  display: grid;
  align-self: center;
  text-align: center;
}
.UserPRight {
  display: grid;
  align-items: center;
}
.UserSaldoIcon {
  display: grid;
  width: -moz-fit-content;
  width: fit-content;
}
.SaldoContainer {
  background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
  border-radius: 4px;
  margin: 1vh 3px;
  align-items: center;
  cursor: pointer;
  width: 100%;
  text-align: center;
  display: grid;
  grid-template-columns: 80% 20%;
}
.WalletSaldoRet {
  font-size: 0.5vw;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  padding-left: 1rem;
  gap: 0.2rem;
  color: #bfbfbf;
}
.WalletsMain {
  display: grid;
  height: -webkit-fill-available;
  align-content: center;
  justify-content: flex-end;
}
.UserSaldoText {
  color: var(--Yellowx);
}
.WalletTitle {
  font-size: 0.8rem;
  color: #b3b3b3;
  text-align: left;
}
.WalletTitleMain {
  font-size: 0.7vw;
  color: #b3b3b3;
  text-align: left;
  padding-left: 0.4vw;
  align-self: center;
}
.WalletSaldo {
  color: var(--Yellowx);
  display: grid;
  grid-auto-flow: column;
  font-size: 0.9vw;
  align-content: center;
  grid-auto-columns: max-content;
}
.TextGreen {
  color: #75ff75;
}
.WalletsContainer {
  background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
  border-radius: 4px;
  margin: 0.9px 0;
  display: grid;
  align-items: center;
  cursor: pointer;
  padding: 0.5vh 0.5vw;
  width: 8vw;
  grid-auto-flow: row;
  grid-auto-rows: max-content;
  align-content: center;
}
.DifuminarSaldo {
  filter: blur(0.2vw);
  opacity: 0.5;
  transition: opacity 0.3s ease;
}
.PadingLeft0 {
  padding-left: 0;
}
.PadingLeft1 {
  padding-left: 0.5vw;
}
.UserPuntos {
  text-align: center;
  color: #ffe600;
}
.ModalProfile {
  position: absolute;
  left: 3vw;
  top: 3vh;
  height: 94%;
  z-index: 98;
  width: 100%;
  color: #fff;
  box-shadow: -5px -2px 20px #000;
  background: #2e2e2e;
}
.YellowTxt {
  color: var(--Yellowx) !important;
}
.Option1MainBtn {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  margin-left: 10px;
  width: 90%;
}
.GridAutoColum {
  display: grid;
  grid-auto-flow: column;
}
.ModalProfileClose {
  display: grid;
  position: relative;
  z-index: 103;
  text-align: right;
  width: 95%;
  justify-content: right;
  background: #343434;
  border-bottom: 1px solid black;
  height: 5vh;
  align-content: center;
}
.MPCClose {
  background: linear-gradient(180deg, #db2727 0%, #9e0000 100%);
  text-align: center;
  padding: 0.5vh 0.5vw;
  cursor: pointer;
  margin-right: 0.5vw;
  font-weight: 700;
}
.UserPuntosTitle {
  display: grid;
  width: 90%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.NoDividir {
  display: grid;
  grid-template-columns: auto;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
}

.ArcaModal {
  background: #2e2e2e;
  display: grid;
  position: fixed;
  top: 3vh;
  width: 50vw;
}
.InvoiceContainer {
  position: relative;
  z-index: 98;
  font-family: Helvetica;
  font-style: normal;
  font-weight: 500;
  font-size: 1vw;
}
.InvoiceContainer .checkCoupon {
  top: 0;
  z-index: 1;
}
.InvoiceContainer .cpnBottomMenu {
  z-index: 2;
}
.Invoice.Dos {
  grid-template-rows: 13vh 34vh 5vh 40vh;
}
.Invoice {
  display: grid;
  grid-template-rows: 13vh 34vh 5vh 40vh;
  background: #242424;
}
.ContainerLMT {
  width: 19.75vw;
  background: #010b12;
  border: 2px solid #05bae3;
}
.ContainerVideo iframe {
  width: 100%;
  height: -webkit-fill-available;
  border: 0;
  overflow: hidden;
}
.VerifyTicket {
  font-weight: 700;
  background: #dfdfdf;
  align-items: center;
  color: #fff;
  text-align: center;
  height: -webkit-fill-available;
}
.MTItemVideo,
.ContainerVideo {
  height: -webkit-fill-available;
}
video.Videoo {
  border: 2px solid #05bae3;
  width: 19.75vw;
  height: 24vh;
  background: #010b12;
}
.TItitle {
  display: grid;
  text-align: center;
  text-transform: uppercase;
  background: transparent;
  color: #fff;
  align-content: center;
  padding-left: 0.5vw;
  font-weight: 500;
  font-size: 1vw;
}
.TCtitle {
  font-size: 0.8vw;
  text-align: left;
  padding-left: 10px;
}
.TicketBody {
  background: #0e0e0e;
  background-size: contain;
  overflow: auto;
  background-position: center;
  background-repeat: no-repeat;
}
.TicketBody::-webkit-scrollbar {
  -webkit-appearance: none;
}
.TicketBody::-webkit-scrollbar:vertical {
  width: 4px;
}
.TicketBody::-webkit-scrollbar-button:increment,
.TicketBody::-webkit-scrollbar-button {
  display: none;
}
.TicketBody::-webkit-scrollbar:horizontal {
  height: 6px;
}
.TicketBody::-webkit-scrollbar-thumb {
  background-color: gray;
  border-radius: 20px;
}
.TicketBody::-webkit-scrollbar-track {
  border-radius: 10px;
}
.TicketListContainer {
  overflow: auto;
  display: grid;
  margin: 2px;
  font-family: Sensation;
}
.TicketItem {
  display: grid;
  position: relative;
  background: #2e2e2e;
  background: linear-gradient(180deg, #404a45 0%, #333935 100%);
  border-bottom: 2px solid #000000;
  min-height: 9vh;
  border-radius: 6px;
  overflow: hidden;
  border-radius: 8px;
  margin: 0.05rem 0;
  padding: 0.4rem 0;
}
.TicketItemTop {
  text-align: start;
  display: grid;
  color: #fff;
  align-items: self-end;
  margin: 1px 10px;
  grid-auto-flow: row;
}
.BetTypeDate {
  color: #adadad;
  font-size: 0.6vw;
}
.TicketEquipos {
  display: block;
  align-self: center;
  height: -webkit-fill-available;
  line-height: 12pt;
  margin-top: 1pt;
  white-space: nowrap;
  max-width: 17vw;
  overflow: hidden;
  text-overflow: ellipsis;
}
.TicketMarketName {
  color: var(--SpecialOddsValue);
  font-weight: 700;
  display: grid;
  align-self: center;
  font-size: 1vw;
  grid-auto-flow: column;
  height: -webkit-fill-available;
  align-content: center;
  padding:0.25rem 0;
}
.TicketBottom {
  display: grid;
  align-items: flex-start;
  right: 0.35rem;
}
.TicketCBX {
  color: #fff;
  cursor: pointer;
  font-size: 0.6vw;
  padding: 0.4vw;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 700;
  display: grid;
  align-items: center;
  background: black;
  border-radius: 5px;
  justify-self: right;
}
.TicketX {
  color: #fff;
  cursor: pointer;
  font-size: 0.8vw;
  width: 1.75rem;
  height: 1.75rem;
  font-weight: 700;
  display: grid;
  align-items: center;
  background: black;
  border-radius: 5px;
  margin: 0.1vw;
}
.TicketX .demo-icon {
  font-size: 0.8rem;
}
.TicketOddRowTwo {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 90% 10%;
}
.TicketOddRowThree {
  display: grid;
  grid-auto-flow: column;
  justify-content: start;
  grid-auto-columns: 5% 85% 10%;
}
.TicketOdd {
  display: grid;
  color: var(--SpecialOddsValue);
  font-weight: 700;
  text-align: right;
  align-self: center;
  height: -webkit-fill-available;
  align-content: center;
  margin-right: 0.5vw;
}
.TicketBotonesContainer {
  background: #242424;
  display: grid;
  grid-template-rows: 16% 18% 47% 15%;
  color: #fff;
}
.TBBetContainer {
  display: grid;
  grid-template-columns: 38% 60%;
  margin-top: 5px;
}
.Af12 {
  font-weight: bolder;
  font-size: 1vw;
  padding-left: 0.5vw;
  align-self: center;
}
.MinuPlus {
  text-align: center;
  font-weight: 600;
  display: grid;
  grid-template-columns: 20% 60% 20%;
}
.TBBTC,
.TBBC {
  display: grid;
}
.MainBtn.InvoBtns {
  display: grid;
  background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
  cursor: pointer;
  border-radius: 3px;
  box-shadow: 0 4px 4px #00000040;
  justify-content: center;
  align-items: center;
  margin: 7px 5px;
  padding: 1px -1px;
  font-size: 1.3vw;
}
.MinuPlusItem {
  display: flex;
  background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
  margin: 0;
  cursor: pointer;
  box-shadow: 0 2px 4px 1px #00000040;
  border-radius: 3px;
  color: #4effbb;
  font-size: 30px;
  justify-content: center;
  align-items: center;
  height: 5.5vh;
}
.TextBox {
  display: grid;
  background: #0e0e0e;
  color: #000;
  font-family: Sansation;
  font-size: 16px;
}
.Montotxt {
  display: grid;
  color: #fff;
}
.TextBox input[type="number"]:focus {
  all: unset;
  color: #fff;
  display: grid;
  align-self: self-end;
  font-size: 18px;
  text-align: center;
}
.TextBox input[type="text"] {
  width: 90%;
  font-weight: 700;
  font-size: 22px;
  text-align: end;
}
.TextBox input[type="number"] {
  width: 90%;
  font-weight: 700;
  font-size: 22px;
  text-align: end;
  text-decoration: none;
  background: #0e0e0e;
  border: none;
  all: unset;
  color: #fff;
  display: grid;
  align-self: self-end;
  font-size: 18px;
  text-align: center;
}
.curr {
  font-weight: 700;
  align-self: center;
  font-size: 1vw;
}
.TBBotonesContainer {
  display: grid;
  gap: 4px;
}
.TBBbtn {
  display: grid;
  grid-auto-flow: column;
  font-size: 1vw;
  text-align: center;
  cursor: pointer;
  grid-template-columns: repeat(6, 1fr);
}
.BTNC {
  background: #bd0300;
  margin: 10px 10px 10px 0;
  color: #fff;
  text-align: center;
  display: grid;
  cursor: pointer;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  margin: 1vh 0.2vw;
  font-size: 1.3vw;
  box-shadow: 0 4px 4px #00000040;
}
.TBDetallesContainer {
  display: grid;
}
.TBDetalles {
  display: grid;
  padding: 0vw 0.5vw;
  text-align: start;
  font-size: 13px;
  overflow: auto;
}
.aLink {
  color: #fff;
  text-align: right;
  width: -webkit-fill-available;
  display: grid;
  font-size: 0.7vw;
  height: 2vh;
  align-content: flex-end;
  color: #e1e1e1;
}
.LinkContainer {
  display: grid;
  align-content: center;
  text-align: end;
  padding: 0.5vh 0.5vw;
  cursor: pointer;
  text-decoration: underline;
}
.TBDValue {
  display: grid;
  background: black;
  text-align: right;
  padding: 4px 10px 3px 1px;
  border-radius: 4px;
  font-size: 1.1vw;
  font-weight: 700;
}
.TBDItem {
  display: grid;
  justify-content: space-between;
  align-items: center;
  grid-template-columns: 50% 50%;
  font-size: 1vw;
  height: 4vh;
}
.TBDTitle{
  line-height: 1.75vh;
}
.PagoMaximo {
  align-self: center;
  padding-left: 1vw;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}
.TBMakeBetContainer {
  display: grid;
  width: 94%;
  margin: 0;
  padding: 0;
}
.BtnLimpiar {
  background: #bd0300;
  font-size: 12pt;
  font-weight: 700;
  width: 50%;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  padding: 1vh 0;
  cursor: pointer;
}
.BtnMakeBet {
  background: linear-gradient(180deg, #00be17 0%, #006400 100%);
  font-size: 12pt;
  font-weight: 700;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
  margin: 0 1vh;
  height: 5.9vh;
}
.ResevarBtn {
  display: grid;
  grid-auto-flow: column;
  align-content: center;
  text-align: center;
  font-size: 1.3vw;
  font-weight: 100;
  font-family: Sensation;
  background: var(--MainBlue);
  border-radius: 5px;
  cursor: pointer;
  margin: 0.5vh 1vw;
}
.sr-wwrap .sr-bb {
  padding: 0 !important;
}

.TitleInvoice {
  display: grid;
  text-align: center;
  background: #1e2220;
  color: #fff;
  align-items: center;
}
.CleanIcon {
  color: #db2727;
  background: rgba(219, 39, 39, 0.2);
  border-radius: 4px;
  height: 3vh;
  display: grid;
  align-self: center;
  align-content: center;
  width: 80%;
  cursor: pointer;
}
.InvoiceDownUpBContainer {
  display: grid;
  grid-template-columns: 50% 50%;
  text-align: center;
  background: #242424;
  margin: 0.5vh 0;
}
.PBCB {
  background: linear-gradient(180deg, #404a45 0%, #333935 100%);
  display: grid;
  text-align: center;
  font-size: 1.7vw;
  cursor: pointer;
  color: #bfbfbf;
  align-content: center;
  border-bottom: 1px solid #353535;
  border-top: 1px solid #353535;
  margin:0 0.15rem;
}
.InvoiceDownUpBContainer .PBCB {
  height: 4vh;
}
.PreBotomContainer .PBCB .demo-icon{
  font-size: 2.75rem;
  color: #0e0e0e;
}
.InvoiceDownUpBContainer .PBCB .demo-icon {
  font-size: 2rem;
}
.TicketItem.Red {
  border: 2px solid #ff9700;
}
.TicketItem.Inactivo {
  border: 2px solid #ec1717;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
}
.TicketItemWarning {
  display: grid;
  grid-template-columns: 9% 80%;
  background: #ec1717;
  color: #fff;
  font-size: 1.2vh;
  font-weight: 700;
  margin-bottom: 2px;
  border-bottom-right-radius: 9px;
  border-bottom-left-radius: 9px;
  height: 1.8vh;
}
.TicketIW2 {
  display: grid;
}
.TicketIW1 {
  text-align: center;
}
.downTicket {
  border-bottom: 4px solid red;
  height: auto;
  padding: 0;
  margin: 0;
}
.upTicket {
  border-top: 4px solid green;
  height: auto;
  padding: 0;
  margin: 0;
}
.TextBoxInvoice {
  display: grid;
  grid-template-columns: 1% 98% 1%;
  background: #0e0e0e;
  font-size: 1.4vw;
  color: var(--Orange2);
  text-align: left;
  gap: 0.2vw;
}
.Symbolcurr {
  display: grid;
  align-content: center;
  text-align: right;
}
.Bono {
  background: #ffe500;
  display: grid;
  color: #000;
  padding: 0.2rem;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 5px;
  font-weight: 700;
}
input.Montotxt {
  background: #0e0e0e;
  border: none;
  text-align: left;
  font-family: Sensation;
  font-style: normal;
  font-weight: 700;
  font-size: 1.4vw;
  color: var(--Orange2);
  width: unset;
  display: grid;
  justify-self: end;
  width: 90%;
}
input.Montotxt:focus {
  outline: none;
}
.MaxPagoFixedContainer {
  position: absolute;
  background-color: #000;
  top: 55%;
  background: #2e2e2e;
  display: grid;
  grid-template-rows: 20% 35% 45%;
  height: 24%;
  color: #fff;
  border-radius: 7px;
  z-index: 113;
}
.MaxPagoFixedBtnsContainer {
  display: grid;
  grid-template-rows: 50% 50%;
  padding: 10px 15px;
  gap: 5px;
  z-index: 100;
}
.MaxPagoFixHeadC {
  display: grid;
  text-align: center;
  align-content: center;
  z-index: 100;
}
.MaxPagoFixCounter {
  font-size: 14pt;
  font-weight: 900;
}
.MaxPagoTitle {
  padding: 10px;
  font-size: 14px;
  font-weight: 600;
}
.MPFBCbtnA {
  background: linear-gradient(180deg, #00be17 0%, #006400 100%);
  display: grid;
  text-align: center;
  color: #fff;
  align-content: center;
  padding: 0 10px;
  border-radius: 5px;
  font-weight: 700;
  cursor: pointer;
}
.MPFBCbtnC {
  background: var(--BtnCancelar);
  display: grid;
  text-align: center;
  color: #fff;
  align-content: center;
  padding: 0 10px;
  border-radius: 5px;
  font-weight: 700;
  cursor: pointer;
}
.backgroundMaxPay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 99;
}
.MaxPagoHead {
  z-index: 100;
  grid-template-columns: 85% 14%;
  text-align: center;
  border-bottom: 3px solid black;
  display: grid;
  align-content: center;
}
.MaxPagoHeadTitle {
  display: grid;
  color: #4effbb;
}
.MaxPagoHeadXBut {
  background: linear-gradient(180deg, #db2727 0%, #9e0000 100%);
  border-radius: 4px;
  display: grid;
  font-size: 12pt;
  padding: 3px;
  cursor: pointer;
}
.ClearBtn {
  background: transparent;
  box-shadow: none;
  padding: 0.3vw 0vw;
  cursor: pointer;
  display: grid;
  align-self: center;
  width: 2vw;
  justify-self: self-end;
  margin-right: 0.5vw;
}
.invoiceBTN {
  display: grid;
  grid-auto-flow: column;
  align-content: center;
  text-align: center;
  font-size: 1.3vw;
  font-weight: 100;
  font-family: Sensation;
  margin-top: 5pt;
}
.OraYellow2 {
  color: var(--OraYellow2);
}
.InvoicCounter {
  text-align: left;
  display: grid;
  padding-left: 10px;
}
.GridRowContainer {
  display: grid;
  grid-template-rows: unset;
}
.TalonTopT {
  display: grid;
  grid-auto-flow: column;
  font-size: 0.8vw;
  background: #0e0e0e;
  border-radius: 4px 0 0 4px;
  padding: 0.7vh;
}
.TalonTopB {
  display: flex;
  grid-template-columns: 70% 30%;
  align-items: center;
  font-size: 0.9vw;
  justify-content: space-between;
}
.SimpleCashOutBtn {
  display: grid;
  border: 1px solid #ff2727;
  padding: 0.2vw;
  align-content: center;
  color: #ff2727;
  font-weight: 700;
  animation: _ngcontent-ng-c1120375010_CashOutSimpleAnimation 1s linear infinite
    alternate;
  width: 6vw;
  transition: box-shadow 0.5s;
}
.SimpleCashOutBtn:hover {
  box-shadow: 0 0 10px #fefefe;
}
@keyframes _ngcontent-ng-c1120375010_CashOutSimpleAnimation {
  0% {
    transform: scale(0.95);
    opacity: 0.8;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.TomaControl {
  display: grid;
  align-content: center;
  color: var(--BlancoHumo);
}
.InvoiceCBItemContainer {
  display: grid;
  grid-template-columns: 80% 20%;
  border-radius: 4px;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}
.InvoiceCBMain {
  display: grid;
  grid-auto-flow: row;
  padding-left: 0.6rem;
  background: #2e2e2e;
  border-bottom: 2px solid #000000;
  color: #fff;
  border-radius: 4px;
}
.InoviceCBItemright {
  display: grid;
  align-content: center;
}
.InoviceCBItemLeft {
  display: grid;
}
.InvoiceCBBodyItems {
  display: grid;
  grid-auto-flow: row;
}
.BetTypeTitle {
  display: grid;
  align-self: center;
}
.Tab1 {
  color: var(--SpecialOddsValue);
  font-weight: 700;
  display: grid;
  align-self: center;
  font-size: 0.8vw;
  grid-auto-flow: row;
  border-left: 2px solid white;
  margin: 0.3rem 0rem;
  padding: 0rem 0.5rem;
}
.InvoiceContinCBMarket {
  position: relative;
}
.Corchete {
  position: absolute;
  border: 2px solid white;
  width: 0.2vw;
  height: 3.7vh;
  border-right: none;
}
.CargandoText.LoadinTexo {
  color: #fff;
  display: grid;
  align-content: center;
  border-bottom: 2px solid black;
  background: black;
  padding: 1vw;
  background: #343434;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.printer {
  background: #2e2e2e;
  padding: 1rem;
  margin: 1rem;
  border-radius: 0.2rem;
}
.invalid {
  pointer-events: none;
  opacity: 0.6;
}
.InLive {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  gap: 1vw;
  font-size: 0.6vw;
  margin: 0.5vh 0;
}
.InLiveText {
  background: #00b955;
  padding: 0 0.5rem;
  color: #000;
  font-weight: 700;
}
.InLiveScore {
  color: #00b955;
  font-weight: 700;
  font-size: 0.8vw;
}
.betSetting {
  display: grid;
  font-size: 1.2vw;
  align-content: center;
  cursor: pointer;
}
.BoxDniCliente {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 199;
}
.DniNoExist {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 200;
}
.CloseBox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
}
.BoxDniContainer {
  position: absolute;
  background: #343434;
  color: #fff;
  width: 20vw;
  height: 30vh;
  left: 40vw;
  top: 35vh;
  display: grid;
  grid-template-rows: 20% 60% 20%;
  box-shadow: 0 24px 48px #0003;
}
.BDCHead {
  display: grid;
  grid-template-columns: 90% 10%;
  border-bottom: 1px solid #111111;
  text-align: center;
  align-items: center;
}
.BDCBtns {
  display: grid;
  grid-auto-flow: column;
  text-align: center;
  gap: 1vw;
  margin: 1vh 1.5vw;
}
.BDCTitle {
  display: grid;
  padding-left: 10%;
  color: var(--Cian);
}
.BDCClose {
  cursor: pointer;
}
.BDCClose:hover {
  background: #b70000;
  height: -webkit-fill-available;
  display: grid;
  align-content: center;
}
.BDCBody {
  display: grid;
  align-content: center;
  text-align: center;
}
.BDCBTitle input {
  padding: 1vh 1vw;
  width: 75%;
  background: #242424;
  border: none;
  color: #fff;
  font-size: 1vw;
  outline: none;
  box-shadow: 0 0 5px #ffffff0d;
}
.AceptarBtn {
  display: grid;
  background: green;
  align-content: center;
  cursor: pointer;
}
.CerrarBtn {
  display: grid;
  background: var(--MenuSelect2);
  align-content: center;
  cursor: pointer;
}
.BDCBTitle {
  display: grid;
  grid-auto-flow: row;
  gap: 1vh;
  margin: 1vh 1vw;
}
.InputContainer {
  position: relative;
}
.InputContainer i {
  position: relative;
  right: 1.7vw;
  cursor: pointer;
}
.AceptarBtn.invalid {
  background: #454545;
  color: #c5c5c5;
}
.BtnMakeBet.invoiceBTN.invalid {
  color: #fff;
  text-align: center;
}

/*LiveView*/
.LiveView.PrematchContainer {
  display: grid;
  grid-template-rows: 9.75vh 84vh;
  text-align: center;
  font-size: 0.8rem;
}
.LiveView .LeagueCategory {
  padding: 7px;
  color: var(--OraYellow);
  font-weight: 700;
  min-height: 1.6rem;
  border-radius: 4px;
  display: grid;
  align-content: center;
  grid-auto-flow: column;
  background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
  justify-content: left;
  font-size: 1.1vw;
}
.LiveView .PCLeft {
  display: grid;
  color: #fff;
}
.LiveView .MenuBarEvent {
  display: grid;
  background: #010b12;
}
.LiveView .MoreBetsBtnContainer {
  display: grid;
  align-self: center;
  justify-self: center;
}
.LiveView .MBELeft {
  display: grid;
  grid-template-columns: 5% 90% 5%;
  margin-right: 1pt;
}
.LiveView .MBERight {
  display: grid;
  grid-template-rows: 4vh 81.5vh 5vh;
  margin-right: 2pt;
}
.LiveView .MBELList {
  display: flex;
  align-items: center;
}
.LiveView .MBELBUp {
  display: grid;
  background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
  box-shadow: 0 0 24px #000c;
  text-align: center;
  align-content: center;
  cursor: pointer;
  font-size: 22px;
  border-radius: 0;
  z-index: 1;
}
.LiveView .MBELLLSportImg {
  width: 1.5vw;
  height: 1.5vw;
}
.LiveView .MBELLL.LSDisabled {
  opacity: 0.6;
  cursor: default;
  pointer-events: none;
}
.LiveView .MBELBUp:hover {
  background: -webkit-linear-gradient(bottom, #3e3e3e, #646464);
}
.LiveView .MBELLL {
  display: flex;
  align-items: center;
  flex-direction: column;
  background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
  text-align: center;
  align-content: center;
  cursor: pointer;
  padding: 1vh 1.5vw;
  margin: 0 0.5pt;
  height: -webkit-fill-available;
}
.LiveView .MBELLL.Active {
  opacity: 0.75;
}
.LiveView .MBELLL.selected {
  border: 1px solid #02316e;
  background: linear-gradient(180deg, #4effbb 0%, #00a465 100%),
    linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%) !important;
  color: #000;
}
.LiveView .MBELLL:hover {
  background: -webkit-linear-gradient(bottom, #3c3c3c, dimgray);
}
.LiveView .MBELLLogo {
  display: flex;
  height: 3vh;
  text-align: -webkit-center;
  text-align: center;
  justify-content: center;
  align-content: center;
  align-items: center;
}
.LiveView .MBELLTitle {
  align-content: center;
  white-space: nowrap;
  overflow: hidden;
  display: inline-grid;
  text-overflow: ellipsis;
  font-style: normal;
  font-weight: 700;
  padding: 0.5pt 0;
}
.CantLive {
  font-size: 0.8vw;
  border-radius: 30px;
  background-image: linear-gradient(
      rgba(30, 30, 30, 0.8),
      rgba(30, 30, 30, 0.8)
    ),
    linear-gradient(to bottom, #0e0e0e, #3e3e3e);
  background-origin: border-box;
  background-clip: content-box, border-box;
  color: #aeaeae;
  width: 3vw;
  line-height: 2.25vh;
}
.MBELLCantLive {
  display: flex;
  align-content: center;
  text-align: center;
  justify-content: center;
}
.LiveView .MBERList {
  overflow: auto;
}
.LiveView .MBERLL {
  display: grid;
  grid-template-columns: 75% 25%;
  background: linear-gradient(
    to bottom,
    var(--MainMenuBtn1) 0%,
    var(--MainMenuBtn2) 100%
  );
  margin: 0.5pt 0;
  align-items: center;
  cursor: pointer;
  height: 4vh;
  border-radius: 6pt;
}
.LiveView .MBERLL.selected {
  border: 1px solid #02316e;
  background: linear-gradient(to bottom, #006dfd 0%, #000f22 100%) !important;
}
.LiveView .MBERLL:hover {
  background: -webkit-linear-gradient(bottom, #3c3c3c, dimgray);
}
.LiveView .MBELRTitle {
  font-size: 15px;
  margin-left: 3pt;
  font-weight: 700;
  text-align: left;
}
.LiveView .PCRight {
  display: grid;
  grid-template-rows: 75vh 7.5vh;
}
.LiveView .Resaltar {
  color: #ffe600;
}
.LiveView .PTitle {
  display: grid;
  position: sticky;
  top: 0px;
  background: var(--UIMain1);
  color: #aeaeae;
}
.LiveView .PTitle1 {
  display: grid;
  align-items: center;
  text-align: left;
  padding: 2pt 0;
}
.LiveView .TopFiltros {
  display: grid;
  grid-template-columns: 30% 24%;
}
.LiveView .SwitchController {
  margin: 6px;
  display: grid;
  grid-template-columns: 2fr 0.5fr 1fr 0.5fr;
  align-items: center;
}
.LiveView .switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 20px;
}
.LiveView .switchinput {
  opacity: 0;
  width: 0;
  height: 0;
}
.LiveView .slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background-color: #ccc;
  transition: 0.4s;
}
.LiveView .checkbox {
  position: absolute;
  cursor: pointer;
  content: "";
  height: 16px;
  width: 16px;
  left: 0;
  bottom: 2px;
  background-color: #fff;
  transition: 0.4s;
  z-index: 1;
  border-radius: 50%;
}
.LiveView .checked.checkbox {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 30px;
  bottom: 2px;
  background-color: #fff;
  transition: 0.4s;
}
.LiveView .checked.slider {
  background: var(--HeadBody);
}
.LiveView .slider.round {
  border-radius: 34px;
}
.LiveView .slider.round:before {
  border-radius: 50%;
}
.LiveView .TFSelectBox {
  background: -webkit-gradient(
    linear,
    0 0,
    0 bottom,
    from(#565664),
    to(#181822)
  );
  margin: 4px;
  padding: 6px;
  border-radius: 6px;
  width: -moz-fit-content;
  width: fit-content;
}
.LiveView .TFSelectBoxselect {
  background: #334c5c;
  color: #fff;
  font-weight: 700;
  border: 1px solid black;
  box-shadow: 1px 1px 2px 1px #01121c;
  width: 8vw;
}
.LiveView .MTTContainer {
  display: grid;
  grid-template-columns: 40.5% 56%;
  text-align: center;
  font-size: 8pt;
}
.LiveView .MTTName {
  min-width: 8vw;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  font-size: 0.8rem;
}
.LiveView .MTTNameA {
  display: grid;
  grid-auto-flow: column;
}
.LiveView .PTitle2 {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
}
.LiveView .Team1Title,
.LiveView .Team2Title {
  text-align: left;
}
.LiveView .OCTC {
  display: grid;
  grid-auto-flow: column;
}
.LiveView .OutcomeTitleContainer {
  display: grid;
  grid-auto-flow: column;
  text-align: center;
}
.LiveView .OutcomeTitleContainer .OutComeTitle{
  margin-left: 1vw;
}
.LiveView .OCC {
  display: grid;
  grid-auto-flow: column;
  gap: 5px;
  font-weight: 700;
  margin-right: 5px;
}
.LiveView .EventList {
  display: flex;
  flex-wrap: nowrap;
  background: #000b15;
  flex-direction: column;
  overflow: auto;
  color: #fff;
}
.LiveView .EventList::-webkit-scrollbar {
  -webkit-appearance: none;
}
.LiveView .EventList::-webkit-scrollbar:vertical {
  width: 0.5vw;
}
.LiveView .EventList::-webkit-scrollbar-button:increment,
.LiveView .EventList::-webkit-scrollbar-button {
  display: none;
}
.LiveView .EventList::-webkit-scrollbar:horizontal {
  height: 1vh;
}
.LiveView .EventList::-webkit-scrollbar-thumb {
  background-color: #1251a4;
  border-radius: 20px;
}
.LiveView .EventList::-webkit-scrollbar-track {
  border-radius: 10px;
}
.LiveView .Item.live {
  background: linear-gradient(180deg, #005904 0%, #007206 100%);
  border-radius: 4px;
}
.LiveView .live.OutCome {
  background: linear-gradient(180deg, #00b806 0%, #007903 100%);
  border: 2px solid #004b02;
}
.LiveView .Item {
  background: linear-gradient(
    180deg,
    #0c104b 0.52%,
    #13195f 19.79%,
    #0b105f 100%
  );
}
.LiveView .Tres {
  grid-template-columns: 4% 22% 3% 14% 3% 0% 3% 46% 4%;
}
.LiveView .MainMarkets {
  display: grid;
  align-items: center;
  padding: 0;
}
.LiveView .MainMarkets2123 {
  display: grid;
  height: 10vh;
  grid-template-columns: 6% 20% 8% 29% 6% 6% 6% 12% 6%;
  align-items: center;
}
.LiveView .EventTime {
  text-align: center;
  font-weight: 700;
  display: grid;
  align-self: normal;
  border-right: 1px solid black;
  align-content: center;
  background: rgba(0, 0, 0, 0.3);
  padding: 1.25rem 0;
}
.PreView .EventTime .time {
  margin-bottom: 0;
}
.LiveView .TeamName {
  font-size: var(--TeamsFontSize);
  font-weight: 800;
  width: 95%;
  text-align: left;
  line-height: 1.15vw;
}
.LiveView .Category {
  display: flex;
  align-items: center;
  align-content: center;
  align-self: center;
  font-size: 0.6vw;
  text-align: left;
  font-weight: 600;
  line-height: 10px;
  padding: 0.2vw 0;
}
.LiveView .ColorCian {
  color: var(--Cian);
}
.LiveView img.CatImg {
  width: 0.8vw;
  padding: 0vw 0.2vw;
}
.LiveView .live.Score {
  border-radius: 4px;
  border: 1px solid #0f0;
  background: #008000;
  color: #0f0;
}
.LiveView .Score {
  display: grid;
  color: var(--OraYellow);
  margin: 0.3vw;
  font-weight: 600;
  background: #090c2c;
  border: 0.1vw solid #5b4e4a;
  border-radius: 4px;
}
.LiveView .ScoreVal {
  padding: 0.2rem 0.4rem;
  font-size: 1vw;
}
.LiveView .ResumenScore {
  font-size: 0.8vw;
  color: #fff;
}
.LiveView .Team1,
.LiveView .Team2 {
  display: grid;
  grid-template-rows: 1fr auto;
  align-items: end;
  width: 95%;
  margin-left: 2.5%;
}
.LiveView .StatsC,
.LiveView .PlayTvC {
  display: grid;
  line-height: 0;
}
.LiveView .PlayTvC {
  color: red;
}
.LiveView .stats {
  cursor: pointer;
  font-size: 1vw;
  display: grid;
}
.LiveView .statusimg {
  width: 1.4vw;
}
.LiveView .statusimg {
  position: relative;
}
.LiveView .MainOutContainer {
  display: grid;
  grid-auto-flow: row;
  grid-auto-rows: max-content;
  padding: 1vh;
  gap:0.5vh;
}
.LiveView .PrincipalOdds {
  display: grid;
  grid-auto-flow: column;
}
.LiveView .OutcomeContainer {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
}

.LiveView .OutCome {
  text-align: center;
  color: #fff;
  font-weight: 800;
  border-radius: 6pt;
  box-shadow: 0 0 2px #000;
  cursor: pointer;
  width: 3vw;
  padding: 0.95vh 0.2vw;
  justify-self: self-end;
  border: 2px solid #00064E;
  background: linear-gradient(180deg, #4A45EA 0% 0% , #212AB2 47.92%, #1312CB 100%);
  display: flex;
  justify-content: center;
  align-items: center;
}
.LiveView .OutCome.gameBlueBg {
  width: 3.25vw;
  border: 2px solid #00064E;
  background: linear-gradient(180deg, #4A45EA 0% 0% , #212AB2 47.92%, #1312CB 100%);
}
.LiveView .OutCome.gameGreenBg {
    background: linear-gradient(180deg, #00b806 0%, #007903 100%);
    border: 2px solid #004b02;
}
.LiveView .OutCome.select {
  background: linear-gradient(0deg, #ffa100 0%, #ffa100 100%),
  linear-gradient(180deg, #0f83e4 0%, #268ed1 51.04%, #076286 100%) !important;
  color: #fff !important;
}
.LiveView .MoreBetsBtnContainer .OutCome{
  width: 1.75vw !important;
  height: 2.5vh;
  border-radius: 4px;
  box-shadow: 0px 0px 8px #004b02;
}
.LiveView .Item.live .OutcomeContainer .OutCome {
  background: linear-gradient(180deg, #00b806 0%, #007903 100%);
  border: 1px solid #004b02;
  box-shadow: 0px 0px 8px #004b02;
}
.LiveView .OutCome.live {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  border: 2px solid #004b02;
  background: linear-gradient(180deg, #00b806 0%, #007903 100%);
  padding-left:0.5vw;
  padding-right:0.5vw;
}
.LiveView .OutCome.live span{
  padding: 0 0.15rem 0 0;
}
.LiveView .Item.live .OutcomeContainer .OutCome.select {
  background: linear-gradient(0deg, #ffa100 0%, #ffa100 100%),
    linear-gradient(180deg, #0f83e4 0%, #268ed1 51.04%, #076286 100%);
  color: #fff;
}
.LiveView .live.EventTime {
  border-radius: 0 4px 4px 0;
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.5) 0%,
      rgba(0, 0, 0, 0.5) 100%
    ),
    linear-gradient(180deg, #005904 0%, #007206 100%);
}
.LiveView .live.halftime .EventTime {
  border-radius: 4px;
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.2) 0%,
      rgba(0, 0, 0, 0.2) 100%
    ),
    linear-gradient(180deg, #006a82 0%, #0091b0 100%);
}
.LiveView .OutCome.SubBets.select.live {
  background: var(--Orange2);
}
.LiveView .Lock {
  pointer-events: none;
  color: #ffffff26;
  min-height:2.725vh;
  height:2.725vh;
}
.LiveView button.OutCome:disabled {
  color: transparent;
  font-size: 0.01px;
}
.LiveView button.OutCome.Lock {
  color: transparent;
  font-size: 0.01px;
}
.LiveView button.OutCome:disabled .Lock {
  color: #f2f2f2;
  font-size: 12pt;
}
.LiveView .SOutCome {
  font-weight: 800;
  box-shadow: 0 0 2px #000;
  border: none;
  text-align: center;
  color: #fefefe;
  border-radius: 3pt;
  cursor: pointer;
  width: 2.8vw;
  padding: 6px 5px;
  box-sizing: border-box;
  background: linear-gradient(180deg, #1179c5 0%, #0041bf 100%);
}
.LiveView .SOutCome.select {
  background: var(--Orange2);
  color: #fff;
}
.LiveView button.SOutCome:disabled {
  color: transparent !important;
  font-size: 0.01px !important;
}
.LiveView button.SOutCome.Lock {
  color: transparent;
  font-size: 0.01px;
}
.LiveView button.SOutCome:disabled .Lock {
  color: #0009;
  font-size: 1vw;
  font-weight: 800;
}
.LiveView .Item.live.halftime .BtnSOdds {
  border: 2px solid #00d0ff;
}
.LiveView .Item.halftime .OutcomeContainer .OutCome {
  background: linear-gradient(180deg, #0f83e4 0%, #268ed1 51.04%, #076286 100%);
  border: 2px solid #0b4361;
}
.LiveView .Item.halftime .MoreBetsBtnContainer .OutCome {
  color: #fff;
  background: linear-gradient(180deg, #00bde7 0%, #0092b3 100%);
  width: 3.25vw;
}
.LiveView .Item.halftime .MoreBetsBtnContainer .OutCome.SubBets.select.live {
  background: var(--Orange2);
}
.LiveView .Item.halftime {
  background: linear-gradient(180deg, #046079 0%, #0398bd 100%);
}
.LiveView .Item.live.halftime .MoreBetsContainer .SOutCome {
  text-align: center;
  background: linear-gradient(180deg, #00bde7 0%, #0092b3 100%);
  color: #fff;
  font-weight: 700;
  box-shadow: 0 0 2px #000;
  cursor: pointer;
  border: none;
  padding: 6px 0;
}
.LiveView .Item.halftime .MoreBetsContainer .SOutCome.select {
  background: var(--Orange2);
}
.LiveView .disabled {
  pointer-events: none;
}
.LiveView .specialValue {
  text-align: center;
    margin: 1px;
    color: var(--OraYellow);
    font-weight: 800;
    border-radius: 3pt;
    cursor: pointer;
    width: 3.5vw;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.LiveView .SecondaryOdds {
  display: grid;
  grid-auto-flow: column;
}
.LiveView .Item.live .MoreBetsContainer .SOutCome {
  border-radius: 8px;
  background: linear-gradient(180deg, #00b806 0%, #007903 100%);
}
.LiveView .Item.live .MoreBetsContainer .SOutCome.select {
  background: var(--Orange2);
}
.LiveView .up {
  border: 2px solid #42ff00 !important;
}
.LiveView .down {
  border: 2px solid #ff0000 !important;
}
.LiveView .MarketName {
  padding-left: 2vw;
  text-align: left;
  font-weight: 800;
}
.LiveView .sOddsContainer {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.LiveView .SubBets {
  border: none;
}
.LiveView .BtnSOdds.CustomBet {
  grid-auto-flow: column;
  grid-template-columns: 100%;
}
.LiveView .BtnSOdds {
  display: grid;
  text-align: center;
  margin: 6px 2px;
  border: 2px solid #0041bf;
  border-radius: 8px;
  grid-template-columns: 8fr 2fr;
}
.LiveView .BtnSOdds.BlueBorder {
  border: 2px solid #0041bf;
}
.LiveView .BtnSOdds.GreenBorder {
  border: 2px solid #008000;
}
.LiveView .Item.live.BtnSOdds {
  border: 2px solid green;
}
.LiveView .MoreBetsContainer {
  display: grid;
  margin: 5px 4px;
  text-align: left;
}
.LiveView .MoreBetsDetail {
  margin-left: 0.15rem;
  margin-bottom: 0.5rem;
  padding: 0.5rem;
  max-width: calc(100% - 5px);
}
.LiveView .MoreBetsItem {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 8vh;
  border: 1px solid black;
  align-items: center;
  border-radius: 4px;
}
.LiveView .MoreBetsItem:hover {
  background: rgb(8 8 8 / 30%);
}
.LiveView .sOddTitle {
  width: 95%;
  font-weight: 800;
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
  display: grid;
  align-content: center;
  text-align: right;
  padding-right: 0.5vw;
}
.LiveView .TextBoxContainer {
  display: grid;
  position: relative;
}
.LiveView .TextBoxIcon {
  position: absolute;
  right: 0vw;
  top: 1.25vh;
  color: #525252;
}
.LiveView input.FindText {
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
  border: none;
  border-radius: 5px;
  color: #c7c7c7;
  padding-left: 9px;
  width: 100%;
  color: #fff;
  background: rgba(0, 0, 0, 0.4);
  height: 4vh;
  display: grid;
  align-self: center;
  font-size: 1vw;
}
.LiveView .FindText:focus {
  outline: 0px;
}
.LiveView .SelectCategory {
  font-weight: 100;
  cursor: pointer;
  background: linear-gradient(180deg, #1e1e1e 0%, #0e0e0e 100%);
  border: 1px solid #aeaeae;
  height: 70%;
  display: grid;
  align-self: center;
  color: #e2e2e2;
  font-size: 0.9vw;
  padding-left: 0.4vw;
}
.LiveView .SelectCategoryoption {
  background: black;
  font-size: 0.8vw;
}
.LiveView .SelectCategory option:checked {
  background-color: red;
}
.LiveView .CountryComboBox {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
}
.LiveView .PreBotomContainer {
  display: grid;
  grid-template-columns: 14% 26% 40% 20%;
  align-items: center;
  text-align: center;
  background: #1e1e1e;
  height: 7vh;
}
.LiveView .PreFavorito {
  color: #0006;
  font-size: 1.3vw;
  cursor: pointer;
}
.LiveView .SelectedFav {
  color: #c2c200;
}
.LiveView .ActiveFavoritos {
  border: 1px solid #02316e;
  background: linear-gradient(180deg, #4effbb 0%, #00a465 100%),
    linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%) !important;
  color: #000;
}
.LiveView .ActiveFavoritos .FootBtnFavTitle {
  color: #000 !important;
}
.LiveView .ActiveFavoritos .FootBtnFavIcon {
  color: gray;
}
.LiveView .FoootBtnFav {
  display: grid;
  grid-template-columns: 20% 80%;
  background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
  width: 80%;
  height: 80%;
  align-content: center;
  text-align: center;
  justify-self: center;
  cursor: pointer;
  border-radius: 0.4vw;
}
.LiveView .FootFind {
  display: grid;
  width: 80%;
  height: 80%;
  margin-left: 1rem;
}
.LiveView .PBCBtn {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-gap: 4pt;
  margin: 2pt 1rem 2pt 0;
  color: #0e0e0e;
  text-shadow: 0px 1px 1px #686868;
}
.LiveView .FootBtnFavTitle {
  color: #fff;
  text-align: left;
}
.LiveView .FootBtnFavIcon {
  color: var(--SpecialOddsValue);
}
.LiveView .PBCB {
  display: grid;
  background: linear-gradient(
    to bottom,
    var(--MainMenuBtn1) 0%,
    var(--MainMenuBtn2) 100%
  );
  text-align: center;
  align-content: center;
  cursor: pointer;
  font-size: 28pt;
  border-radius: 10pt;
}
.LiveView .PBCB:hover {
  background: #424242;
}
.LiveView .MBELLCant {
  background: #404040;
  border-radius: 4pt;
  margin-left: 5pt;
  font-weight: 700;
}
.LiveView .MBELRIconimg {
  width: 2.5vw;
  clip-path: circle();
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .LiveView .MBELLLogo {
    font-size: 24px;
    margin-bottom: 3px;
  }
  .LiveView .MBELRTitle {
    font-size: 12px;
  }
  .LiveView .BtnDate {
    font-size: 15px;
  }
  .LiveView .stats {
    font-size: 18px;
  }
}
.LiveView .MBELList,
.LiveView .MBERList {
  overflow: auto;
}
.LiveView .MBELList::-webkit-scrollbar,
.LiveView .MBERList::-webkit-scrollbar {
  display: none;
}
.LiveView .MBELLIconimg {
  width: 1.7vw;
  clip-path: circle();
}
.LiveView .Dos {
  display: grid;
  grid-template-columns: 4% 22% 5% 22% 3% 3% 3% 33% 5%;
}
.LiveView .Uno {
  display: grid;
  grid-template-columns: 4% 28% 4% 25% 5% 5% 5% 18% 5%;
}
.LiveView .Cero {
  display: grid;
  grid-template-columns: 4% 28% 5% 30% 4% 4% 4% 15% 5%;
}
.LiveView .LV2Uno {
  grid-template-columns: 4% 2% 25% 8% 25% 5% 25% 6%;
}
.LiveView .LV2UnoT {
  grid-template-columns: 59% 41%;
}
.LiveView .stats.disabled {
  color: gray;
  pointer-events: none;
}
.LiveView .MBELLTitle,
.LiveView .MBELLCant {
  font-size: 0.8vw;
}
.LiveView .EventTime {
  font-size: 0.9vw;
  font-style: normal;
  font-weight: 600;
  border-radius: 0 5px 5px 0;
}
.OutCome, .specialValue, .MarketName {
    font-size: var(--OddsFontSize);
}
.LiveView .sss {
  color: #fff;
}
.LiveView .sOddTitle,
.LiveView .SOutCome {
  font-size: 1.3vw;
}
.LiveView .LV2Cuatro {
  grid-template-columns: 4% 3% 9% 5% 13% 5% 57% 4%;
  border-bottom: 2px solid black;
}
.LiveView .LV2Tres {
  grid-template-columns: 4% 3% 16% 6% 14% 6% 47% 4%;
  border-bottom: 2px solid black;
}
.LiveView .LV2Dos {
  display: grid;
  grid-template-columns: 4% 3% 24% 7% 28% 4% 26% 4%;
}
.LiveView .LV2DosE2 {
  display: grid;
  grid-template-columns: 4% 3% 18% 7% 28% 4% 32% 4%;
}
.LiveView .LV2DosE3 {
  display: grid;
  grid-template-columns: 4% 3% 28% 7% 26% 4% 32% 4%;
}
.LiveView .DetailContainer {
  display: grid;
}
.LiveView .DCStatsTop {
  display: grid;
  align-content: center;
  height: auto;
}
.LiveView .FirstTime {
  padding-top: 2vh;
  color: var(--Orange2);
  font-size: 0.9vw;
}
.LiveView .LV2Cero {
  display: grid;
  grid-template-columns: 4% 2% 21% 5% 22% 2% 33% 5%;
}
.LiveView .LV2TresT.MTTNameA {
  display: grid;
  grid-template-columns: 30% 30% 40%;
}
.LiveView .LV2DosT.MTTNameA {
  grid-template-columns: 34% 38%;
}
.LiveView .LV2CuatroT {
  grid-template-columns: 37% 57% 6%;
}
.LiveView .LV2TresT {
  grid-template-columns: 49.5% 47% 6%;
}
.LiveView .LV2TresTE {
  grid-template-columns: 62% 32% 6%;
}
.LiveView .LV2DosT {
  grid-template-columns: 66% 27% 7%;
}
.LiveView .Lv21T {
  font-size: 11px;
  color: #ffe600;
}
.LiveView .status {
  display: grid;
}
.LiveView .DCStatsBottom {
  display: grid;
  grid-auto-flow: column;
  align-self: center;
}
.LiveView .GrupoTitle {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 130px;
  padding: 0.8rem 1rem;
  font-size: 1rem;
  border: 1px solid;
  cursor: pointer;
  border-top-left-radius: 1vh;
  border-top-right-radius: 1vh;
  margin-left: 5px;
}
.LiveView .GrupoTitle:first-child {
  margin-left: 0px;
}
.LiveView .GroupsContainer {
    display: flex;
    width: 78.5vw;
    align-items: center;
    font-weight: 600;
    margin-left: 2.5px;
}
.LiveView .GroupMarketsContainer {
    display: flex;
    overflow: hidden;
    width: -webkit-fill-available;
}
.LiveView .GroupParentMarketsContainer{
  width: calc(100% - 105px);
}
.LiveView .GrupoTitle.selected {
  color: #fff;
  border-bottom: 3px solid #fff;
}

/* BetBuilder lego icon + NEW badge (all views) */
.GrupoTitle.betbuilder-title {
  overflow: visible;
}
.GrupoTitle .bb-lego-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -2px;
  background-color: #FFF668;
  -webkit-mask: url(../img/icons/lego-piece-svgrepo-com.svg) no-repeat center / contain;
  mask: url(../img/icons/lego-piece-svgrepo-com.svg) no-repeat center / contain;
}
.GrupoTitle .bb-text {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  white-space: nowrap;
}
.GrupoTitle .bb-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.GrupoTitle .bb-new-badge {
  align-self: flex-start;
  flex-shrink: 0;
  transform-origin: left center;
  transform: rotate(-20deg);
  background: #e2001a;
  color: #FFFFFF;
  font-size: 8px;
  line-height: 1;
  font-weight: bold;
  padding: 2px 4px;
  border-radius: 3px;
  margin-left: 2px;
  white-space: nowrap;
  text-transform: uppercase;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

.LiveView .NewTab {
  position: absolute;
  display: grid;
  color: #fff;
  background: red;
  font-size: 0.7rem;
  padding: 0.3rem;
  bottom: 2.8rem;
  animation: NewTabAnimation 5s ease-in-out infinite;
}
.LiveView .CrearApuestaContainer {
  position: relative;
}
.LiveView .SubOdds {
  display: grid;
  grid-template-columns: 65% 35%;
  text-align: center;
  margin: 3px 0;
}
.LiveView .SubOddsCB {
  display: grid;
  text-align: center;
  margin: 3px 0;
}
.LiveView .SubOddsCB.CB.select .sOddTitle {
  background: -webkit-gradient(
    linear,
    0 0,
    0 bottom,
    from(#c0bc23),
    to(#e6e051)
  ) !important;
  color: #000;
}
.LiveView .sOddsTitleCB,
.LiveView .LockCB {
  text-align: center;
}
.LiveView .SubOddsCB.CB.select {
  color: #fff;
  background: #ff8100;
  font-size: 1vw;
  margin: 0;
  align-content: center;
  border-radius: 5px;
  cursor: pointer;
}
.LiveView .sOddTitleCB {
  font-size: 1vw;
}
.LiveView .StatsModal {
  position: fixed;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100;
}
.LiveView .StatsModal2 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  z-index: 101;
}
.LiveView .StatsModalc {
  position: fixed;
  z-index: 102;
  display: grid;
  align-items: center;
  align-content: center;
  align-self: center;
  left: 9vw;
  top: 14vh;
}
.LiveView .StatsModalIFram {
  width: 80vw;
  height: 60vh;
}
.LiveView .StatsModalClose {
  background: gray;
  color: #fff;
  display: grid;
  grid-template-columns: 90% 10%;
  text-align: center;
  padding: 0.5rem;
}
.LiveView .StatsModalModalTitle {
  padding-left: 10%;
}
.LiveView .StatsModalBtnClose {
  text-align: right;
  cursor: pointer;
}
.LiveView .live.halftime.OutCome {
  background: linear-gradient(180deg, #0f83e4 0%, #268ed1 51.04%, #076286 100%);
  border: 2px solid #0b4361;
}
.LiveView .halftime.Score {
  background: #047997 !important;
  border: 1px solid #0fcdff !important;
  color: #fff !important;
}
/*LiveView*/

/*PreView*/
.PreView.PrematchContainer {
  display: grid;
  grid-template-columns: 20% 80%;
  text-align: center;
  font-size: 0.8rem;
}
.PreView .PCLeft {
  display: grid;
  color: #fff;
}
.PreView .MenuBarEvent {
  display: grid;
  grid-template-columns: 34% 66%;
  background: #010b12;
}
.PreView .MBELeft {
  display: grid;
  grid-template-rows: 9vh 74vh 9vh;
  margin-right: 1pt;
}
.PreView .Negrita {
  font-weight: 700;
}
.PreView .FZ1_2vw {
  font-size: 32px !important;
}
.PreView .MBELBUp {
  display: grid;
  text-align: center;
  align-content: center;
  cursor: pointer;
  font-size: 22px;
  background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
  box-shadow: 0 0 24px #000c;
  height: 9vh;
}
.PreView .MBELBUp:hover {
  background: -webkit-linear-gradient(bottom, #3e3e3e, #646464);
}
.PreView .MBELList,
.PreView .MBERList {
  overflow: auto;
}
.PreView .MBELList::-webkit-scrollbar,
.PreView .MBERList::-webkit-scrollbar {
  display: none;
}
.PreView .MBERLL {
  display: grid;
  grid-auto-flow: row;
}
.PreView .MBERLL:hover {
  background: -webkit-linear-gradient(bottom, #3e3e3e, #646464);
}
.PreView .MBELLL {
  display: flex;
  flex-direction: column;
  background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
  text-align: center;
  align-content: center;
  justify-content: center;
  cursor: pointer;
  margin: 0.5pt 1pt;
  border: 1px solid transparent;
  height: 9.5vh;
}
.PreView .MBELLL.selected,
.PreView .MBELLL:hover {
  background: linear-gradient(180deg, #4effbb 0%, #00a465 100%);
  color: #000;
}
.PreView .MBELLLogo {
  display: flex;
  height: 3vh;
  text-align: -webkit-center;
  text-align: center;
  justify-content: center;
  align-content: center;
}
.PreView .MBELLLSportImg {
  width: 1.5vw;
  height: 1.5vw;
}
.PreView .MBELLCant {
  border: 2px solid transparent;
  border-radius: 30px;
  background-image: linear-gradient(
      rgba(30, 30, 30, 0.8),
      rgba(30, 30, 30, 0.8)
    ),
    linear-gradient(to bottom, #0e0e0e, #3e3e3e);
  background-origin: border-box;
  background-clip: content-box, border-box;
  color: #aeaeae;
}
.PreView .MBERList {
  display: grid;
  gap: 1px;
  height: -webkit-fill-available;
  grid-auto-rows: max-content;
}
.PreView .MBELRTitle {
  font-size: 1vw;
  text-align: left;
  font-style: normal;
  font-weight: 100;
  color: #fff;
}
.PreView .MBELLIcon img {
  width: 1.3vw;
}
.PreView .MBERight {
  display: grid;
  grid-template-rows: 9vh 74vh 9vh;
  margin-right: 2pt;
}
.PreView .CianTxt {
  color: #4effbb;
}
.PreView .BlackTxt {
  color: #161616;
}
.PreView .PCRight {
  display: grid;
  grid-template-rows: 84.5vh 8vh;
}
.PreView .PTitle {
  display: grid;  
  grid-template-rows: 60% 30%;
  background: var(--UIMain1);
  color: #aeaeae;
  height: 7vh;
}
.PreView .PTitle1 {
  display: grid;
  align-items: center;
  text-align: left;
  padding: 2pt 0 4pt 0;
}
.PreView .TopFiltros {
  display: grid;
  grid-template-columns: 20% 10% 30% 40%;
}
.PreView .SwitchController {
  margin: 6px;
  display: grid;
  grid-template-columns: 2fr 0.5fr 1fr 0.5fr;
  align-items: center;
}
.PreView .switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 20px;
}
.PreView .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.PreView .checked .checkbox {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 30px;
  bottom: 2px;
  background-color: #fff;
  transition: 0.4s;
}
.PreView .checkbox {
  position: absolute;
  cursor: pointer;
  content: "";
  height: 16px;
  width: 16px;
  left: 0;
  bottom: 2px;
  background-color: #fff;
  transition: 0.4s;
  z-index: 1;
  border-radius: 50%;
}
.PreView .slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background-color: #ccc;
  transition: 0.4s;
}
.PreView .Team1Title,
.PreView .Team2Title {
  text-align: left;
}
.PreView .checked .slider {
  background: #09a10a;
}
.PreView .slider.round {
  border-radius: 34px;
}
.PreView .slider.round:before {
  border-radius: 50%;
}
.PreView .TFTitle {
  align-self: center;
  margin-left: 10pt;
}
.PreView .TFSelectBox {
  margin: 2px;
  padding: 9px;
  display: grid;
}
.PreView .TFSelectBox select {
  background: #334c5c;
  color: #fff;
  font-weight: 700;
  border: 1px solid black;
  box-shadow: 1px 1px 2px 1px #01121c;
  width: 8vw;
}
.PreView .TextBoxContainer {
  display: grid;
  position: relative;
}
.PreView .TextBoxIcon {
  position: absolute;
  right: 1vw;
  top: 1.25vh;
  color: #525252;
}
.PreView input.FindText {
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
  border: none;
  border-radius: 5px;
  color: #c7c7c7;
  padding-left: 9px;
  width: 95%;
  color: #525252;
  background: rgba(0, 0, 0, 0.4);
  height: 4vh;
  display: grid;
  align-self: center;
  font-size: 1vw;
}
.PreView .SelectFormatDay {
  font-weight: 100;
  padding: 0 17px;
  cursor: pointer;
  background: linear-gradient(180deg, #1e1e1e 0%, #0e0e0e 100%);
  border: 1px solid #aeaeae;
  height: 3.8vh;
  display: grid;
  align-self: center;
  color: #fff;
  border-radius: 5px;
}
.PreView select.SelectFormatDay option {
  background: #3e3e3e;
  cursor: pointer;
  font-weight: 100;
  font-size: 16px;
}
.PreView .FindText:focus {
  outline: 0px;
}
.PreView .MTTNameA {
  display: grid;
  grid-auto-flow: column;
}
.PreView .MTTContainer {
  display: grid;
  grid-template-columns: 40.5% 56%;
  text-align: center;
}
.PreView .PTitle2 {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  padding-right: 6px;
}
.PreView .Estado {
  padding-left: 0;
}
.PreView .OCTC {
  display: grid;
  grid-auto-flow: column;
  color: #e2e2e2;
}
.PreView .OutcomeTitleContainer {
  text-align: center;
  display: grid;
  grid-auto-flow: column;
}
.PreView .OutcomeTitleContainer .OutComeTitle{
  margin-left: 1vw;
}
.PreView .EventList {
  display: grid;
  grid-template-columns: 1.5fr 1.5fr 1fr 1fr 1fr 1fr;
}
.PreView .EventList {
  display: flex;
  flex-wrap: nowrap;
  background: #000b15;
  flex-direction: column;
  overflow: auto;
  color: #fff;
}
.PreView .EventList::-webkit-scrollbar {
  -webkit-appearance: none;
}
.PreView .EventList::-webkit-scrollbar:vertical {
  width: 6px;
}
.PreView .EventList::-webkit-scrollbar-button:increment,
.PreView .EventList::-webkit-scrollbar-button {
  display: none;
}
.PreView .EventList::-webkit-scrollbar:horizontal {
  height: 6px;
}
.PreView .EventList::-webkit-scrollbar-thumb {
  background-color: #1251a4;
  border-radius: 20px;
}
.PreView .EventList::-webkit-scrollbar-track {
  border-radius: 10px;
}
.PreView .Tres {
  grid-template-columns: 5% 18% 15% 6% 50% 5%;
}
.PreView .MainMarkets {
  display: grid;
  background: linear-gradient(
    180deg,
    #0c104b 0.52%,
    #13195f 19.79%,
    #0b105f 100%
  );
  border-bottom: 1px solid black;
  text-align: left;
}
.PreView .MoreBetsBtnContainer {
  display: grid;
  align-self: center;
  justify-self: start;
}
.PreView .EventTime {
  height:2.25rem;
  text-align: center;
  font-weight: 800;
  font-size: 0.9vw;
  display: flex;
  flex-direction: column;
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.5) 0%,
      rgba(0, 0, 0, 0.5) 100%
    ),
    linear-gradient(180deg, #0c104b 0.52%, #13195f 19.79%, #0b105f 100%);
  align-items: center;
  justify-content: center;
  padding: 0.75rem 2pt;
}
.PreView .Team1 {
  display: grid;
  padding: 2pt 0;
}
.PreView .TeamName {
  font-size: var(--TeamsFontSize);
  font-weight: 700;
  width: 95%;
  text-align: left;
  display: grid;
  align-content: center;
  font-style: normal;
  padding: 0 0.5rem;
}
.PreView img.CatImg {
  width: 1.2vw;
  padding: 0vw 1vw;
  display: grid;
  align-self: center;
}
.PreView .Category {
  font-size: 0.8vw;
  font-weight: 600;
}
.PreView .CategoryContainer {
  display: grid;
  grid-template-columns: 19% 60% 20%;
  align-items: center;
  justify-self: center;
  cursor: pointer;
  line-height: 16px;
  min-height: 5vh;
  width: 100%;
  background: linear-gradient(180deg, #313131 0%, #252525 100%);
  padding: 0.5pt 1pt;
}
.PreView .MBELLIcon {
  margin-left: 0.5rem;
}
.PreView .MBELLIcon .icon_flag {
  margin-top: 0;
  margin-right: 0;
}
.PreView .TournamentContainer {
  display: grid;
  grid-template-columns: 20% 80%;
  background: linear-gradient(180deg, #313131 0%, #252525 100%);
  color: var(--BlancoHumo);
  font-size: 0.7vw;
  align-items: center;
  min-height: 4vh;
  cursor: pointer;
  line-height: 11px;
  padding: 1pt 0;
}
.PreView .TournamentItem {
  text-align: left;
  display: grid;
}
.PreView .Team2 {
  display: flex;
}
.PreView .status {
  text-align: center;
  display: grid;
  align-content: center;
}
.PreView .status img {
  width: 2vw;
}
.PreView .stats {
  cursor: pointer;
}
.PreView .OCC {
  display: grid;
  grid-auto-flow: column;
  gap: 5px;
  font-weight: 700;
  margin-right: 5px;
}
.PreView .OutcomeContainer {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}

.PreView .FootFind {
  display: grid;
  width: 90%;
  height: 80%;
  margin-left: 0.5rem;
}
.PreView .OutCome {
  text-align: center;
  color: #fff;
  font-weight: 800;
  border-radius: 6pt;
  box-shadow: 0 0 2px #000;
  cursor: pointer;
  width: 3vw;
  padding: 1.4vh .2vw;
  border: 2px solid #00064E;
  background: linear-gradient(180deg, #4A45EA 0%, #212AB2 47.92%, #1312CB 100%);
  justify-self: self-end;
}
.PreView .OutCome.SubBets.live {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding-left:0.5vw;
  padding-right:0.5vw;
}
.PreView .Lock {
  pointer-events: none;
  color: #ffffff26;
}
.PreView button.OutCome .Lock {
  color: #ffffff26;
  font-size: 0.01px;
}
.PreView .OutCome.select {
  background: var(--Orange2);
}
.PreView .ScoreContainer {
  display: grid;
  align-content: center;
  margin: 0vh 0.5vw;
  width: max-content;
}
.PreView .CustomAling {
  text-align: left;
  padding-left: 20%;
}
.PreView .TextLeft {
  text-align: left;
}
.PreView .Score {
  border: 1px solid #5b4e4a;
  padding: 0.1vw;
  border-radius: 4px;
  color: var(--OraYellow);
  padding: 2px 6px;
  font-size: 1vw;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
}
.PreView button.OutCome:disabled {
  color: transparent;
  font-size: 0.01px;
}
.PreView .YellowxText {
  color: #f6b40e !important;
}
.PreView button.OutCome:disabled .Lock {
  color: #ffffff26;
  font-size: 1.1vw;
  text-shadow: none;
}
.PreView .specialValue {
  text-align: center;
  margin: 1px;
  color: var(--Orange);
  font-weight: 800;
  border-radius: 3pt;
  cursor: pointer;
  width: 2.5vw;
  font-size: 1.1vw;
  border: none;
  padding: 4px;
}
.PreView .MoreBetsContainer {
  display: grid;
  padding: 16px 4px;
  text-align: left;
}
.PreView .MoreBetsDetail {
  margin-left: 0.5rem;
  margin-bottom: 0.5rem;
  padding: 0.5rem;
}
.PreView .MoreBetsItem {
  background-color: #101447;
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 8vh;
  border: 1px solid black;
  align-items: center;
  font-style: normal;
  font-weight: 400;
  font-size: 0.9vw;
}
.PreView .MoreBetsItem:hover {
  background: rgb(0 39 103 / 80%);
}
.PreView .MarketName {
  padding-left: 2vw;
}
.PreView .sOddsContainer {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1vh;
  margin: 1vh 0.5vw;
}
.PreView .BtnSOdds {
  display: grid;
  text-align: center;
  margin: 0 2px;
  border: 2px solid #0041bf;
  border-radius: 8px;
  grid-auto-flow: column;
  grid-template-columns: 1fr;
}
.PreView .sOddTitle {
  background: rgba(0, 0, 0, 0.2);
  color: var(--Orange);
  display: grid;
  align-content: center;
  text-align: right;
  padding-right: 0.5vw;
}
.PreView .SOutCome {
  text-align: center;
  background: -webkit-gradient(
    linear,
    50% 85%,
    50% 20%,
    color-stop(0, rgb(24 22 255)),
    color-stop(0.5, rgb(16 27 155)),
    color-stop(1, rgb(33 26 249))
  );
  color: #fff;
  font-weight: 700;
  box-shadow: 0 0 2px #000;
  cursor: pointer;
  width: 95%;
  font-size: 1vw;
  border: none;
  padding: 4px 0;
  font-weight: 800;
}
.PreView .SOutCome.select {
  background: #ff8100;
}
.PreView button.SOutCome:disabled {
  color: transparent !important;
  font-size: 0.01px !important;
}
.PreView button.SOutCome .Lock {
  color: #ffffff26;
  font-size: 0.01px;
}
.PreView button.SOutCome:disabled .Lock {
  color: #ffffff26;
  font-size: 12pt;
}
.PreView .FindedContainer {
  position: fixed;
  width: 18vw;
  z-index: 5;
  bottom: 7vh;
}
.PreView .FindedTitle {
  background: #bd0082;
  display: flex;
  justify-content: space-between;
  padding: 0 2%;
}
.PreView .FindedItems {
  background: #022d54;
  border: 1px solid black;
  text-align: left;
  padding: 0.3vw;
  cursor: pointer;
}
.PreView .FindedItems:hover {
  background: #073b6a;
}
.PreView .PreBotomContainer {
  display: grid;
  grid-template-columns: 14% 30% 38% 18%;
  align-items: center;
  text-align: center;
  background: #1e1e1e;
  height: 7vh;
}
.PreView .PBCdates {
  display: grid;
  grid-template-columns: 12% 12% 12% 12% 12% 12% 12% 12%;
  color: #fff;
  padding-left: 0.5%;
}
.PreView .TournamentIcon {
  font-size: 1.3vw;
}
.PreView .BtnDate {
  background: linear-gradient(
    to bottom,
    var(--MainMenuBtn1) 0%,
    var(--MainMenuBtn2) 100%
  );
  margin-right: 4%;
  color: #fff;
  text-align: center;
  font-size: 16pt;
  cursor: pointer;
  margin-top: 0.5vh;
  height: 6.5vh;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
.PreView .BtnDate.selected {
  border: 2px solid green;
  color: green;
  height: 6.2vh;
}
.PreView .BtnDate:hover {
  background: #424242;
}
.PreView .PBCBtn {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-gap: 4pt;
  margin: 2pt 1rem 2pt 1pt;
  color: #0e0e0e;
  text-shadow: 0px 1px 1px #686868;
}
.PreView .PreFavorito {
  display: grid;
  align-self: center;
  cursor: pointer;
  color: #0006;
  font-size: 1.1vw;
}
.PreView .PreFavorito.StarSelected {
  color: #f6b40e;
}
.PreView .Resaltar {
  color: #ffc40c;
}
.PreView .Dos {
  display: grid;
  grid-template-columns: 4.5% 4% 17% 5% 19% 6% 37% 7%;
}
.PreView .Tres {
  display: grid;
  grid-template-columns: 6% 12% 5% 12% 7% 54% 7%;
}
.PreView .DosT {
  display: grid;
  grid-template-columns: 55% 39% 6%;
}
.PreView .Uno {
  display: grid;
  grid-template-columns: 5% 5% 27% 5% 27% 5% 20% 6%;
}
.PreView .Cero {
  display: grid;
  grid-template-columns: 5% 3% 26% 6% 26% 5% 5% 5%;
}
.PreView .LeagueCategory {
  padding: 1.25vh 0 1.25vh 1.15vw;
  color: var(--OraYellow);
  font-weight: 700;
  min-height: 1.6rem;
  border-radius: 4px;
  display: flex;
  align-items: center;
  align-content: center;
  grid-auto-flow: column;
  background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
  justify-content: left;
  font-size: 1.1vw;
}
.PreView .MBELLTitle,
.PreView .MBELLCant {
  font-size: 0.8vw;
  font-weight: 700;
  position: relative;
  line-height: 0.75rem;
  margin-right: 2pt;
  padding: 2pt 0;
}
.PreView .PBCBUp,
.PreView .PBCBDown {
  font-size: 3vw;
  color: #0e0e0e;
  text-shadow: 0px 1px 1px #686868;
  align-self: center;
  display: grid;
  height: 4.4vh;
  padding: 0;
  background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
  align-content: center;
}
.PreView .PBCB {
  display: grid;
  background: linear-gradient(to bottom, var(--MainMenuBtn1) 0%, var(--MainMenuBtn2) 100%);
  text-align: center;
  align-content: center;
  cursor: pointer;
  font-size: 36pt;
  border-radius: 10pt;
}
.PreView .PBCB:hover {
  background: #424242;
}
.PreView .CountryComboBox {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
}
.ResaultsView .CountryComboBox {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.PreView .PBCFFav {
  display: grid;
  grid-template-columns: 15% 80%;
  align-items: center;
  color: #fff;
  font-size: 1vw;
  background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
  margin: 12px;
  border-radius: 5px;
  cursor: pointer;
  width: 92%;
}
.PreView .PreBotomConainerFav {
  display: grid;
}
.PreView .PBCFFavIcon {
  width: 28px;
  color: #0006;
}
.PreView .SelecFavBtn {
  background: linear-gradient(180deg, #1a1a1a 0%, #040404 100%);
}

.PreView .SubOddsCB.CB.select {
  color: #fff;
  background: #ff8100;
  font-size: 1vw;
  margin: 0;
  align-content: center;
  border-radius: 5px;
  cursor: pointer;
}
.PreView .sOddTitleCB {
  font-size: 1vw;
}
.PreView .GrupoTitle {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 130px;
  padding: 0.8rem 1rem;
  font-size: 1rem;
  border: 1px solid;
  cursor: pointer;
  border-top-left-radius: 1vh;
  border-top-right-radius: 1vh;
  margin-left: 5px;
}
.PreView .GroupsContainer {
    display: flex;
    align-items: center;
    width: 100%;
    font-weight: 600;
    margin-left: 5px;
}
.PreView .GroupMarketsContainer {
    display: flex;
    overflow: hidden;
    width: -webkit-fill-available;
}
.PreView .GrupoTitle.selected {  
  color: #fff;
  border-bottom: 3px solid #fff;
}
.PreView .GroupParentMarketsContainer{
  width: calc(100% - 105px);
}
.PreView .NewTab {
  position: absolute;
  display: grid;
  color: #fff;
  background: red;
  font-size: 0.7rem;
  padding: 0.3rem;
  bottom: 2.8rem;
  animation: NewTabAnimation 5s ease-in-out infinite;
}
.PreView .CrearApuestaContainer {
  position: relative;
}
.PreView .SubOdds {
  display: grid;
  grid-template-columns: 65% 35%;
  text-align: center;
  margin: 3px 0;
}
.PreView .SubOddsCB {
  display: grid;
  text-align: center;
  margin: 3px 0;
  cursor: pointer;
}
.PreView .SubOddsCB.CB.select .sOddTitle {
  background: -webkit-gradient(
    linear,
    0 0,
    0 bottom,
    from(#c0bc23),
    to(#e6e051)
  ) !important;
  color: #000;
}
.PreView .sOddsTitleCB,
.PreView .LockCB {
  text-align: center;
}
.PreView .StatsModal {
  position: fixed;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100;
}
.PreView .StatsModal2 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  z-index: 101;
}
.PreView .StatsModalc {
  position: fixed;
  z-index: 102;
  display: grid;
  align-items: center;
  align-content: center;
  align-self: center;
  left: 9vw;
  top: 14vh;
}
.PreView .StatsModalIFram {
  width: 80vw;
  height: 60vh;
}
.PreView .StatsModalClose {
  background: gray;
  color: #fff;
  display: grid;
  grid-template-columns: 90% 10%;
  text-align: center;
  padding: 0.5rem;
}
.PreView .StatsModalModalTitle {
  padding-left: 10%;
}
.PreView .StatsModalBtnClose {
  text-align: right;
  cursor: pointer;
}
.PreView .LV2Cuatro {
  grid-template-columns: 4% 2% 13% 5% 13% 3% 56% 4%;
  border-bottom: 2px solid black;
}
/*PreView*/


/*EsportView*/
.EsportView.PrematchContainer {
  display: grid;
  grid-template-columns: 20% 80%;
  text-align: center;
  font-size: 0.8rem;
}
.EsportView .PCLeft {
  display: grid;
  color: #fff;
}
.EsportView .MenuBarEvent {
  display: grid;
  grid-template-columns: 34% 66%;
  background: #010b12;
}
.EsportView #accept-odds-changes-container {
    margin: 8px auto;
}
.EsportView .MBELeft {
  display: grid;
  grid-template-rows: 7vh 79vh 7vh;
  margin-right: 1pt;
}
.EsportView .Negrita {
  font-weight: 700;
}
.EsportView .FZ1_2vw {
  font-size: 32px !important;
}
.EsportView .MBELBUp {
  display: grid;
  text-align: center;
  align-content: center;
  cursor: pointer;
  font-size: 22px;
  background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
  box-shadow: 0 0 24px #000c;
  height: 7vh;
}
.EsportView .MBELBUp:hover {
  background: -webkit-linear-gradient(bottom, #3e3e3e, #646464);
}
.EsportView .up {
  border: 2px solid #42ff00 !important;
}
.EsportView .down {
  border: 2px solid #ff0000 !important;
}
.EsportView .MBELList,
.EsportView .MBERList {
  overflow: auto;
}
.EsportView .MBELList::-webkit-scrollbar,
.EsportView .MBERList::-webkit-scrollbar {
  display: none;
}
.EsportView .MBERLL {
  display: grid;
  grid-auto-flow: row;
}
.EsportView .MBERLL:hover {
  background: -webkit-linear-gradient(bottom, #3e3e3e, #646464);
}
.EsportView .MBELLL {
  display: flex;
  flex-direction: column;
  background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
  text-align: center;
  align-content: center;
  justify-content: center;
  cursor: pointer;
  margin: 0.5pt 1pt;
  border: 1px solid transparent;
  height: 9.5vh;
}
.EsportView .MBELLL.selected,
.EsportView .MBELLL:hover {
  border: 1px solid #02316e;
  background: linear-gradient(180deg, #00BE17 0%, #006400 100%);
  color: #fff;
}
.EsportView .MBELLLogo {
  display: flex;
  height: 3vh;
  text-align: -webkit-center;
  text-align: center;
  justify-content: center;
  align-content: center;
}
.EsportView .MBELLLSportImg {
  width: 1.5vw;
  height: 1.5vw;
}
.EsportView .MBELLCant {
  border: 2px solid transparent;
  border-radius: 30px;
  background-image: linear-gradient(
      rgba(30, 30, 30, 0.8),
      rgba(30, 30, 30, 0.8)
    ),
    linear-gradient(to bottom, #0e0e0e, #3e3e3e);
  background-origin: border-box;
  background-clip: content-box, border-box;
  color: #aeaeae;
}
.EsportView .MBERList {
  display: grid;
  gap: 1px;
  height: -webkit-fill-available;
  grid-auto-rows: max-content;
}
.EsportView .MBELRTitle {
  font-size: 1vw;
  text-align: left;
  font-style: normal;
  font-weight: 100;
  color: #fff;
}
.EsportView .MBELLIcon img {
  width: 1.3vw;
}
.EsportView .MBERight {
  display: grid;
  grid-template-rows: 7.2vh 78.8vh 7vh;
  margin-right: 2pt;
}
.EsportView .CianTxt {
  color: #4effbb;
}
.EsportView .BlackTxt {
  color: #161616;
}
.EsportView .PCRight {
  display: grid;
  grid-template-rows: 86vh 7vh;
}
.EsportView .PTitle {
  display: grid;  
  grid-template-rows: 60% 30%;
  background: var(--UIMain1);
  color: #aeaeae;
  height: 7vh;
}
.EsportView .PTitle1 {
  display: grid;
  align-items: center;
  text-align: left;
  padding: 2pt 0 4pt 0;
}
.EsportView .TopFiltros {
  display: grid;
  grid-template-columns: 20% 10% 30% 40%;
}
.EsportView .SwitchController {
  margin: 6px;
  display: grid;
  grid-template-columns: 2fr 0.5fr 1fr 0.5fr;
  align-items: center;
}
.EsportView .switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 20px;
}
.EsportView .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.EsportView .checked .checkbox {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 30px;
  bottom: 2px;
  background-color: #fff;
  transition: 0.4s;
}
.EsportView .checkbox {
  position: absolute;
  cursor: pointer;
  content: "";
  height: 16px;
  width: 16px;
  left: 0;
  bottom: 2px;
  background-color: #fff;
  transition: 0.4s;
  z-index: 1;
  border-radius: 50%;
}
.EsportView .slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background-color: #ccc;
  transition: 0.4s;
}
.EsportView .Team1Title,
.EsportView .Team2Title {
  text-align: left;
}
.EsportView .checked .slider {
  background: #09a10a;
}
.EsportView .slider.round {
  border-radius: 34px;
}
.EsportView .slider.round:before {
  border-radius: 50%;
}
.EsportView .TFTitle {
  align-self: center;
  margin-left: 10pt;
}
.EsportView .TFSelectBox {
  margin: 2px;
  padding: 9px;
  display: grid;
}
.EsportView .TFSelectBox select {
  background: #334c5c;
  color: #fff;
  font-weight: 700;
  border: 1px solid black;
  box-shadow: 1px 1px 2px 1px #01121c;
  width: 8vw;
}
.EsportView .TextBoxContainer {
  display: grid;
  position: relative;
}
.EsportView .TextBoxIcon {
  position: absolute;
  right: 1vw;
  top: 1.25vh;
  color: #525252;
}
.EsportView input.FindText {
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
  border: none;
  border-radius: 5px;
  color: #c7c7c7;
  padding-left: 9px;
  width: 95%;
  color: #525252;
  background: rgba(0, 0, 0, 0.4);
  height: 4vh;
  display: grid;
  align-self: center;
  font-size: 1vw;
}
.EsportView .SelectFormatDay {
  font-weight: 100;
  padding: 0 17px;
  cursor: pointer;
  background: linear-gradient(180deg, #1e1e1e 0%, #0e0e0e 100%);
  border: 1px solid #aeaeae;
  height: 3.8vh;
  display: grid;
  align-self: center;
  color: #fff;
  border-radius: 5px;
}
.EsportView select.SelectFormatDay option {
  background: #3e3e3e;
  cursor: pointer;
  font-weight: 100;
  font-size: 16px;
}
.EsportView .FindText:focus {
  outline: 0px;
}
.EsportView .MTTNameA {
  display: grid;
  grid-auto-flow: column;
}
.EsportView .MTTContainer {
  display: grid;
  grid-template-columns: 40.5% 56%;
  text-align: center;
}
.EsportView .PTitle2 {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  padding-right: 6px;
}
.EsportView .Estado {
  padding-left: 0;
}
.EsportView .OCTC {
  display: grid;
  grid-auto-flow: column;
  color: #e2e2e2;
}
.EsportView .OutcomeTitleContainer {
  text-align: center;
  display: grid;
  grid-auto-flow: column;
}
.EsportView .OutcomeTitleContainer .OutComeTitle{
  margin-left: 1vw;
}
.EsportView .EventList {
  display: grid;
  grid-template-columns: 1.5fr 1.5fr 1fr 1fr 1fr 1fr;
}
.EsportView .EventList {
  display: flex;
  flex-wrap: nowrap;
  background: #000b15;
  flex-direction: column;
  overflow: auto;
  color: #fff;
}
.EsportView .EventList::-webkit-scrollbar {
  -webkit-appearance: none;
}
.EsportView .EventList::-webkit-scrollbar:vertical {
  width: 6px;
}
.EsportView .EventList::-webkit-scrollbar-button:increment,
.EsportView .EventList::-webkit-scrollbar-button {
  display: none;
}
.EsportView .EventList::-webkit-scrollbar:horizontal {
  height: 6px;
}
.EsportView .EventList::-webkit-scrollbar-thumb {
  background-color: #1251a4;
  border-radius: 20px;
}
.EsportView .EventList::-webkit-scrollbar-track {
  border-radius: 10px;
}
.EsportView .Tres {
  grid-template-columns: 5% 18% 15% 6% 50% 5%;
}
.EsportView .MainMarkets {
  display: grid;
  background: linear-gradient(
    180deg,
    #0c104b 0.52%,
    #13195f 19.79%,
    #0b105f 100%
  );
  border-bottom: 1px solid black;
  text-align: left;
}
.EsportView .MoreBetsBtnContainer {
  display: grid;
  align-self: center;
  justify-self: start;
}
.EsportView .EventTime {
  height:2.25rem;
  text-align: center;
  font-weight: 400;
  font-size: 0.9vw;
  display: flex;
  flex-direction: column;
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.5) 0%,
      rgba(0, 0, 0, 0.5) 100%
    ),
    linear-gradient(180deg, #0c104b 0.52%, #13195f 19.79%, #0b105f 100%);
  align-items: center;
  justify-content: center;
  padding: 1.25rem 2pt;
}
.EsportView .Team1 {
  display: grid;
  padding: 2pt 0;
}
.EsportView .TeamName {
  font-size: var(--TeamsFontSize);
  font-weight: 700;
  width: 95%;
  text-align: left;
  display: grid;
  align-content: center;
  font-style: normal;
  padding: 0 0.5rem;
}
.EsportView img.CatImg {
  width: 1.2vw;
  padding: 0vw 1vw;
  display: grid;
  align-self: center;
}
.EsportView .Category {
  font-size: 0.8vw;
  font-weight: 600;
}
.EsportView .CategoryContainer {
  display: grid;
  grid-template-columns: 19% 60% 20%;
  align-items: center;
  justify-self: center;
  cursor: pointer;
  line-height: 18px;
  min-height: 8vh;
  width: 100%;
  background: linear-gradient(180deg, #313131 0%, #252525 100%);
  padding: 0.5pt 1pt;
}
.EsportView .CategoryContainer .CategoryIcon {
    display: grid;
    align-content: center;
    text-align: center;
    color: #fff;
    font-size: 1vw;
}
.EsportView .MBELLIcon {
  margin-left: 0.5rem;
}
.EsportView .MBELLIcon .icon_flag {
  margin-top: 0;
  margin-right: 0;
}
.EsportView .TournamentContainer {
  display: grid;
  grid-template-columns: 20% 80%;
  background: linear-gradient(180deg, #313131 0%, #252525 100%);
  color: var(--BlancoHumo);
  font-size: 0.8vw;
  align-items: center;
  min-height: 4vh;
  cursor: pointer;
  line-height: 11px;
  padding: 1pt 0;
}
.EsportView .TournamentItem {
  text-align: left;
  display: grid;
}
.EsportView .Team2 {
  display: flex;
}
.EsportView .status {
  text-align: center;
  display: grid;
  align-content: center;
}
.EsportView .status img {
  width: 2vw;
}
.EsportView .stats {
  cursor: pointer;
}
.EsportView .OCC {
  display: grid;
  grid-auto-flow: column;
  gap: 5px;
  font-weight: 700;
  margin-right: 5px;
}
.EsportView .OutcomeContainer {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}

.EsportView .FootFind {
  display: grid;
  width: 90%;
  height: 80%;
  margin-left: 0.5rem;
}
.EsportView .OutCome {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 800;
  border-radius: 3pt;
  box-shadow: 0 0 2px #000;
  cursor: pointer;
  width: 3vw;
  padding: .85vh .2vw;
  border: 2px solid #00064E;
  background: linear-gradient(180deg, #4A45EA 0%, #212AB2 47.92%, #1312CB 100%);
  justify-self: self-end;
}
.EsportView .OutCome.SubBets.live {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding-left:0.5vw;
  padding-right:0.5vw;
}
.EsportView .Lock {
  pointer-events: none;
  color: #ffffff26;
}
.EsportView button.OutCome .Lock {
  color: #ffffff26;
  font-size: 0.01px;
}
.EsportView .OutCome.select {
  background: var(--Orange2);
}
.EsportView .ScoreContainer {
  display: grid;
  align-content: center;
  margin: 0vh 0.5vw;
  width: max-content;
}
.EsportView .CustomAling {
  text-align: left;
  padding-left: 20%;
}
.EsportView .TextLeft {
  text-align: left;
}
.EsportView .Score {
  border: 1px solid #5b4e4a;
  padding: 0.1vw;
  border-radius: 4px;
  color: var(--OraYellow);
  padding: 2px 6px;
  font-size: 1vw;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
}
.EsportView button.OutCome:disabled {
  color: transparent;
  font-size: 0.01px;
}
.EsportView .YellowxText {
  color: #f6b40e !important;
}
.EsportView button.OutCome:disabled .Lock {
  color: #ffffff26;
  font-size: 1.1vw;
  text-shadow: none;
}
.EsportView .specialValue {
  text-align: center;
  margin: 1px;
  color: var(--Orange);
  font-weight: 800;
  border-radius: 3pt;
  cursor: pointer;
  width: 2.5vw;
  font-size: 1.1vw;
  border: none;
  padding: 4px;
}
.EsportView .MoreBetsContainer {
  display: grid;
  padding: 5px;
  text-align: left;
}
.EsportView .MoreBetsDetail {
  margin-left: 0.5rem;
  margin-bottom: 0.5rem;
  padding: 0.5rem;
}
.EsportView .MoreBetsItem {
  background-color: #101447;
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 8vh;
  border: 1px solid black;
  align-items: center;
  font-style: normal;
  font-weight: 400;
  font-size: 0.9vw;
}
.EsportView .MoreBetsItem:hover {
  background: rgb(0 39 103 / 80%);
}
.EsportView .MarketName {
  padding-left: 2vw;
}
.EsportView .sOddsContainer {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1vh;
  margin: 1vh 0.5vw;
}
.EsportView .BtnSOdds {
  display: grid;
  text-align: center;
  margin: 0 2px;
  border: 2px solid #0041bf;
  border-radius: 8px;
  grid-auto-flow: column;
  grid-template-columns: 1fr;
}
.EsportView .sOddTitle {
  background: rgba(0, 0, 0, 0.2);
  color: var(--Orange);
  display: grid;
  align-content: center;
  text-align: right;
  padding-right: 0.5vw;
}
.EsportView .SOutCome {
  text-align: center;
  background: -webkit-gradient(
    linear,
    50% 85%,
    50% 20%,
    color-stop(0, rgb(24 22 255)),
    color-stop(0.5, rgb(16 27 155)),
    color-stop(1, rgb(33 26 249))
  );
  color: #fff;
  font-weight: 700;
  box-shadow: 0 0 2px #000;
  cursor: pointer;
  width: 95%;
  font-size: 1vw;
  border: none;
  padding: 4px 0;
  font-weight: 800;
}
.EsportView .SOutCome.select {
  background: #ff8100;
}
.EsportView button.SOutCome:disabled {
  color: transparent !important;
  font-size: 0.01px !important;
}
.EsportView button.SOutCome .Lock {
  color: #ffffff26;
  font-size: 0.01px;
}
.EsportView button.SOutCome:disabled .Lock {
  color: #ffffff26;
  font-size: 12pt;
}
.EsportView .FindedContainer {
  position: fixed;
  width: 18vw;
  z-index: 5;
  bottom: 7vh;
}
.EsportView .FindedTitle {
  background: #bd0082;
  display: flex;
  justify-content: space-between;
  padding: 0 2%;
}
.EsportView .FindedItems {
  background: #022d54;
  border: 1px solid black;
  text-align: left;
  padding: 0.3vw;
  cursor: pointer;
}
.EsportView .FindedItems:hover {
  background: #073b6a;
}
.EsportView .PreBotomContainer {
  display: grid;
  grid-template-columns: 14% 30% 38% 18%;
  align-items: center;
  text-align: center;
  background: #1e1e1e;
  height: 7vh;
}
.EsportView .PBCdates {
  display: grid;
  grid-template-columns: 12% 12% 12% 12% 12% 12% 12% 12%;
  color: #fff;
  padding-left: 0.5%;
}
.EsportView .TournamentIcon {
  font-size: 0.8vw;
}
.EsportView .BtnDate {
  background: linear-gradient(
    to bottom,
    var(--MainMenuBtn1) 0%,
    var(--MainMenuBtn2) 100%
  );
  margin-right: 4%;
  color: #fff;
  text-align: center;
  font-size: 16pt;
  cursor: pointer;
  margin-top: 0.5vh;
  height: 6.5vh;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
.EsportView .BtnDate.selected {
  border: 2px solid green;
  color: green;
  height: 6.2vh;
}
.EsportView .BtnDate:hover {
  background: #424242;
}
.EsportView .PBCBtn {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-gap: 4pt;
  margin: 2pt 1rem 2pt 1pt;
  color: #0e0e0e;
  text-shadow: 0px 1px 1px #686868;
}
.EsportView .PreFavorito {
  display: grid;
  align-self: center;
  cursor: pointer;
  color: #0006;
  font-size: 1.1vw;
}
.EsportView .PreFavorito.StarSelected {
  color: #f6b40e;
}
.EsportView .Resaltar {
  color: #ffc40c;
}
.EsportView .Dos {
  display: grid;
  grid-template-columns: 6% 19.5% 5% 19% 6% 37% 7%;
}
.EsportView .Tres {
  display: grid;
  grid-template-columns: 6% 12% 5% 12% 7% 54% 7%;
}
.EsportView .DosT {
  display: grid;
  grid-template-columns: 55% 39% 6%;
}
.EsportView .Uno {
  display: grid;
  grid-template-columns: 5% 5% 27% 5% 27% 5% 20% 6%;
}
.EsportView .Cero {
  display: grid;
  grid-template-columns: 5% 3% 26% 6% 26% 5% 5% 5%;
}

.EsportView .MainMarkets.live {
  background: linear-gradient(180deg, #005904 0%, #007206 100%);
  border-radius: 4px;
}
.EsportView .EventTime.live {
  background: linear-gradient(180deg, #005904 0%, #007206 100%);
}
.EsportView .OutCome.live {
    background: linear-gradient(180deg, #00b806 0%, #007903 100%);
    border: 2px solid #004b02;
}
.EsportView .OutCome.select {
    background: linear-gradient(0deg, #ffa100 0%, #ffa100 100%), linear-gradient(180deg, #0f83e4 0%, #268ed1 51.04%, #076286 100%) !important;
    color: #fff !important;
}
.EsportView .LeagueCategory {
  padding: 1.25vh 0 1.25vh 1.15vw;
  color: var(--OraYellow);
  font-weight: 700;
  min-height: 1.6rem;
  border-radius: 4px;
  display: grid;
  align-content: center;
  grid-auto-flow: column;
  background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
  justify-content: left;
  font-size: 1.1vw;
}
.EsportView .MBELLTitle,
.EsportView .MBELLCant {
  font-size: 0.9vw;
  font-weight: 900;
  position: relative;
  line-height: 0.75rem;
  margin-right: 2pt;
  padding: 2pt 0;
}
.EsportView .PBCBUp,
.EsportView .PBCBDown {
  font-size: 3vw;
  color: #0e0e0e;
  text-shadow: 0px 1px 1px #686868;
  align-self: center;
  display: grid;
  height: 4.4vh;
  padding: 0;
  background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
  align-content: center;
}
.EsportView .PBCB {
  display: grid;
  background: linear-gradient(to bottom, var(--MainMenuBtn1) 0%, var(--MainMenuBtn2) 100%);
  text-align: center;
  align-content: center;
  cursor: pointer;
  font-size: 36pt;
  border-radius: 10pt;
}
.EsportView .PBCB:hover {
  background: #424242;
}
.EsportView .CountryComboBox {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
}
.EsportView .ResaultsView .CountryComboBox {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.EsportView .PBCFFav {
  display: grid;
  grid-template-columns: 15% 80%;
  align-items: center;
  color: #fff;
  font-size: 1vw;
  background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
  margin: 12px;
  border-radius: 5px;
  cursor: pointer;
  width: 92%;
}
.EsportView .PreBotomConainerFav {
  display: grid;
}
.EsportView .PBCFFavIcon {
  width: 28px;
  color: #0006;
}
.EsportView .SelecFavBtn {
  background: linear-gradient(180deg, #1a1a1a 0%, #040404 100%);
}

.EsportView .SubOddsCB.CB.select {
  color: #fff;
  background: #ff8100;
  font-size: 1vw;
  margin: 0;
  align-content: center;
  border-radius: 5px;
  cursor: pointer;
}
.EsportView .sOddTitleCB {
  font-size: 1vw;
}
.EsportView .GrupoTitle {
  display: block;
  min-width: 130px;
  overflow: hidden;
  white-space: nowrap;        
  text-overflow: ellipsis;
  text-align: center;
  padding: 0.8rem 1rem;
  font-size: 1rem;
  border: 1px solid;
  cursor: pointer;
  border-top-left-radius: 1vh;
  border-top-right-radius: 1vh;
  margin-left: 5px;
}
.EsportView .GroupsContainer {
    display: flex;
    align-items: center;
    width: 100%;
    font-weight: 600;
    margin-left: 5px;
}
.EsportView .GroupMarketsContainer {
    display: flex;
    overflow: hidden;
    width: -webkit-fill-available;
}
.EsportView .GrupoTitle.selected {  
  color: #fff;
  border-bottom: 3px solid #fff;
}
.EsportView .GroupParentMarketsContainer{
  width: calc(100% - 105px);
}
.EsportView .NewTab {
  position: absolute;
  display: grid;
  color: #fff;
  background: red;
  font-size: 0.7rem;
  padding: 0.3rem;
  bottom: 2.8rem;
  animation: NewTabAnimation 5s ease-in-out infinite;
}
.EsportView .CrearApuestaContainer {
  position: relative;
}
.EsportView .SubOdds {
  display: grid;
  grid-template-columns: 65% 35%;
  text-align: center;
  margin: 3px 0;
}
.EsportView .SubOddsCB {
  display: grid;
  text-align: center;
  margin: 3px 0;
  cursor: pointer;
}
.EsportView .SubOddsCB.CB.select .sOddTitle {
  background: -webkit-gradient(
    linear,
    0 0,
    0 bottom,
    from(#c0bc23),
    to(#e6e051)
  ) !important;
  color: #000;
}
.EsportView .sOddsTitleCB,
.EsportView .LockCB {
  text-align: center;
}
.EsportView .StatsModal {
  position: fixed;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100;
}
.EsportView .StatsModal2 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  z-index: 101;
}
.EsportView .StatsModalc {
  position: fixed;
  z-index: 102;
  display: grid;
  align-items: center;
  align-content: center;
  align-self: center;
  left: 9vw;
  top: 14vh;
}
.EsportView .StatsModalIFram {
  width: 80vw;
  height: 60vh;
}
.EsportView .StatsModalClose {
  background: gray;
  color: #fff;
  display: grid;
  grid-template-columns: 90% 10%;
  text-align: center;
  padding: 0.5rem;
}
.EsportView .StatsModalModalTitle {
  padding-left: 10%;
}
.EsportView .StatsModalBtnClose {
  text-align: right;
  cursor: pointer;
}
.EsportView .LV2Cuatro {
  grid-template-columns: 4% 2% 13% 5% 13% 3% 56% 4%;
  border-bottom: 2px solid black;
}
/*EsportView*/


/*HighlightView*/
.HighlightView.PrematchContainer {
  display: grid;
  text-align: center;
  font-size: 0.8rem;
}
.HighlightView .PCLeft {
  display: grid;
  color: #fff;
}
.HighlightView .MenuBarEvent {
  display: grid;
  grid-template-columns: 34% 66%;
  background: #010b12;
}
.HighlightView .MBELeft {
  display: grid;
  grid-template-rows: 7vh 79vh 7vh;
  margin-right: 1pt;
}
.HighlightView .Negrita {
  font-weight: 700;
}
.HighlightView .FZ1_2vw {
  font-size: 32px !important;
}
.PreView .MBELBUp {
  display: grid;
  text-align: center;
  align-content: center;
  cursor: pointer;
  font-size: 22px;
  background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
  box-shadow: 0 0 24px #000c;
  height: 9vh;
}
.HighlightView .MBELBUp:hover {
  background: -webkit-linear-gradient(bottom, #3e3e3e, #646464);
}
.HighlightView .MBELList,
.HighlightView .MBERList {
  overflow: auto;
}
.HighlightView .MBELList::-webkit-scrollbar,
.HighlightView .MBERList::-webkit-scrollbar {
  display: none;
}
.HighlightView .MBERLL {
  display: grid;
  grid-auto-flow: row;
}
.HighlightView .MBERLL:hover {
  background: -webkit-linear-gradient(bottom, #3e3e3e, #646464);
}
.HighlightView .MBELLL {
  display: flex;
  flex-direction: column;
  background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
  text-align: center;
  align-content: center;
  justify-content: center;
  cursor: pointer;
  margin: 0.5pt 1pt;
  border: 1px solid transparent;
  height: 9.5vh;
}
.HighlightView .MBELLL.selected,
.HighlightView .MBELLL:hover {
  background: linear-gradient(180deg, #4effbb 0%, #00a465 100%);
  color: #000;
}
.HighlightView .MBELLLogo {
  display: flex;
  height: 3vh;
  text-align: -webkit-center;
  text-align: center;
  justify-content: center;
  align-content: center;
}
.HighlightView .MBELLLSportImg {
  width: 1.5vw;
  height: 1.5vw;
}
.HighlightView .MBELLCant {
  border: 2px solid transparent;
  border-radius: 30px;
  background-image: linear-gradient(
      rgba(30, 30, 30, 0.8),
      rgba(30, 30, 30, 0.8)
    ),
    linear-gradient(to bottom, #0e0e0e, #3e3e3e);
  background-origin: border-box;
  background-clip: content-box, border-box;
  color: #aeaeae;
}
.HighlightView .MBERList {
  display: grid;
  gap: 1px;
  height: -webkit-fill-available;
  grid-auto-rows: max-content;
}
.HighlightView .MBELRTitle {
  font-size: 1vw;
  text-align: left;
  font-style: normal;
  font-weight: 100;
  color: #fff;
}
.HighlightView .MBELLIcon img {
  width: 1.3vw;
}
.HighlightView .MBERight {
  display: grid;
  grid-template-rows: 7.2vh 78.8vh 7vh;
  margin-right: 2pt;
}
.HighlightView .CianTxt {
  color: #4effbb;
}
.HighlightView .BlackTxt {
  color: #161616;
}
.HighlightView .PCRight {
  display: grid;
  grid-template-rows: 86vh 7vh;
}
.HighlightView .PTitle {
  display: grid;
  grid-template-rows: 60% 30%;
  background: var(--UIMain1);
  color: #aeaeae;
  margin: 0.1rem 0;
  height: 7vh;
}
.HighlightView .PTitle1 {
  display: grid;
  align-items: center;
  text-align: left;
  padding: 2pt 0 4pt 0;
}
.HighlightView .TopFiltros {
  display: grid;
  grid-template-columns: 20% 10% 30% 40%;
}
.HighlightView .SwitchController {
  margin: 6px;
  display: grid;
  grid-template-columns: 2fr 0.5fr 1fr 0.5fr;
  align-items: center;
}
.HighlightView .switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 20px;
}
.HighlightView .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.HighlightView .checked .checkbox {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 30px;
  bottom: 2px;
  background-color: #fff;
  transition: 0.4s;
}
.HighlightView .checkbox {
  position: absolute;
  cursor: pointer;
  content: "";
  height: 16px;
  width: 16px;
  left: 0;
  bottom: 2px;
  background-color: #fff;
  transition: 0.4s;
  z-index: 1;
  border-radius: 50%;
}
.HighlightView .slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background-color: #ccc;
  transition: 0.4s;
}
.HighlightView .Team1Title,
.HighlightView .Team2Title {
  text-align: left;
}
.HighlightView .checked .slider {
  background: #09a10a;
}
.HighlightView .slider.round {
  border-radius: 34px;
}
.HighlightView .slider.round:before {
  border-radius: 50%;
}
.HighlightView .TFTitle {
  align-self: center;
  margin-left: 10pt;
}
.HighlightView .TFSelectBox {
  margin: 2px;
  padding: 9px;
  display: grid;
}
.HighlightView .TFSelectBox select {
  background: #334c5c;
  color: #fff;
  font-weight: 700;
  border: 1px solid black;
  box-shadow: 1px 1px 2px 1px #01121c;
  width: 8vw;
}
.HighlightView .TextBoxContainer {
  display: grid;
  position: relative;
}
.HighlightView .TextBoxIcon {
  position: absolute;
  right: 1vw;
  top: 1.25vh;
  color: #525252;
}
.HighlightView input.FindText {
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
  border: none;
  border-radius: 5px;
  color: #c7c7c7;
  padding-left: 9px;
  width: 95%;
  color: #525252;
  background: rgba(0, 0, 0, 0.4);
  height: 4vh;
  display: grid;
  align-self: center;
  font-size: 1vw;
}
.HighlightView .SelectFormatDay {
  font-weight: 100;
  padding: 0 17px;
  cursor: pointer;
  background: linear-gradient(180deg, #1e1e1e 0%, #0e0e0e 100%);
  border: 1px solid #aeaeae;
  height: 3.8vh;
  display: grid;
  align-self: center;
  color: #fff;
  border-radius: 5px;
}
.HighlightView select.SelectFormatDay option {
  background: #3e3e3e;
  cursor: pointer;
  font-weight: 100;
  font-size: 16px;
}
.HighlightView .FindText:focus {
  outline: 0px;
}
.HighlightView .MTTNameA {
  display: grid;
  grid-auto-flow: column;
}
.HighlightView .MTTContainer {
  display: grid;
  grid-template-columns: 40.5% 56%;
  text-align: center;
}
.HighlightView .PTitle2 {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  padding-right: 6px;
}
.HighlightView .Estado {
  padding-left: 0;
}
.HighlightView .OCTC {
  display: grid;
  grid-auto-flow: column;
  color: #e2e2e2;
}
.HighlightView .OutcomeTitleContainer {
  text-align: center;
  display: grid;
  grid-auto-flow: column;
}
.HighlightView .OutcomeTitleContainer .OutComeTitle{
  margin-left:1vw;
}
.HighlightView .EventList {
  display: grid;
  grid-template-columns: 1.5fr 1.5fr 1fr 1fr 1fr 1fr;
}
.HighlightView .EventList {
  display: flex;
  flex-wrap: nowrap;
  background: #000b15;
  flex-direction: column;
  overflow: auto;
  color: #fff;
}
.HighlightView .EventList::-webkit-scrollbar {
  -webkit-appearance: none;
}
.HighlightView .EventList::-webkit-scrollbar:vertical {
  width: 6px;
}
.HighlightView .EventList::-webkit-scrollbar-button:increment,
.HighlightView .EventList::-webkit-scrollbar-button {
  display: none;
}
.HighlightView .EventList::-webkit-scrollbar:horizontal {
  height: 6px;
}
.HighlightView .EventList::-webkit-scrollbar-thumb {
  background-color: #1251a4;
  border-radius: 20px;
}
.HighlightView .EventList::-webkit-scrollbar-track {
  border-radius: 10px;
}
.HighlightView .Tres {
  grid-template-columns: 5% 18% 15% 6% 50% 5%;
}
.HighlightView .MainMarkets {
  display: grid;
  background: linear-gradient(
    180deg,
    #0c104b 0.52%,
    #13195f 19.79%,
    #0b105f 100%
  );
  border-bottom: 1px solid black;
  text-align: left;
}
.HighlightView .MoreBetsBtnContainer {
  display: grid;
  align-self: center;
  justify-self: center;
}
.HighlightView .EventTime {
  height: 2.25rem;
  text-align: center;
  font-weight: 400;
  font-size: 0.9vw;
  display: flex;
  flex-direction: column;
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.5) 0%,
      rgba(0, 0, 0, 0.5) 100%
    ),
    linear-gradient(180deg, #0c104b 0.52%, #13195f 19.79%, #0b105f 100%);
  align-items: center;
  justify-content: center;
  padding: 1.25rem 2pt;
}
.HighlightView .Team1 {
  display: grid;
  padding: 2pt 0;
}
.HighlightView .TeamName {
  font-size: var(--TeamsFontSize);
  font-weight: 700;
  width: 95%;
  text-align: left;
  display: grid;
  align-content: center;
  font-style: normal;
  padding: 0 0.5rem;
}
.HighlightView img.CatImg {
  width: 1.2vw;
  padding: 0vw 1vw;
  display: grid;
  align-self: center;
}
.HighlightView .Category {
  font-size: 0.8vw;
  font-weight: 600;
}
.HighlightView .CategoryContainer {
  display: grid;
  grid-template-columns: 19% 60% 20%;
  align-items: center;
  justify-self: center;
  cursor: pointer;
  line-height: 16px;
  min-height: 5vh;
  width: 100%;
  background: linear-gradient(180deg, #313131 0%, #252525 100%);
  padding: 0.5pt 1pt;
}
.HighlightView .MBELLIcon {
  margin-left: 0.5rem;
}
.HighlightView .MBELLIcon .icon_flag {
  margin-top: 0;
  margin-right: 0;
}
.HighlightView .TournamentContainer {
  display: grid;
  grid-template-columns: 20% 80%;
  background: linear-gradient(180deg, #313131 0%, #252525 100%);
  color: var(--BlancoHumo);
  font-size: 0.7vw;
  align-items: center;
  min-height: 4vh;
  cursor: pointer;
  line-height: 11px;
  padding: 1pt 0;
}
.HighlightView .TournamentItem {
  text-align: left;
  display: grid;
}
.HighlightView .Team2 {
  display: flex;
}
.HighlightView .status {
  text-align: center;
  display: grid;
  align-content: center;
}
.HighlightView .status img {
  width: 2vw;
}
.HighlightView .stats {
  cursor: pointer;
}
.HighlightView .OCC {
  display: grid;
  grid-auto-flow: column;
  gap: 5px;
  font-weight: 700;
  margin-right: 5px;
}
.HighlightView .OutcomeContainer {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}

.HighlightView .FootFind {
  display: grid;
  width: 90%;
  height: 80%;
  margin-left: 0.5rem;
}
.HighlightView .OutCome {
  text-align: center;
  color: #fff;
  font-weight: 800;
  border-radius: 3pt;
  box-shadow: 0 0 2px #000;
  cursor: pointer;
  width: 3vw;
  padding: .85vh .2vw;
  border: 2px solid #00064E;
  background: linear-gradient(180deg, #4A45EA 0%, #212AB2 47.92%, #1312CB 100%);
  justify-self: self-end;
}
.HighlightView .OutCome.SubBets.live {
  flex-direction: row;
  min-width: 4.25vw;
}
.HighlightView .Lock {
  pointer-events: none;
  color: #ffffff26;
}
.HighlightView button.OutCome .Lock {
  color: #ffffff26;
  font-size: 0.01px;
}
.HighlightView .OutCome.select {
  background: var(--Orange2);
}
.HighlightView .ScoreContainer {
  display: grid;
  align-content: center;
  margin: 0vh 0.5vw;
  width: max-content;
}
.HighlightView .CustomAling {
  text-align: left;
  padding-left: 20%;
}
.HighlightView .TextLeft {
  text-align: left;
}
.HighlightView .Score {
  border: 1px solid #5b4e4a;
  padding: 0.1vw;
  border-radius: 4px;
  color: var(--OraYellow);
  padding: 2px 6px;
  font-size: 1vw;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
}
.HighlightView button.OutCome:disabled {
  color: transparent;
  font-size: 0.01px;
}
.HighlightView .YellowxText {
  color: #f6b40e !important;
}
.HighlightView button.OutCome:disabled .Lock {
  color: #ffffff26;
  font-size: 1.1vw;
  text-shadow: none;
}
.HighlightView .specialValue {
  text-align: center;
  margin: 1px;
  color: var(--Orange);
  font-weight: 800;
  border-radius: 3pt;
  cursor: pointer;
  width: 2.5vw;
  font-size: 1.1vw;
  border: none;
  padding: 4px;
}
.HighlightView .MoreBetsContainer {
  display: grid;
  padding: 5px;
  text-align: left;
}
.HighlightView .MoreBetsDetail {
  margin-left: 0.5rem;
  margin-bottom: 0.5rem;
  padding: 0.5rem;
}
.HighlightView .MoreBetsItem {
  background-color: #101447;
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 8vh;
  border: 1px solid black;
  align-items: center;
  font-style: normal;
  font-weight: 400;
  font-size: 0.9vw;
}
.HighlightView .MoreBetsItem:hover {
  background: rgb(0 39 103 / 80%);
}
.HighlightView .MarketName {
  padding-left: 2vw;
}
.HighlightView .sOddsContainer {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1vh;
  margin: 1vh 0.5vw;
}
.HighlightView .BtnSOdds {
  display: grid;
  text-align: center;
  margin: 0 2px;
  border: 2px solid #0041bf;
  border-radius: 8px;
  grid-auto-flow: column;
  grid-template-columns: 1fr;
}
.HighlightView .sOddTitle {
  background: rgba(0, 0, 0, 0.2);
  color: var(--Orange);
  display: grid;
  align-content: center;
  text-align: right;
  padding-right: 0.5vw;
}
.HighlightView .SOutCome {
  text-align: center;
  background: -webkit-gradient(
    linear,
    50% 85%,
    50% 20%,
    color-stop(0, rgb(24 22 255)),
    color-stop(0.5, rgb(16 27 155)),
    color-stop(1, rgb(33 26 249))
  );
  color: #fff;
  font-weight: 700;
  box-shadow: 0 0 2px #000;
  cursor: pointer;
  width: 95%;
  font-size: 1vw;
  border: none;
  padding: 4px 0;
  font-weight: 800;
}
.HighlightView .SOutCome.select {
  background: #ff8100;
}
.HighlightView button.SOutCome:disabled {
  color: transparent !important;
  font-size: 0.01px !important;
}
.HighlightView button.SOutCome .Lock {
  color: #ffffff26;
  font-size: 0.01px;
}
.HighlightView button.SOutCome:disabled .Lock {
  color: #ffffff26;
  font-size: 12pt;
}
.HighlightView .FindedContainer {
  position: fixed;
  width: 18vw;
  z-index: 5;
  bottom: 7vh;
}
.HighlightView .FindedTitle {
  background: #bd0082;
  display: flex;
  justify-content: space-between;
  padding: 0 2%;
}
.HighlightView .FindedItems {
  background: #022d54;
  border: 1px solid black;
  text-align: left;
  padding: 0.3vw;
  cursor: pointer;
}
.HighlightView .FindedItems:hover {
  background: #073b6a;
}
.HighlightView .HihlightBotomContainer {
  display: grid;
  grid-template-columns: 30% 52% 18%;
  align-items: center;
  text-align: center;
  background: #1e1e1e;
  height: 7vh;
}
.HighlightView .PBCdates {
  display: grid;
  grid-template-columns: 12% 12% 12% 12% 12% 12% 12% 12%;
  color: #fff;
  padding-left: 0.5%;
}
.HighlightView .TournamentIcon {
  font-size: 1.3vw;
}
.HighlightView .BtnDate {
  background: linear-gradient(
    to bottom,
    var(--MainMenuBtn1) 0%,
    var(--MainMenuBtn2) 100%
  );
  margin-right: 4%;
  color: #fff;
  text-align: center;
  font-size: 16pt;
  cursor: pointer;
  margin-top: 0.5vh;
  height: 6.5vh;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
.HighlightView .BtnDate.selected {
  border: 2px solid green;
  color: green;
  height: 6.2vh;
}
.HighlightView .BtnDate:hover {
  background: #424242;
}
.HighlightView .PBCBtn {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-gap: 4pt;
  margin: 2pt 1rem 2pt 1pt;
  color: #0e0e0e;
  text-shadow: 0px 1px 1px #686868;
}
.HighlightView .HihlightFavorito {
  display: grid;
  align-self: center;
  cursor: pointer;
  color: #0006;
  font-size: 1.1vw;
}
.HighlightView .HihlightFavorito.StarSelected {
  color: #f6b40e;
}
.HighlightView .Resaltar {
  color: #ffc40c;
}
.HighlightView .Dos {
  display: grid;
  grid-template-columns: 6% 3% 16% 5% 19% 6% 37.5% 7%;
}
.HighlightView .Tres {
  display: grid;
  grid-template-columns: 6% 12% 5% 12% 7% 54% 7%;
}
.HighlightView .DosT {
  display: grid;
  grid-template-columns: 52% 42% 6%;
}
.HighlightView .Uno {
  display: grid;
  grid-template-columns: 5% 5% 27% 5% 27% 5% 20% 6%;
}
.HighlightView .Cero {
  display: grid;
  grid-template-columns: 5% 3% 26% 6% 26% 5% 5% 5%;
}
.HighlightView .LeagueCategory {
  padding: 7px;
  color: var(--OraYellow);
  font-weight: 700;
  min-height: 1.6rem;
  border-radius: 4px;
  display: grid;
  align-content: center;
  grid-auto-flow: column;
  background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
  justify-content: left;
  font-size: 1.1vw;
}
.HighlightView .MBELLTitle,
.HighlightView .MBELLCant {
  font-size: 0.8vw;
  font-weight: 700;
  position: relative;
  line-height: 0.75rem;
  margin-right: 2pt;
  padding: 2pt 0;
}
.HighlightView .PBCBUp,
.HighlightView .PBCBDown {
  font-size: 3vw;
  color: #0e0e0e;
  text-shadow: 0px 1px 1px #686868;
  align-self: center;
  display: grid;
  height: 4.4vh;
  padding: 0;
  background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
  align-content: center;
}
.HighlightView .PBCB {
  display: grid;
  background: linear-gradient(
    to bottom,
    var(--MainMenuBtn1) 0%,
    var(--MainMenuBtn2) 100%
  );
  text-align: center;
  align-content: center;
  cursor: pointer;
  font-size: 28pt;
  border-radius: 10pt;
}
.HighlightView .PBCB:hover {
  background: #424242;
}
.HighlightView .CountryComboBox {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
}
.HighlightView .PBCFFav {
  display: grid;
  grid-template-columns: 15% 80%;
  align-items: center;
  color: #fff;
  font-size: 1vw;
  background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
  margin: 12px;
  border-radius: 5px;
  cursor: pointer;
  width: 92%;
}
.HighlightView .HihlightBotomConainerFav {
  display: grid;
}
.HighlightView .PBCFFavIcon {
  width: 28px;
  color: #0006;
}
.HighlightView .SelecFavBtn {
  background: linear-gradient(180deg, #1a1a1a 0%, #040404 100%);
}

.HighlightView .SubOddsCB.CB.select {
  color: #fff;
  background: #ff8100;
  font-size: 1vw;
  margin: 0;
  align-content: center;
  border-radius: 5px;
  cursor: pointer;
}
.HighlightView .sOddTitleCB {
  font-size: 1vw;
}
.HighlightView .GrupoTitle {
  display: block;
  min-width: 130px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  padding: 0.8rem 1rem;
  font-size: 1rem;
  border: 1px solid;
  cursor: pointer;
  border-top-left-radius: 1vh;
  border-top-right-radius: 1vh;
}
.HighlightView .GruposContainer {
  display: grid;
  grid-auto-flow: column;
  width: max-content;
  gap: 0.25rem;
  margin-left: 0.5rem;
  margin-top: 0.5rem;
  font-weight:600;
}
.HighlightView .GrupoTitle.selected {
  color: #fff;
  border-bottom: 3px solid #fff;
}
.HighlightView .NewTab {
  position: absolute;
  display: grid;
  color: #fff;
  background: red;
  font-size: 0.7rem;
  padding: 0.3rem;
  bottom: 2.8rem;
  animation: NewTabAnimation 5s ease-in-out infinite;
}
.HighlightView .CrearApuestaContainer {
  position: relative;
}
.HighlightView .SubOdds {
  display: grid;
  grid-template-columns: 65% 35%;
  text-align: center;
  margin: 3px 0;
}
.HighlightView .SubOddsCB {
  display: grid;
  text-align: center;
  margin: 3px 0;
  cursor: pointer;
}
.HighlightView .SubOddsCB.CB.select .sOddTitle {
  background: -webkit-gradient(
    linear,
    0 0,
    0 bottom,
    from(#c0bc23),
    to(#e6e051)
  ) !important;
  color: #000;
}
.HighlightView .sOddsTitleCB,
.HighlightView .LockCB {
  text-align: center;
}
.HighlightView .StatsModal {
  position: fixed;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100;
}
.HighlightView .StatsModal2 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  z-index: 101;
}
.HighlightView .StatsModalc {
  position: fixed;
  z-index: 102;
  display: grid;
  align-items: center;
  align-content: center;
  align-self: center;
  left: 9vw;
  top: 14vh;
}
.HighlightView .StatsModalIFram {
  width: 80vw;
  height: 60vh;
}
.HighlightView .StatsModalClose {
  background: gray;
  color: #fff;
  display: grid;
  grid-template-columns: 90% 10%;
  text-align: center;
  padding: 0.5rem;
}
.HighlightView .StatsModalModalTitle {
  padding-left: 10%;
}
.HighlightView .StatsModalBtnClose {
  text-align: right;
  cursor: pointer;
}
.HighlightView .LV2Cuatro {
  grid-template-columns: 4% 2% 13% 5% 13% 3% 56% 4%;
  border-bottom: 2px solid black;
}
.HighlightView .PreBotomContainer {
  display: grid;
  grid-template-columns: 14% 30% 38% 18%;
  align-items: center;
  text-align: center;
  background: #1e1e1e;
  height: 7vh;
}
/*Highligh*/


/*PopularLeaguesView*/
.PopularLeaguesView.PrematchContainer {
  display: grid;
  text-align: center;
  font-size: 0.8rem;
}
.PopularLeaguesView .PCLeft {
  display: grid;
  color: #fff;
}
.PopularLeaguesView .MenuBarEvent {
  display: grid;
  grid-template-columns: 34% 66%;
  background: #010b12;
}
.PopularLeaguesView .MBELeft {
  display: grid;
  grid-template-rows: 7vh 79vh 7vh;
  margin-right: 1pt;
}
.PopularLeaguesView .Negrita {
  font-weight: 700;
}
.PopularLeaguesView .FZ1_2vw {
  font-size: 32px !important;
}
.PreView .MBELBUp {
  display: grid;
  text-align: center;
  align-content: center;
  cursor: pointer;
  font-size: 22px;
  background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
  box-shadow: 0 0 24px #000c;
  height: 9vh;
}
.PopularLeaguesView .MBELBUp:hover {
  background: -webkit-linear-gradient(bottom, #3e3e3e, #646464);
}
.PopularLeaguesView .MBELList,
.PopularLeaguesView .MBERList {
  overflow: auto;
}
.PopularLeaguesView .MBELList::-webkit-scrollbar,
.PopularLeaguesView .MBERList::-webkit-scrollbar {
  display: none;
}
.PopularLeaguesView .MBERLL {
  display: grid;
  grid-auto-flow: row;
}
.PopularLeaguesView .MBERLL:hover {
  background: -webkit-linear-gradient(bottom, #3e3e3e, #646464);
}
.PopularLeaguesView .MBELLL {
  display: flex;
  flex-direction: column;
  background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
  text-align: center;
  align-content: center;
  justify-content: center;
  cursor: pointer;
  margin: 0.5pt 1pt;
  border: 1px solid transparent;
  height: 9.5vh;
}
.PopularLeaguesView .MBELLL.selected,
.PopularLeaguesView .MBELLL:hover {
  background: linear-gradient(180deg, #4effbb 0%, #00a465 100%);
  color: #000;
}
.PopularLeaguesView .MBELLLogo {
  display: flex;
  height: 3vh;
  text-align: -webkit-center;
  text-align: center;
  justify-content: center;
  align-content: center;
}
.PopularLeaguesView .MBELLLSportImg {
  width: 1.5vw;
  height: 1.5vw;
}
.PopularLeaguesView .MBELLCant {
  border: 2px solid transparent;
  border-radius: 30px;
  background-image: linear-gradient(
      rgba(30, 30, 30, 0.8),
      rgba(30, 30, 30, 0.8)
    ),
    linear-gradient(to bottom, #0e0e0e, #3e3e3e);
  background-origin: border-box;
  background-clip: content-box, border-box;
  color: #aeaeae;
}
.PopularLeaguesView .MBERList {
  display: grid;
  gap: 1px;
  height: -webkit-fill-available;
  grid-auto-rows: max-content;
}
.PopularLeaguesView .MBELRTitle {
  font-size: 1vw;
  text-align: left;
  font-style: normal;
  font-weight: 100;
  color: #fff;
}
.PopularLeaguesView .MBELLIcon img {
  width: 1.3vw;
}
.PopularLeaguesView .MBERight {
  display: grid;
  grid-template-rows: 7.2vh 78.8vh 7vh;
  margin-right: 2pt;
}
.PopularLeaguesView .CianTxt {
  color: #4effbb;
}
.PopularLeaguesView .BlackTxt {
  color: #161616;
}
.PopularLeaguesView .PCRight {
  display: grid;
  grid-template-rows: 86vh 7vh;
}
.PopularLeaguesView .PTitle {
  display: grid;
  grid-template-rows: 60% 30%;
  background: var(--UIMain1);
  color: #aeaeae;
  margin: 0.1rem 0;
  height: 7vh;
}
.PopularLeaguesView .PTitle1 {
  display: grid;
  align-items: center;
  text-align: left;
  padding: 2pt 0 4pt 0;
}
.PopularLeaguesView .TopFiltros {
  display: grid;
  grid-template-columns: 20% 10% 30% 40%;
}
.PopularLeaguesView .SwitchController {
  margin: 6px;
  display: grid;
  grid-template-columns: 2fr 0.5fr 1fr 0.5fr;
  align-items: center;
}
.PopularLeaguesView .switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 20px;
}
.PopularLeaguesView .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.PopularLeaguesView .checked .checkbox {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 30px;
  bottom: 2px;
  background-color: #fff;
  transition: 0.4s;
}
.PopularLeaguesView .checkbox {
  position: absolute;
  cursor: pointer;
  content: "";
  height: 16px;
  width: 16px;
  left: 0;
  bottom: 2px;
  background-color: #fff;
  transition: 0.4s;
  z-index: 1;
  border-radius: 50%;
}
.PopularLeaguesView .slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background-color: #ccc;
  transition: 0.4s;
}
.PopularLeaguesView .Team1Title,
.PopularLeaguesView .Team2Title {
  text-align: left;
}
.PopularLeaguesView .checked .slider {
  background: #09a10a;
}
.PopularLeaguesView .slider.round {
  border-radius: 34px;
}
.PopularLeaguesView .slider.round:before {
  border-radius: 50%;
}
.PopularLeaguesView .TFTitle {
  align-self: center;
  margin-left: 10pt;
}
.PopularLeaguesView .TFSelectBox {
  margin: 2px;
  padding: 9px;
  display: grid;
}
.PopularLeaguesView .TFSelectBox select {
  background: #334c5c;
  color: #fff;
  font-weight: 700;
  border: 1px solid black;
  box-shadow: 1px 1px 2px 1px #01121c;
  width: 8vw;
}
.PopularLeaguesView .TextBoxContainer {
  display: grid;
  position: relative;
}
.PopularLeaguesView .TextBoxIcon {
  position: absolute;
  right: 1vw;
  top: 1.25vh;
  color: #525252;
}
.PopularLeaguesView input.FindText {
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
  border: none;
  border-radius: 5px;
  color: #c7c7c7;
  padding-left: 9px;
  width: 95%;
  color: #525252;
  background: rgba(0, 0, 0, 0.4);
  height: 4vh;
  display: grid;
  align-self: center;
  font-size: 1vw;
}
.PopularLeaguesView .SelectFormatDay {
  font-weight: 100;
  padding: 0 17px;
  cursor: pointer;
  background: linear-gradient(180deg, #1e1e1e 0%, #0e0e0e 100%);
  border: 1px solid #aeaeae;
  height: 3.8vh;
  display: grid;
  align-self: center;
  color: #fff;
  border-radius: 5px;
}
.PopularLeaguesView select.SelectFormatDay option {
  background: #3e3e3e;
  cursor: pointer;
  font-weight: 100;
  font-size: 16px;
}
.PopularLeaguesView .FindText:focus {
  outline: 0px;
}
.PopularLeaguesView .MTTNameA {
  display: grid;
  grid-auto-flow: column;
}
.PopularLeaguesView .MTTContainer {
  display: grid;
  grid-template-columns: 40.5% 56%;
  text-align: center;
}
.PopularLeaguesView .PTitle2 {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  padding-right: 6px;
}
.PopularLeaguesView .Estado {
  padding-left: 0;
}
.PopularLeaguesView .OCTC {
  display: grid;
  grid-auto-flow: column;
  color: #e2e2e2;
}
.PopularLeaguesView .OutcomeTitleContainer {
  text-align: center;
  display: grid;
  grid-auto-flow: column;
}
.PopularLeaguesView .OutcomeTitleContainer .OutComeTitle{
  margin-left:1vw;
}
.PopularLeaguesView .EventList {
  display: grid;
  grid-template-columns: 1.5fr 1.5fr 1fr 1fr 1fr 1fr;
}
.PopularLeaguesView .EventList {
  display: flex;
  flex-wrap: nowrap;
  background: #000b15;
  flex-direction: column;
  overflow: auto;
  color: #fff;
}
.PopularLeaguesView .EventList::-webkit-scrollbar {
  -webkit-appearance: none;
}
.PopularLeaguesView .EventList::-webkit-scrollbar:vertical {
  width: 6px;
}
.PopularLeaguesView .EventList::-webkit-scrollbar-button:increment,
.PopularLeaguesView .EventList::-webkit-scrollbar-button {
  display: none;
}
.PopularLeaguesView .EventList::-webkit-scrollbar:horizontal {
  height: 6px;
}
.PopularLeaguesView .EventList::-webkit-scrollbar-thumb {
  background-color: #1251a4;
  border-radius: 20px;
}
.PopularLeaguesView .EventList::-webkit-scrollbar-track {
  border-radius: 10px;
}
.PopularLeaguesView .Tres {
  grid-template-columns: 5% 18% 15% 6% 50% 5%;
}
.PopularLeaguesView .MainMarkets {
  display: grid;
  background: linear-gradient(
    180deg,
    #0c104b 0.52%,
    #13195f 19.79%,
    #0b105f 100%
  );
  border-bottom: 1px solid black;
  text-align: left;
}
.PopularLeaguesView .MoreBetsBtnContainer {
  display: grid;
  align-self: center;
  justify-self: center;
}
.PopularLeaguesView .EventTime {
  height: 2.25rem;
  text-align: center;
  font-weight: 400;
  font-size: 0.9vw;
  display: flex;
  flex-direction: column;
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.5) 0%,
      rgba(0, 0, 0, 0.5) 100%
    ),
    linear-gradient(180deg, #0c104b 0.52%, #13195f 19.79%, #0b105f 100%);
  align-items: center;
  justify-content: center;
  padding: 1.25rem 2pt;
}
.PopularLeaguesView .Team1 {
  display: grid;
  padding: 2pt 0;
}
.PopularLeaguesView .TeamName {
  font-size: var(--TeamsFontSize);
  font-weight: 700;
  width: 95%;
  text-align: left;
  display: grid;
  align-content: center;
  font-style: normal;
  padding: 0 0.5rem;
}
.PopularLeaguesView img.CatImg {
  width: 1.2vw;
  padding: 0vw 1vw;
  display: grid;
  align-self: center;
}
.PopularLeaguesView .Category {
  font-size: 0.8vw;
  font-weight: 600;
}
.PopularLeaguesView .CategoryContainer {
  display: grid;
  grid-template-columns: 19% 60% 20%;
  align-items: center;
  justify-self: center;
  cursor: pointer;
  line-height: 16px;
  min-height: 5vh;
  width: 100%;
  background: linear-gradient(180deg, #313131 0%, #252525 100%);
  padding: 0.5pt 1pt;
}
.PopularLeaguesView .MBELLIcon {
  margin-left: 0.5rem;
}
.PopularLeaguesView .MBELLIcon .icon_flag {
  margin-top: 0;
  margin-right: 0;
}
.PopularLeaguesView .TournamentContainer {
  display: grid;
  grid-template-columns: 20% 80%;
  background: linear-gradient(180deg, #313131 0%, #252525 100%);
  color: var(--BlancoHumo);
  font-size: 0.7vw;
  align-items: center;
  min-height: 4vh;
  cursor: pointer;
  line-height: 11px;
  padding: 1pt 0;
}
.PopularLeaguesView .TournamentItem {
  text-align: left;
  display: grid;
}
.PopularLeaguesView .Team2 {
  display: flex;
}
.PopularLeaguesView .status {
  text-align: center;
  display: grid;
  align-content: center;
}
.PopularLeaguesView .status img {
  width: 2vw;
}
.PopularLeaguesView .stats {
  cursor: pointer;
}
.PopularLeaguesView .OCC {
  display: grid;
  grid-auto-flow: column;
  gap: 5px;
  font-weight: 700;
  margin-right: 5px;
}
.PopularLeaguesView .OutcomeContainer {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}

.PopularLeaguesView .FootFind {
  display: grid;
  width: 90%;
  height: 80%;
  margin-left: 0.5rem;
}
.PopularLeaguesView .OutCome {
  text-align: center;
  color: #fff;
  font-weight: 800;
  border-radius: 3pt;
  box-shadow: 0 0 2px #000;
  cursor: pointer;
  width: 3vw;
  padding: .85vh .2vw;
  border: 2px solid #00064E;
  background: linear-gradient(180deg, #4A45EA 0%, #212AB2 47.92%, #1312CB 100%);
  justify-self: self-end;
}
.PopularLeaguesView .OutCome.SubBets.live {
  flex-direction: row;
  min-width: 4.25vw;
}
.PopularLeaguesView .Lock {
  pointer-events: none;
  color: #ffffff26;
}
.PopularLeaguesView button.OutCome .Lock {
  color: #ffffff26;
  font-size: 0.01px;
}
.PopularLeaguesView .OutCome.select {
  background: var(--Orange2);
}
.PopularLeaguesView .ScoreContainer {
  display: grid;
  align-content: center;
  margin: 0vh 0.5vw;
  width: max-content;
}
.PopularLeaguesView .CustomAling {
  text-align: left;
  padding-left: 20%;
}
.PopularLeaguesView .TextLeft {
  text-align: left;
}
.PopularLeaguesView .Score {
  border: 1px solid #5b4e4a;
  padding: 0.1vw;
  border-radius: 4px;
  color: var(--OraYellow);
  padding: 2px 6px;
  font-size: 1vw;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
}
.PopularLeaguesView button.OutCome:disabled {
  color: transparent;
  font-size: 0.01px;
}
.PopularLeaguesView .YellowxText {
  color: #f6b40e !important;
}
.PopularLeaguesView button.OutCome:disabled .Lock {
  color: #ffffff26;
  font-size: 1.1vw;
  text-shadow: none;
}
.PopularLeaguesView .specialValue {
  text-align: center;
  margin: 1px;
  color: var(--Orange);
  font-weight: 800;
  border-radius: 3pt;
  cursor: pointer;
  width: 2.5vw;
  font-size: 1.1vw;
  border: none;
  padding: 4px;
}
.PopularLeaguesView .MoreBetsContainer {
  display: grid;
  padding: 5px;
  text-align: left;
}
.PopularLeaguesView .MoreBetsDetail {
  margin-bottom: 0.5rem;
  padding: 0.5rem;
}
.PopularLeaguesView .MoreBetsItem {
  background-color: #101447;
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 8vh;
  border: 1px solid black;
  align-items: center;
  font-style: normal;
  font-weight: 400;
  font-size: 0.9vw;
}
.PopularLeaguesView .MoreBetsItem:hover {
  background: rgb(0 39 103 / 80%);
}
.PopularLeaguesView .MarketName {
  padding-left: 2vw;
}
.PopularLeaguesView .sOddsContainer {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1vh;
  margin: 1vh 0.5vw;
}
.PopularLeaguesView .BtnSOdds {
  display: grid;
  text-align: center;
  margin: 0 2px;
  border: 2px solid #0041bf;
  border-radius: 8px;
  grid-auto-flow: column;
  grid-template-columns: 1fr;
}
.PopularLeaguesView .sOddTitle {
  background: rgba(0, 0, 0, 0.2);
  color: var(--Orange);
  display: grid;
  align-content: center;
  text-align: right;
  padding-right: 0.5vw;
}
.PopularLeaguesView .SOutCome {
  text-align: center;
  background: -webkit-gradient(
    linear,
    50% 85%,
    50% 20%,
    color-stop(0, rgb(24 22 255)),
    color-stop(0.5, rgb(16 27 155)),
    color-stop(1, rgb(33 26 249))
  );
  color: #fff;
  font-weight: 700;
  box-shadow: 0 0 2px #000;
  cursor: pointer;
  width: 95%;
  font-size: 1vw;
  border: none;
  padding: 4px 0;
  font-weight: 800;
}
.PopularLeaguesView .SOutCome.select {
  background: #ff8100;
}
.PopularLeaguesView button.SOutCome:disabled {
  color: transparent !important;
  font-size: 0.01px !important;
}
.PopularLeaguesView button.SOutCome .Lock {
  color: #ffffff26;
  font-size: 0.01px;
}
.PopularLeaguesView button.SOutCome:disabled .Lock {
  color: #ffffff26;
  font-size: 12pt;
}
.PopularLeaguesView .FindedContainer {
  position: fixed;
  width: 18vw;
  z-index: 5;
  bottom: 7vh;
}
.PopularLeaguesView .FindedTitle {
  background: #bd0082;
  display: flex;
  justify-content: space-between;
  padding: 0 2%;
}
.PopularLeaguesView .FindedItems {
  background: #022d54;
  border: 1px solid black;
  text-align: left;
  padding: 0.3vw;
  cursor: pointer;
}
.PopularLeaguesView .FindedItems:hover {
  background: #073b6a;
}
.PopularLeaguesView .HihlightBotomContainer {
  display: grid;
  grid-template-columns: 30% 52% 18%;
  align-items: center;
  text-align: center;
  background: #1e1e1e;
  height: 7vh;
}
.PopularLeaguesView .PBCdates {
  display: grid;
  grid-template-columns: 12% 12% 12% 12% 12% 12% 12% 12%;
  color: #fff;
  padding-left: 0.5%;
}
.PopularLeaguesView .TournamentIcon {
  font-size: 1.3vw;
}
.PopularLeaguesView .BtnDate {
  background: linear-gradient(
    to bottom,
    var(--MainMenuBtn1) 0%,
    var(--MainMenuBtn2) 100%
  );
  margin-right: 4%;
  color: #fff;
  text-align: center;
  font-size: 16pt;
  cursor: pointer;
  margin-top: 0.5vh;
  height: 6.5vh;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
.PopularLeaguesView .BtnDate.selected {
  border: 2px solid green;
  color: green;
  height: 6.2vh;
}
.PopularLeaguesView .BtnDate:hover {
  background: #424242;
}
.PopularLeaguesView .PBCBtn {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-gap: 4pt;
  margin: 2pt 1rem 2pt 1pt;
  color: #0e0e0e;
  text-shadow: 0px 1px 1px #686868;
}
.PopularLeaguesView .HihlightFavorito {
  display: grid;
  align-self: center;
  cursor: pointer;
  color: #0006;
  font-size: 1.1vw;
}
.PopularLeaguesView .HihlightFavorito.StarSelected {
  color: #f6b40e;
}
.PopularLeaguesView .Resaltar {
  color: #ffc40c;
}
.PopularLeaguesView .Dos {
  display: grid;
  grid-template-columns: 6% 3% 16% 5% 19% 6% 37.5% 7%;
}
.PopularLeaguesView .Tres {
  display: grid;
  grid-template-columns: 6% 12% 5% 12% 7% 54% 7%;
}
.PopularLeaguesView .DosT {
  display: grid;
  grid-template-columns: 52% 42% 6%;
}
.PopularLeaguesView .Uno {
  display: grid;
  grid-template-columns: 5% 5% 27% 5% 27% 5% 20% 6%;
}
.PopularLeaguesView .Cero {
  display: grid;
  grid-template-columns: 5% 3% 26% 6% 26% 5% 5% 5%;
}
.PopularLeaguesView .LeagueCategory {
  padding: 7px;
  color: var(--OraYellow);
  font-weight: 700;
  min-height: 1.6rem;
  border-radius: 4px;
  display: grid;
  align-content: center;
  grid-auto-flow: column;
  background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
  justify-content: left;
  font-size: 1.1vw;
}
.PopularLeaguesView .MBELLTitle,
.PopularLeaguesView .MBELLCant {
  font-size: 0.8vw;
  font-weight: 700;
  position: relative;
  line-height: 0.75rem;
  margin-right: 2pt;
  padding: 2pt 0;
}
.PopularLeaguesView .PBCBUp,
.PopularLeaguesView .PBCBDown {
  font-size: 3vw;
  color: #0e0e0e;
  text-shadow: 0px 1px 1px #686868;
  align-self: center;
  display: grid;
  height: 4.4vh;
  padding: 0;
  background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
  align-content: center;
}
.PopularLeaguesView .PBCB {
  display: grid;
  background: linear-gradient(
    to bottom,
    var(--MainMenuBtn1) 0%,
    var(--MainMenuBtn2) 100%
  );
  text-align: center;
  align-content: center;
  cursor: pointer;
  font-size: 28pt;
  border-radius: 10pt;
}
.PopularLeaguesView .PBCB:hover {
  background: #424242;
}
.PopularLeaguesView .CountryComboBox {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
}
.PopularLeaguesView .PBCFFav {
  display: grid;
  grid-template-columns: 15% 80%;
  align-items: center;
  color: #fff;
  font-size: 1vw;
  background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
  margin: 12px;
  border-radius: 5px;
  cursor: pointer;
  width: 92%;
}
.PopularLeaguesView .HihlightBotomConainerFav {
  display: grid;
}
.PopularLeaguesView .PBCFFavIcon {
  width: 28px;
  color: #0006;
}
.PopularLeaguesView .SelecFavBtn {
  background: linear-gradient(180deg, #1a1a1a 0%, #040404 100%);
}

.PopularLeaguesView .SubOddsCB.CB.select {
  color: #fff;
  background: #ff8100;
  font-size: 1vw;
  margin: 0;
  align-content: center;
  border-radius: 5px;
  cursor: pointer;
}
.PopularLeaguesView .sOddTitleCB {
  font-size: 1vw;
}
.PopularLeaguesView .GrupoTitle {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 130px;
  overflow: hidden;
  white-space: nowrap;        
  text-overflow: ellipsis;
  text-align: center;
  padding: 0.8rem 1rem;
  font-size: 1rem;
  border: 1px solid;
  cursor: pointer;
  border-top-left-radius: 1vh;
  border-top-right-radius: 1vh;
}
.PopularLeaguesView .GruposContainer {
  display: grid;
  grid-auto-flow: column;
  width: max-content;
  gap: 0.25rem;
  margin-left: 0.5rem;
  margin-top: 0.5rem;
  font-weight:600;
}
.PopularLeaguesView .GrupoTitle.selected {
  color: #fff;
  border-bottom: 3px solid #fff;
}
.PopularLeaguesView .NewTab {
  position: absolute;
  display: grid;
  color: #fff;
  background: red;
  font-size: 0.7rem;
  padding: 0.3rem;
  bottom: 2.8rem;
  animation: NewTabAnimation 5s ease-in-out infinite;
}
.PopularLeaguesView .CrearApuestaContainer {
  position: relative;
}
.PopularLeaguesView .SubOdds {
  display: grid;
  grid-template-columns: 65% 35%;
  text-align: center;
  margin: 3px 0;
}
.PopularLeaguesView .SubOddsCB {
  display: grid;
  text-align: center;
  margin: 3px 0;
  cursor: pointer;
}
.PopularLeaguesView .SubOddsCB.CB.select .sOddTitle {
  background: -webkit-gradient(
    linear,
    0 0,
    0 bottom,
    from(#c0bc23),
    to(#e6e051)
  ) !important;
  color: #000;
}
.PopularLeaguesView .sOddsTitleCB,
.PopularLeaguesView .LockCB {
  text-align: center;
}
.PopularLeaguesView .StatsModal {
  position: fixed;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100;
}
.PopularLeaguesView .StatsModal2 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  z-index: 101;
}
.PopularLeaguesView .StatsModalc {
  position: fixed;
  z-index: 102;
  display: grid;
  align-items: center;
  align-content: center;
  align-self: center;
  left: 9vw;
  top: 14vh;
}
.PopularLeaguesView .StatsModalIFram {
  width: 80vw;
  height: 60vh;
}
.PopularLeaguesView .StatsModalClose {
  background: gray;
  color: #fff;
  display: grid;
  grid-template-columns: 90% 10%;
  text-align: center;
  padding: 0.5rem;
}
.PopularLeaguesView .StatsModalModalTitle {
  padding-left: 10%;
}
.PopularLeaguesView .StatsModalBtnClose {
  text-align: right;
  cursor: pointer;
}
.PopularLeaguesView .LV2Cuatro {
  grid-template-columns: 4% 2% 13% 5% 13% 3% 56% 4%;
  border-bottom: 2px solid black;
}
.PopularLeaguesView .PreBotomContainer {
  display: grid;
  grid-template-columns: 14% 30% 38% 18%;
  align-items: center;
  text-align: center;
  background: #1e1e1e;
  height: 7vh;
}
/*PopularLeaguesView*/



.BaseModalBackgroud {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  z-index: -1;
}

.ModalBase {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  z-index:110;
}
.BaseModalBar {
  display: grid;
  align-items: center;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom: 2px solid #111111;
}
.PadLeft {
  padding-left: 1vw;
}
.BaseModal {
  display: flex;
  flex-direction: column;
  text-align: center;
  top: auto;
  color: #fff;
  position: fixed;
  width: 20vw;
  background: #2e2e2e;
  z-index: 105;
  border-radius: 6px;
}
.BaseModal.Login {
 top: 25vh;
}
.BaseModal.Register {
  width: 40vw;
}
.BaseModal.Cart {
 top: 8vh;
}
.BaseBodyModal {
  display: grid;
  color: #fff;
  text-align: left;
  padding: 1vw 1vw 0;
}
.BaseBModalContainer {
  display: grid;
  grid-auto-flow: row;
  align-content: center;
  gap: 2vh;
}
input.LoginModalTxt {
  font-size: 0.9vw;
  background: #242424 !important;
  border: 1px solid black;
  color: #fff;
  font-weight: 700;
  padding-left: 1vw;
  width: 100%;
  height: 4.5vh !important;
  border-radius: 0.5vw;
}
.BaseBModelaDNrDoc,
.LoginBModelClave {
  display: flex;
}
.LBMDNrDTitle {
  font-weight: 100;
}
.BaseBModalDocument {
  display: grid;
  align-content: center;
}
.Warning {
  color: red;
  font-size: x-small;
  margin: 0;
  padding: 0;
}
.BaseBModalDTitle {
  display: grid;
  align-content: center;
}
.BaseBtnClose {
  display: grid;
  cursor: pointer;
  position: relative;
  background: linear-gradient(180deg, #db2727 0%, #9e0000 100%);
  border-radius: 4px;
  color: #fff;
  padding: 0.6vw 0.8vw;
  align-content: center;
  text-transform: uppercase;
}
.BaseBModalDSelect Select {
  font-family: Helvetica;
  font-weight: 100;
  padding: 1vh 0.3vw;
  width: -webkit-fill-available;
  cursor: pointer;
  background: linear-gradient(180deg, #1e1e1e 0%, #0e0e0e 100%);
  border: 1px solid #aeaeae;
  display: grid;
  color: #fff;
  font-size: 12pt;
}
option,
option.OptionSelectDay {
  background: #3e3e3e;
  cursor: pointer;
  font-family: Helvetica;
  font-weight: 100;
  font-size: 14px;
  color: #fff;
}
.BaseModalTxt {
  padding: 0.7vh;
  width: 16vw;
  background: linear-gradient(180deg, #1e1e1e 0%, #0e0e0e 100%);
  border: 1px solid #aeaeae;
  color: #fff;
  box-shadow: inset 0 0 0 1px #fff0, inset 0 0 0 100px #1e1e1e;
  font-size: 14pt;
}
.BaseModalBtnContainer {
  text-align: -webkit-center;
  display: grid;
  grid-auto-flow: row;
}
.BaseModalBtnC {
  display: grid;
  gap: 1rem;
  margin: 0.25vw 1vw 1vw 1vw;
}
.BaseModalBtnC.Card{
  gap: 0.5rem;
  margin: 0.5vw 1vw 1vw 1vw;
  grid-template-columns: 48% 48%;
}
.BaseModalBtn {
  display: grid;
  cursor: pointer;
  position: relative;
  background: linear-gradient(180deg, #00be17 0%, #006400 100%);
  border-radius: 4px;
  color: #fff;
  padding: 0.4vw 0.8vw;
  align-content: center;
  text-transform: uppercase;
}
.BaseModalBtn.invalid {
  opacity: 0.6;
  pointer-events: none;
  background: gray;
}
.EndSeparator {
  display: grid;
  height: 1.5vh;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top: 2px solid transparent;
  margin-top: 0.5rem;
}
.BaseModalEndMsg1 {
  display: grid;
  align-content: center;
  font-weight: 100;
  font-size: 1vw;
  padding: 0 1vw 1vw 1vw;
}
.BaseModalEndMsg1.PointerCurso {
  display: grid;
  cursor: pointer;
  background: linear-gradient(180deg, #00be17 0%, #006400 100%);
  border-radius: 4px;
  color: #fff;
  padding: 0.8vw;
  align-content: center;
  text-transform: uppercase;
  width: 80%;
  font-family: unset;
  font-weight: 700;
  justify-self: center;
}
.BaseModalEndMsg2 {
  display: grid;
  align-content: center;
  color: #00be17;
  text-decoration: underline;
  cursor: pointer;
}
.SimpleBaseText {
  margin: 1vh 0;
}
.KeyboardIcon {
  font-size: 2.5rem;
}
.KeyBoardTitle {
  font-size: 0.8rem;
}
.KeyBoardContainer {
  color: gray;
  cursor: pointer;
}
.BaseBtnBack {
  color: #fff;
  text-align: center;
  border-radius: 5px;
  font-size: 0.5vw;
  margin: 0vw 1vw;
  padding: 10px;
  position: absolute;
  cursor: pointer;
  right: 0;
  border: 1px solid;
  width: 2vw;
}
.SimpleBaseImg img {
  width: 3rem;
}
.SimpleBaseImg {
  text-align: end;
  margin-right: 2rem;
}
.Gap0 {
  gap: 0;
}
.TextCenter {
  text-align: center;
}
.TextLeft {
  text-align: left;
}
.TextRight {
  text-align: right;
}
.Large {
  font-size: large;
}
.Larger {
  font-size: revert;
}
.Small {
  font-size: small;
  padding-top: 30px;
  margin-right: 77%;
}
.Margen0 {
  margin: 0;
}
.Margen05 {
  margin: 0.5rem;
}
.BigRowContainer {
  grid-template-rows: 14% 70% 16%;
}
.Big4RowContainer {
  grid-template-rows: 14% 15% 55% 16%;
}
.GridautoFlow {
  display: grid;
  grid-auto-flow: column;
}
.Proximamente {
  opacity: 0.5;
  cursor: default !important;
}
.GridautoFlowRow {
  display: grid;
  grid-auto-flow: row;
}
.BaseBModalBigContainer {
  display: grid !important;
  grid-auto-flow: row !important;
  grid-auto-columns: 101% !important;
  padding: 10px !important;
  gap: 1rem !important;
}
.BaseBModalBigContainerR,
.BaseBModalBigContainerL {
  display: grid;
  align-content: center;
}
.SimpleBoxContainer {
  display: grid;
  background: black;
  margin: 0.2rem;
  padding: 1rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.simple-keyboard {
  background-color: transparent;
  border-radius: 0 0 5px 5px;
}
.simple-keyboard .hg-button {
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #00b254;
  color: #fff;
}
.LoginModalTxt.select {
  border: 1px solid #00b254;
}
.CurrencyInput {
  display: grid;
  grid-auto-flow: column;
}
.Currency {
  position: relative;
  top: 1rem;
  right: 4rem;
}
.WarningForm {
  font-size: 0.5vw;
  color: var(--WarningText);
}
.ForgetPass.PointerCurso {
  font-size: 0.7vw;
  text-align: right;
}
.FormItem {
  margin-bottom: 1vh;
}
select.valid,
input.valid {
  border: 1px solid var(--ValidText) !important;
}
select.invalid {
  border: 1px solid var(--WarningText) !important;
}
input.invalid {
  border: 1px solid var(--WarningText) !important;
  pointer-events: all;
}
.BaseModalTitle {
  display: grid;
  height: -webkit-fill-available;
  align-items: center;
  font-size: 1vw;
  color: #4effbb;
  font-family: Sensation;
  padding: 1.25vh 0;
}
.PointerCurso {
  cursor: pointer;
}
.BaseBModelaDNrDoc > .CurrencyInput > input.LoginModalTxt {
  width: 100% !important;
}
.InputContainer {
  position: relative;
  display: flex;
  width: 100%;
}
.InputIcon {
  position: absolute;
  right: 0;
  bottom: 2.5vh;
  font-size: 0.9vw;
  cursor: pointer;
}

.LoginModalBackgroud {
  position: absolute;
  width: 200vw;
  height: 200vh;
  top: -50vh;
  background: rgba(0, 0, 0, 0.8);
  left: -50vw;
  z-index: -1;
}
.LoginModalTitle {
  color: #4effbb;
  font-size: 1.4vw;
}
.LoginModalBar {
  display: grid;
  grid-template-columns: 90% 10%;
  align-items: center;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom: 2px solid #111111;
}
.LoginModal {
  display: grid;
  grid-template-rows: 7vh 80vh 5vh;
  height: -webkit-fill-available;
  text-align: center;
  color: #fff;
}
.LoginBodyModal {
  display: grid;
  color: #fff;
  text-align: left;
  padding: 0px 1vw;
}
.LoginBModalDocument {
  display: grid;
  grid-auto-flow: row;
  border-bottom: 2px solid #111111;
}
.LoginBModalDTitle {
  display: grid;
  align-content: center;
  font-family: Helvetica;
  font-style: normal;
  font-weight: 700;
  font-size: 16pt;
}
.LoginBtnClose {
  background: linear-gradient(180deg, #db2727 0%, #9e0000 100%);
  color: #fff;
  text-align: center;
  border-radius: 5px;
  font-size: 0.8vw;
  margin: 0.5vw;
  padding: 5px;
  position: relative;
  float: right;
  cursor: pointer;
  z-index:1000;
}
.LoginBModalDSelect
  Select {
  font-family: Helvetica;
  font-weight: 100;
  padding: 1vh 0.3vw;
  width: 100%;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid #aeaeae;
  background: linear-gradient(180deg, #3c3a3a 0%, #0e0e0e 100%);
  display: grid;
  color: #fff;
  font-size: 1vw;
}
.CheckBoxContainer {
  display: grid;
  grid-auto-flow: column;
}
option.OptionSelectDay {
  background: #3e3e3e;
  cursor: pointer;
  font-family: Helvetica;
  font-weight: 100;
  font-size: 16px;
  color: var(--BlancoHumo);
}
select[disabled] {
  opacity: 0.4;
  color: gray;
}
.passwordinput {
  -webkit-text-security: disc;
  text-security: disc;
}
.PasswordIcon {
  position: absolute;
  top: 5vh;
  right: 1vw;
  cursor: pointer;
}
.MarginTop05vh {
  margin: 0.5vh 0 !important;
}
.ChkTxt {
  font-size: 0.6vw !important;
  margin-left: 1vw;
}
.CheckBoxContainer
  input[type="checkbox"] {
  background: black !important;
  color: #000;
  background-color: #000 !important;
  width: 0.6vw;
}
.RegistrarModalTxt {
  padding: 0.5vh;
  color: var(--BlancoHumo);
  border-radius: 4px;
  background: #242424;
  font-size: 0.8vw;
  height: 2vh;
}
.btndisabled {
  pointer-events: none;
  opacity: 0.5;
}
.HideTxt {
  font-size: 0;
  min-height: 1.9vh;
}
.LoginModalBtnContainer {
  text-align: -webkit-center;
  display: grid;
}
.LoginModalBtn {
  display: grid;
  align-items: center;
  cursor: pointer;
  width: 75%;
  text-align: center;
  background: linear-gradient(180deg, #00be17 0%, #006400 100%);
  border-radius: 4px;
  color: #fff;
  padding: 0.8vw;
  max-width: 8vw;
  justify-self: center;
}
.LoginModalBtnC {
  padding: 5px;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}
.EndSeparator {
  display: grid;
  height: 2vh;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top: 2px solid #111111;
}
.LoginModalEndMsg1 {
  display: grid;
  align-content: center;
  font-weight: 100;
}
.LoginModalEndMsg2 {
  display: grid;
  align-content: center;
  color: #00be17;
  text-decoration: underline;
  cursor: pointer;
}
.ModalContainerBdy {
  display: grid;
  grid-template-columns: 100%;
}
.Banner {
  display: grid;
  width: 100%;
  justify-content: center;
}
img.imgBanner {
  max-width: 100%;
  max-height: 90%;
  margin-top: 2vh;
}
.ArcaModal {
  background: #2e2e2e;
  display: grid;
  position: fixed;
  top: 3vh;
  width: 50vw;
}
.LoginBodyModalRight {
  display: grid;
  color: var(--BlancoHumo);
}
.LoginBModelItem {
  display: grid;
  gap: 0vh;
  grid-template-columns: 40% 60%;
  align-content: center;
  position: relative;
  padding: 0.25rem 0;
}
.LoginBModelItemForCitizenCard {
  display: grid;
  gap: 0vh;
  grid-template-columns: 60% 40%;
  align-content: center;
  position: relative;
  padding: 0.25rem 0;
}
.LoginBModelItem3 {
  display: grid;
  gap: 0.8vh;
  grid-template-columns: 32% 32% 32%;
  align-content: center;
  position: relative;
}
.LoginBModelItem2 {
  display: grid;
  gap: 0.8vh;
  grid-template-columns: 32% 64%;
  align-content: center;
  position: relative;
}
.WarningTxt {
  color: #ff5c75;
  font-size: 0.7vw;
  position: absolute;
}
.Warning .LoginModalTxt {
  border: 1px solid #ff5c75;
}
.LoginBodyModalLeft {
  display: grid;
}
.Relativo {
  position: relative;
  padding: 0.7vh 0;
}
.ModalWarningContainer {
  display: grid;
  grid-template-columns: 20% 80%;
  background: yelo;
  background: #a57700;
  border-radius: 8px;
  align-items: center;
  text-align: center;
  font-size: 0.8vw;
}
.ModalWarIcon {
  font-size: 20pt;
}
.ModalWarTitle {
  text-align: left;
}
.LBMDItemTitle {
  font-family: Helvetica;
  font-style: normal;
  font-weight: 400;
  font-size: 1vw;
  padding: 2pt 3pt;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.LBMDItemTitle.small {
  font-size: 0.9vw;
}
.GridAutoColum {
  display: grid;
  grid-auto-flow: column;
}
.CHK {
  display: grid;
  grid-template-columns: 10% 90%;
  cursor: pointer;
}
.CHKitemBtn {
  background: url(ChkUncheck.faf7d8915c13efee.png) no-repeat center center;
  height: -moz-fit-content;
  height: fit-content;
  width: -webkit-fill-available;
  height: -webkit-fill-available;
  min-width: min-content;
  max-width: -webkit-fill-available;
  min-height: min-content;
  max-height: max-content;
  display: grid;
}
.ChkChecked {
  background: url(chkChecked.a228f7a1fc5993a6.png) no-repeat center center;
  height: -moz-fit-content;
  height: fit-content;
  width: -webkit-fill-available;
  height: -webkit-fill-available;
  min-width: min-content;
  max-width: -webkit-fill-available;
  min-height: min-content;
  max-height: max-content;
  display: grid;
}
.Red {
  color: #ff5c75;
}
.EmailContainer {
  display: grid;
  grid-auto-flow: row;
}
.EmailContainer {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-auto-columns: 1fr;
}
.btn {
  background: #f0f0f0;
  color: #000;
  font-size: 0.8rem;
  border-radius: 2px;
  padding: 0 5px;
}
.btn i {
  margin-right:5px;
}
input.RegistrarModalTxt {
  font-size: 1vw;
  background: #1b1b1b;
  border: 1px solid black;
  padding: 0.7vh 1vw;
}
.btnGreen {
  background: rgb(1, 179, 90);
  color: #e4e4e4;
}
.AutoWidth {
  width: auto !important;
}
.GenerarCodigo {
  display: grid;
}
::-webkit-scrollbar {
  width: 0.5rem;
}
::-webkit-scrollbar-track {
  background-color: #dedede;
}
::-webkit-scrollbar-thumb {
  background-color: #a5a5a5;
  border-radius: 0.5rem;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}



@media only screen and (max-device-width: 600px) {

  .BaseModal{
    width:80vw;
  }
  .BaseModalTitle,
  .TalonTopB
  {
    font-size: 5vw;
  }
  input.Montotxt,
  input.LoginModalTxt,
  .LiveView input.FindText,
  .invoiceBTN,
  select,
  .LiveView .stats,
  .PreView .stats
  {
    font-size: 4vw;
  }
  .BaseModalBtn {
    padding: 1.5vh 0;
    font-size: 5vw;
  }
  .PrincipalContainer{
    overflow-x: scroll;
  }
  .MTItem1, 
  .MTItem,
  .LiveView .MBELLTitle, 
  .LiveView .MBELLCant,  
  .LiveView .LV2Tres,
  .LiveView .TeamName,
  .LiveView .OutCome,
  .LiveView .ScoreVal,
  .LiveView .specialValue,
  .PreView .MBELLTitle, 
  .PreView .MBELLCant,  
  .PreView .LV2Tres,
  .PreView .TeamName,
  .PreView .OutCome,
  .PreView .ScoreVal,
  .PreView .specialValue,
  .PreView .MBELRTitle,
  .TBDItem,
  .TBDValue,
  .TItitle,
  .TCtitle,
  .Af12,
  .MainBtn.InvoBtns,
  .BTNC
  {
    font-size: 3vw;
  }
  .PreView .Category,
  .LiveView .Category {
    font-size: 2vw;
  }
  .PreView .OutCome,
  .LiveView .OutCome {
    width: 10vw;
  }
  .PreView .TeamName,
  .LiveView .TeamName {
    line-height:1.5vh;    
  }
  img.TopLogo {
    width: 24vw;
    padding: 17px 0px;
  }
  .PreView .MBELLLSportImg,
  .LiveView .MBELLLSportImg {
    width: 5vw;
    height: 5vw;
  }
  .BaseBodyModal{
    padding: 2vw 2vw 0;
  }
}


.PreView .button,
.LiveView .button,
.HighlightView .button,
.PopularLeaguesView .button {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    height: 42.5px;
    width: 48px;
    min-width: 48px;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #fff;
    color: white;
    text-decoration: none;
    vertical-align: middle;
    background: unset;
    margin: 2px;
}
.PreView .LiveView .button:hover,
.LiveView .LiveView .button:hover,
.HighlightView .LiveView .button:hover,
.PopularLeaguesView .LiveView .button:hover {
    color: #ccc;
}
.PreView.button:active,
.LiveView.button:active,
.HighlightView.button:active,
.PopularLeaguesView.button:active {
    background: #1b435e;
}

.MoreBetsContainerSmall {
  width: 62.75vw;
}
.MoreBetsContainerLarge {
  width: 79vw;
}

.opacity50{
  opacity: 0.5;
}
.black{
    background: #02ae03;
}
.betBuilderContainer {
    position: relative;
    width: 10px;
    margin-right: 3px;
}
.betBuilderUpLine {
    width: 2px;
    height: 12px;
    margin-left: 3px;
}
.betBuilderDot {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #02ae03;
}
.betBuilderDownLine {
    width: 2px;
    height: 12px;
    margin-left: 3px;
}


.FavContainer{
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.FavBtn {
  display: flex;
  background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
  cursor: pointer;
  border-radius: 5px;
  box-shadow: 0 4px 4px #00000040;
  justify-content: start;
  align-items: center;
  margin: 7px 5px;
  padding: 7.5px 15px;
}
.FavBtn.disabled {
  opacity: 0.7;
}
.FavBtn.active {
  opacity: 1;
  background: linear-gradient(180deg, #4effbb 0%, #00a465 100%), linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
}
.FavBtn span {
  color: #fff;
  font-size: 1vw;
  padding-left: 10px;
  line-height: 2vh;
}
.FavBtn img{
  width: 18px;
}

/* ===== tinbet-v2 tasarim farklari ===== */
.flex-row {
  display: flex;
  flex-direction: row;
}
.rightMenuNew {
  display: flex;
  float: right;
  position: relative;
  align-items: center;
}
.rmenu.New {
  display: flex;
  color: #fff;
}
.rmenu.New li {
  height: 40px;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#404a45), to(#333835));
  color: #FFFFFF;
  text-decoration: none;
  font: 13px / 42px Arial;
  text-align: center;
  display: inline-block;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  border-left: 1px solid #000000;
  border-radius: 8px;
  overflow: hidden;
  padding: 0px 10px;
  margin: 0 2.5px;
  max-width: 6vw;
}
.rmenu.New li a {
  display: block;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.rmenu.New li:last-child {
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#00bc17), to(#005300)) !important;
    margin-right: 0;
}
.subMenu {
  position: absolute;
  top: 6.75vh;
  left: 1.5vw;
  background: #494949;
  border-radius: 8px;
  padding: 0.25rem;
  z-index: 1000;
}
.subMenu .MTItem {
  display: grid;
  cursor: pointer;
  align-items: center;
  border-left: 1px solid #4d4d4d;
  border-right: 1px solid transparent;
  text-transform: capitalize;
  border-radius: 8px;
  font-size: 0.9rem;
  width: 100%;
  padding: 0;
  background: transparent;
}
.subMenu .MTItem .submenuItem {
  margin: 0.075rem 0;
}
.subMenu .MTItem .submenuItem .MTTitle {
  font-size: 0.9rem;
  font-weight: bold;
  color: #fff;
  white-space: nowrap;
  padding: 0.5rem 1rem;
  background: linear-gradient(180deg, #3d3d3d 0%, #313131 100%);
  border-radius: 8px;
}
.LiveView .MBELBUp,
.LiveView .MBELList,
.LiveView .MenuBarEvent,
.LiveView .PCLeft {
  height: 9.75vh !important;
}
.TalonTop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #0e0e0e;
  height: stretch;
}
.TalonTop .Account {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 0.75rem;
  width: 15%;
}
.TalonTop .Account img {
  width: 34px;
}
.TalonTop .Reload img {
  width: 18px;
}
.TalonTop .Settings img {
  width: 20px;
}
.TalonTop .Reload {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 0.75rem;
  width: 15%;
}
.TalonTop .Settings {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 0.75rem;
  width: 15%;
}
.TalonTop .UserInfo {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  color: #fff;
  width: 55%;
}
.TalonTop .UserInfo .userId {
  font-size: 0.6rem;
  line-height: 0.25rem;
}
.TalonTop .UserInfo .terminalName {
  font-size: 1rem;
  font-weight: bold;
  margin-top: 0.25rem;
  text-align: start;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.TalonTop .UserInfo .userBalance {
  color: #ffe506;
  font-size: 0.85rem;
}
.TalonTopB2 {
  height: 2.5vh;
}
.TalonTopB .TItitle {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 0.75rem;
  padding-top: 0.75rem;
}
.TalonModeTabs {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: stretch;
  padding: 0.5rem 0.75rem;
  font-size: 0.8rem;
  text-decoration: capitalize;
}
.TalonModeTab.active {
  color: #68d37c;
}

#langOpen {
  width: 40px !important;
  margin-left: 1rem !important;
}
.languageNavbar {
    position: absolute;
    width: 60px;
    left: -0px;
    top: 55px;
    display: none;
    z-index: 999999;
}

.dateFilterText{
  line-height: 12px;
}


.loadMoreSpinner {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999999;
    background: rgba(0, 0, 0, 0.08);
    pointer-events: all;
}

.loadMoreSpinner.ng-hide {
    display: none !important;
}

.loadMoreSpinner .spinner {
    width: 36px;
    height: 36px;
    border: 4px solid rgba(255, 255, 255, 0.25);
    border-top-color: #fff;
    border-radius: 50%;
    animation: loadMoreSpin 0.65s linear infinite;
}

@keyframes loadMoreSpin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

#gamesContainer .gTime {
  height: auto;
  align-content: center;
}
.gameBlueBg-Res {
  background-size: contain;
}
.termBigBg .itemContainer{
  height: unset;
}
.betradar-tracker{
  min-height: 185px;
}


@media screen and (min-width: 1281px) {
    .selectCatContainer {
        width: fit-content;
    }
    .selectDateContainer select,
    .selectCatContainer select {
      background: #121212;
      border: 1px solid transparent;
      color: #d5d5d5;
    }
    .selectDateContainer .bgbordered,
    .selectCatContainer.bgbordered {
      background: #121212;
      border: 1px solid #d5d5d5;
    }
}

.selectDateContainer {
    margin-left: 0px;
    margin-right: 6px;
}

.BaseModal.Login {
  top: 140px;
}
.BaseModal.Login .BaseModalTitle {
  padding: 12px 0;
}
.BaseModal.Login input.LoginModalTxt {
  height: 42px !important;
}
.BaseModal.Login .FormItem {
  margin-bottom: 10px;
}


/* ---- css/tracker.css ---- */
/*
Using formula solid
$primary: #FB0B0A;
$home: #FFFFFF;
$away: #B91C1B;
$cl: #FFFFFF;
$base: #212121;
*/

.sr-wwrap .sr-bb {
  font-family: Roboto, Noto, Helvetica Neue, Helvetica, Arial, sans-serif;
  text-align: left;
  background: rgba(8, 8, 8, 0.77);
  padding-top: 10px;
}
.sr-wwrap .sr-bb.sr-rtl {
  text-align: right;
}
.sr-wwrap .sr-bb .sr-wwrap .sr-bb {
  background: none;
}
.sr-wwrap .sr-bb .srt-base-1 {
  background-color: transparent;
  color: #fff;
  border-color: #ffffff1f;
}
.sr-wwrap .sr-bb .srt-base-1-win {
  background-color: transparent;
  color: #0495e3;
  border-color: #0495e3;
}
.sr-wwrap .sr-bb .srt-base-1-draw {
  background-color: transparent;
  color: #fff6;
  border-color: #fff6;
}
.sr-wwrap .sr-bb .srt-base-1-lose {
  background-color: transparent;
  color: #fd2954;
  border-color: #fd2954;
}
.sr-wwrap .sr-bb .srt-base-1-is-active {
  background-color: #ff01011f;
  color: #fff;
  border-color: #ffffff1f;
}
.sr-wwrap .sr-bb .srt-base-1-is-active-2 {
  background-color: #2d2d2dca;
  color: #fff;
  border-color: #ffffff1f;
}
.sr-wwrap .sr-bb .srt-base-1-is-hoverable:hover {
  background-color: #ff01011f;
  color: #fff;
  border-color: #ffffff1f;
}
.sr-wwrap .sr-bb .srt-base-1-primary {
  background-color: transparent;
  color: #ff0101;
  border-color: #ff0101;
}
.sr-wwrap .sr-bb .srt-base-1-home-1 {
  background-color: transparent;
  color: #0495e3;
  border-color: #0495e3;
}
.sr-wwrap .sr-bb .srt-base-1-away-1 {
  background-color: transparent;
  color: #fd2954;
  border-color: #fd2954;
}
.sr-wwrap .sr-bb .srt-base-1-home-2 {
  background-color: transparent;
  color: #0495e3;
  border-color: #ff6c6c;
}
.sr-wwrap .sr-bb .srt-base-1-away-2 {
  background-color: transparent;
  color: #fd2954;
  border-color: #ff6c6c;
}
.sr-wwrap .sr-bb .srt-base-1-home-3 {
  background-color: transparent;
  color: #0495e3;
  border-color: #ffffff1f;
}
.sr-wwrap .sr-bb .srt-base-1-away-3 {
  background-color: transparent;
  color: #fd2954;
  border-color: #ffffff1f;
}
.sr-wwrap .sr-bb .srt-base-1-home-4 {
  background-color: transparent;
  color: #0577b5ed;
  border-color: #0577b5ed;
}
.sr-wwrap .sr-bb .srt-base-1-away-4 {
  background-color: transparent;
  color: #c92244ed;
  border-color: #c92244ed;
}
.sr-wwrap .sr-bb .srt-base-1-home-5 {
  background-color: transparent;
  color: #5cbaed;
  border-color: #5cbaed;
}
.sr-wwrap .sr-bb .srt-base-1-away-5 {
  background-color: transparent;
  color: #fe7490;
  border-color: #fe7490;
}
.sr-wwrap .sr-bb .srt-base-1-background {
  background-color: #080808c4;
  color: #fff;
  border-color: #ffffff1f;
}
.sr-wwrap .sr-bb .srt-base-2 {
  background-color: #080808;
  color: #fff;
  border-color: #ffffff1f;
}
.sr-wwrap .sr-bb .srt-base-2-is-active,
.sr-wwrap .sr-bb .srt-base-2-is-hoverable:hover,
.sr-wwrap .sr-bb .srt-base-3 {
  background-color: #340707;
  color: #fff;
  border-color: #ffffff1f;
}
.sr-wwrap .sr-bb .srt-base-3-is-active,
.sr-wwrap .sr-bb .srt-base-3-is-hoverable:hover {
  background-color: #450606;
  color: #fff;
  border-color: #ffffff1f;
}
.sr-wwrap .sr-bb .srt-base-3-background {
  background-color: #080808c4;
  color: #fff;
  border-color: #ffffff1f;
}
.sr-wwrap .sr-bb .srt-base-4 {
  background-color: #1b0707c7;
  color: #fff;
  border-color: #ffffff1f;
}
.sr-wwrap .sr-bb .srt-base-5-is-active,
.sr-wwrap .sr-bb .srt-base-5-is-hoverable:hover {
  background-color: #610505d4;
  color: #fff;
  border-color: #ffffff1f;
}
.sr-wwrap .sr-bb .srt-base-6 {
  background-color: transparent;
  color: #fff;
  border-color: #ffffff4d;
}
.sr-wwrap .sr-bb .srt-primary-1 {
  background-color: #ff0101;
  color: #fff;
  border-color: #ffffff29;
}
.sr-wwrap .sr-bb .srt-primary-1-is-active,
.sr-wwrap .sr-bb .srt-primary-1-is-hoverable:hover {
  background-color: #ff1a1a;
  color: #fff;
  border-color: #ffffff29;
}
.sr-wwrap .sr-bb .srt-primary-1-is-disabled {
  background-color: #ff3434;
  color: #fff;
  border-color: #ffffff29;
}
.sr-wwrap .sr-bb .srt-primary-2 {
  background-color: #ff4d4d;
  color: #fff;
  border-color: #ffffff29;
}
.sr-wwrap .sr-bb .srt-primary-3 {
  background-color: #ff1a1a;
  color: #fff;
  border-color: #ffffff29;
}
.sr-wwrap .sr-bb .srt-primary-4,
.sr-wwrap .sr-bb .srt-primary-5 {
  background-color: #b60303e8;
  color: #fff;
  border-color: #ffffff29;
}
.sr-wwrap .sr-bb .srt-primary-5-is-hoverable:hover {
  background-color: #ff0101;
  color: #fff;
  border-color: #ffffff29;
}
.sr-wwrap .sr-bb .srt-primary-6 {
  background-color: #ff6c6c;
  color: #fff;
  border-color: #ffffff29;
}
.sr-wwrap .sr-bb .srt-primary-7,
.sr-wwrap .sr-bb .srt-primary-8 {
  background-color: #ff0101;
  color: #fff;
  border-color: #ffffff29;
}
.sr-wwrap .sr-bb .srt-primary-8-is-active-1 {
  background-color: #ff1a1a;
  color: #fff;
  border-color: #ffffff29;
}
.sr-wwrap .sr-bb .srt-primary-8-is-active-2 {
  background-color: #ff1a1a;
  color: #fff;
  border-color: #080808c4;
}
.sr-wwrap .sr-bb .srt-primary-9 {
  background-color: #6c0505d6;
  color: #fff;
  border-color: #ffffff1f;
}
.sr-wwrap .sr-bb .srt-primary-10 {
  background-color: #de0202f3;
  color: #fff;
  border-color: #ffffff29;
}
.sr-wwrap .sr-bb .srt-primary-11 {
  background-color: #ff1a1a;
  color: #fff;
  border-color: #ffffff29;
}
.sr-wwrap .sr-bb .srt-primary-12 {
  background-color: #ff0101;
  color: #fff;
  border-color: #fff;
}
.sr-wwrap .sr-bb .srt-primary-13 {
  background-color: #1b0707c7;
  color: #fff;
  border-color: #ff01014d;
}
.sr-wwrap .sr-bb .srt-base-1-primary-1 {
  background-color: transparent;
  color: #ff0101;
  border-color: #ff0101;
}
.sr-wwrap .sr-bb .srt-base-1-primary-2 {
  background-color: transparent;
  color: #ff4d4d;
  border-color: #ff4d4d;
}
.sr-wwrap .sr-bb .srt-base-1-primary-3 {
  background-color: transparent;
  color: #ff1a1a;
  border-color: #ff1a1a;
}
.sr-wwrap .sr-bb .srt-base-1-primary-4,
.sr-wwrap .sr-bb .srt-base-1-primary-5 {
  background-color: transparent;
  color: #b60303e8;
  border-color: #b60303e8;
}
.sr-wwrap .sr-bb .srt-base-1-primary-6 {
  background-color: transparent;
  color: #ff6c6c;
  border-color: #ff6c6c;
}
.sr-wwrap .sr-bb .srt-base-1-primary-7,
.sr-wwrap .sr-bb .srt-base-1-primary-8 {
  background-color: transparent;
  color: #ff0101;
  border-color: #ff0101;
}
.sr-wwrap .sr-bb .srt-base-1-primary-9 {
  background-color: transparent;
  color: #6c0505d6;
  border-color: #6c0505d6;
}
.sr-wwrap .sr-bb .srt-base-1-primary-10 {
  background-color: transparent;
  color: #de0202f3;
  border-color: #de0202f3;
}
.sr-wwrap .sr-bb .srt-base-1-primary-11 {
  background-color: transparent;
  color: #ff1a1a;
  border-color: #ff1a1a;
}
.sr-wwrap .sr-bb .srt-base-1-primary-13 {
  background-color: #080808c4;
  color: #1b0707c7;
  border-color: #ff01014d;
}
.sr-wwrap .sr-bb .srt-base-1-neutral-1 {
  background-color: transparent;
  color: #383838;
  border-color: #383838;
}
.sr-wwrap .sr-bb .srt-base-1-neutral-2 {
  background-color: transparent;
  color: #efefef;
  border-color: #efefef;
}
.sr-wwrap .sr-bb .srt-base-1-neutral-3 {
  background-color: transparent;
  color: #ffffff1f;
  border-color: #ffffff1f;
}
.sr-wwrap .sr-bb .srt-base-1-neutral-4 {
  background-color: transparent;
  color: #c1c1c1;
  border-color: #c1c1c1;
}
.sr-wwrap .sr-bb .srt-base-1-neutral-5 {
  background-color: transparent;
  color: #d4d4d4;
  border-color: #d4d4d4;
}
.sr-wwrap .sr-bb .srt-base-1-neutral-6 {
  background-color: transparent;
  color: #5b5b5b;
  border-color: #5b5b5b;
}
.sr-wwrap .sr-bb .srt-base-1-neutral-7 {
  background-color: transparent;
  color: #c1c1c1;
  border-color: #c1c1c1;
}
.sr-wwrap .sr-bb .srt-base-1-neutral-8 {
  background-color: transparent;
  color: #383838;
  border-color: #383838;
}
.sr-wwrap .sr-bb .srt-base-1-neutral-9 {
  background-color: transparent;
  color: #1f1f1fc8;
  border-color: #1f1f1fc8;
}
.sr-wwrap .sr-bb .srt-base-1-neutral-10 {
  background-color: transparent;
  color: #343434;
  border-color: #343434;
}
.sr-wwrap .sr-bb .srt-base-1-neutral-11 {
  background-color: transparent;
  color: #878787dc;
  border-color: #878787dc;
}
.sr-wwrap .sr-bb .srt-base-1-neutral-12 {
  background-color: transparent;
  color: #cbcbcb;
  border-color: #cbcbcb;
}
.sr-wwrap .sr-bb .srt-base-1-neutral-13 {
  background-color: transparent;
  color: #2d2d2d;
  border-color: #2d2d2d;
}
.sr-wwrap .sr-bb .srt-base-1-is-active-primary {
  background-color: #ff01011f;
  color: #ff0101;
  border-color: #ff0101;
}
.sr-wwrap .sr-bb .srt-base-1-is-active-home-1 {
  background-color: #ff01011f;
  color: #0495e3;
  border-color: #0495e3;
}
.sr-wwrap .sr-bb .srt-base-1-is-active-away-1 {
  background-color: #ff01011f;
  color: #fd2954;
  border-color: #fd2954;
}
.sr-wwrap .sr-bb .srt-base-1-is-active-home-2 {
  background-color: #ff01011f;
  color: #0495e3;
  border-color: #ff6c6c;
}
.sr-wwrap .sr-bb .srt-base-1-is-active-away-2 {
  background-color: #ff01011f;
  color: #fd2954;
  border-color: #ff6c6c;
}
.sr-wwrap .sr-bb .srt-base-1-is-active-home-3 {
  background-color: #ff01011f;
  color: #0495e3;
  border-color: #ffffff1f;
}
.sr-wwrap .sr-bb .srt-base-1-is-active-away-3 {
  background-color: #ff01011f;
  color: #fd2954;
  border-color: #ffffff1f;
}
.sr-wwrap .sr-bb .srt-base-1-is-active-home-4 {
  background-color: #ff01011f;
  color: #0577b5ed;
  border-color: #0577b5ed;
}
.sr-wwrap .sr-bb .srt-base-1-is-active-away-4 {
  background-color: #ff01011f;
  color: #c92244ed;
  border-color: #c92244ed;
}
.sr-wwrap .sr-bb .srt-base-1-is-active-home-5 {
  background-color: #ff01011f;
  color: #5cbaed;
  border-color: #5cbaed;
}
.sr-wwrap .sr-bb .srt-base-1-is-active-away-5 {
  background-color: #ff01011f;
  color: #fe7490;
  border-color: #fe7490;
}
.sr-wwrap .sr-bb .srt-base-1-is-active-primary-1 {
  background-color: #ff01011f;
  color: #ff0101;
  border-color: #ff0101;
}
.sr-wwrap .sr-bb .srt-base-1-is-active-primary-2 {
  background-color: #ff01011f;
  color: #ff4d4d;
  border-color: #ff4d4d;
}
.sr-wwrap .sr-bb .srt-base-1-is-active-primary-3 {
  background-color: #ff01011f;
  color: #ff1a1a;
  border-color: #ff1a1a;
}
.sr-wwrap .sr-bb .srt-base-1-is-active-primary-4,
.sr-wwrap .sr-bb .srt-base-1-is-active-primary-5 {
  background-color: #ff01011f;
  color: #b60303e8;
  border-color: #b60303e8;
}
.sr-wwrap .sr-bb .srt-base-1-is-active-primary-6 {
  background-color: #ff01011f;
  color: #ff6c6c;
  border-color: #ff6c6c;
}
.sr-wwrap .sr-bb .srt-base-1-is-active-primary-7,
.sr-wwrap .sr-bb .srt-base-1-is-active-primary-8 {
  background-color: #ff01011f;
  color: #ff0101;
  border-color: #ff0101;
}
.sr-wwrap .sr-bb .srt-base-1-is-active-primary-9 {
  background-color: #ff01011f;
  color: #6c0505d6;
  border-color: #6c0505d6;
}
.sr-wwrap .sr-bb .srt-base-1-is-active-primary-10 {
  background-color: #ff01011f;
  color: #de0202f3;
  border-color: #de0202f3;
}
.sr-wwrap .sr-bb .srt-base-1-is-active-primary-11 {
  background-color: #ff01011f;
  color: #ff1a1a;
  border-color: #ff1a1a;
}
.sr-wwrap .sr-bb .srt-base-1-is-active-neutral-1 {
  background-color: #ff01011f;
  color: #383838;
  border-color: #383838;
}
.sr-wwrap .sr-bb .srt-base-1-is-active-neutral-2 {
  background-color: #ff01011f;
  color: #efefef;
  border-color: #efefef;
}
.sr-wwrap .sr-bb .srt-base-1-is-active-neutral-3 {
  background-color: #ff01011f;
  color: #ffffff1f;
  border-color: #ffffff1f;
}
.sr-wwrap .sr-bb .srt-base-1-is-active-neutral-4 {
  background-color: #ff01011f;
  color: #c1c1c1;
  border-color: #c1c1c1;
}
.sr-wwrap .sr-bb .srt-base-1-is-active-neutral-5 {
  background-color: #ff01011f;
  color: #d4d4d4;
  border-color: #d4d4d4;
}
.sr-wwrap .sr-bb .srt-base-1-is-active-neutral-6 {
  background-color: #ff01011f;
  color: #5b5b5b;
  border-color: #5b5b5b;
}
.sr-wwrap .sr-bb .srt-base-1-is-active-neutral-7 {
  background-color: #ff01011f;
  color: #c1c1c1;
  border-color: #c1c1c1;
}
.sr-wwrap .sr-bb .srt-base-1-is-active-neutral-8 {
  background-color: #ff01011f;
  color: #383838;
  border-color: #383838;
}
.sr-wwrap .sr-bb .srt-base-1-is-active-neutral-9 {
  background-color: #ff01011f;
  color: #1f1f1fc8;
  border-color: #1f1f1fc8;
}
.sr-wwrap .sr-bb .srt-base-1-is-active-neutral-10 {
  background-color: #ff01011f;
  color: #343434;
  border-color: #343434;
}
.sr-wwrap .sr-bb .srt-base-1-is-active-neutral-11 {
  background-color: #ff01011f;
  color: #878787dc;
  border-color: #878787dc;
}
.sr-wwrap .sr-bb .srt-base-1-is-active-neutral-12 {
  background-color: #ff01011f;
  color: #cbcbcb;
  border-color: #cbcbcb;
}
.sr-wwrap .sr-bb .srt-base-1-is-active-neutral-13 {
  background-color: #ff01011f;
  color: #2d2d2d;
  border-color: #2d2d2d;
}
.sr-wwrap .sr-bb .srt-home-1 {
  background-color: #0495e3;
  color: #fff;
  border-color: #0495e3;
}
.sr-wwrap .sr-bb .srt-away-1 {
  background-color: #fd2954;
  color: #fff;
  border-color: #fd2954;
}
.sr-wwrap .sr-bb .srt-home-2 {
  background-color: #0495e3;
  color: #fff;
  border-color: #ff6c6c;
}
.sr-wwrap .sr-bb .srt-away-2 {
  background-color: #fd2954;
  color: #fff;
  border-color: #ff6c6c;
}
.sr-wwrap .sr-bb .srt-home-3 {
  background-color: #0495e3;
  color: #fff;
  border-color: #080808c4;
}
.sr-wwrap .sr-bb .srt-away-3 {
  background-color: #fd2954;
  color: #fff;
  border-color: #080808c4;
}
.sr-wwrap .sr-bb .srt-home-4 {
  background-color: #0577b5ed;
  color: #fff;
  border-color: #0577b5ed;
}
.sr-wwrap .sr-bb .srt-away-4 {
  background-color: #c92244ed;
  color: #fff;
  border-color: #c92244ed;
}
.sr-wwrap .sr-bb .srt-home-5 {
  background-color: #5cbaed;
  color: #fff;
  border-color: #5cbaed;
}
.sr-wwrap .sr-bb .srt-away-5 {
  background-color: #fe7490;
  color: #fff;
  border-color: #fe7490;
}
.sr-wwrap .sr-bb .srt-neutral-1 {
  background-color: #383838;
  color: #fff;
  border-color: #ffffff1f;
}
.sr-wwrap .sr-bb .srt-neutral-2 {
  background-color: #efefef;
  color: #000;
  border-color: #ffffff29;
}
.sr-wwrap .sr-bb .srt-neutral-3 {
  background-color: #ffffff1f;
  color: #fff;
  border-color: #ffffff1f;
}
.sr-wwrap .sr-bb .srt-neutral-4 {
  background-color: #c1c1c1;
  color: #000;
  border-color: #00000029;
}
.sr-wwrap .sr-bb .srt-neutral-5 {
  background-color: #d4d4d4;
  color: #000;
  border-color: #00000029;
}
.sr-wwrap .sr-bb .srt-neutral-6 {
  background-color: #5b5b5b;
  color: #fff;
  border-color: #ffffff1f;
}
.sr-wwrap .sr-bb .srt-neutral-7 {
  background-color: #c1c1c1;
  color: #000;
  border-color: #00000029;
}
.sr-wwrap .sr-bb .srt-neutral-8 {
  background-color: #383838;
  color: #fff;
  border-color: #ffffff1f;
}
.sr-wwrap .sr-bb .srt-neutral-9 {
  background-color: #1f1f1fc8;
  color: #fff;
  border-color: #ffffff1f;
}
.sr-wwrap .sr-bb .srt-neutral-10 {
  background-color: #343434;
  color: #ffffffd1;
  border-color: #ffffff1f;
}
.sr-wwrap .sr-bb .srt-neutral-11 {
  background-color: #878787dc;
  color: #fff;
  border-color: #ffffff1f;
}
.sr-wwrap .sr-bb .srt-neutral-12 {
  background-color: #cbcbcb;
  color: #000;
  border-color: #00000029;
}
.sr-wwrap .sr-bb .srt-neutral-13 {
  background-color: #2d2d2d;
  color: #fff;
  border-color: #ffffff1f;
}
.sr-wwrap .sr-bb .srt-win {
  background-color: #0495e3;
  color: #fff;
  border-color: #ffffff29;
}
.sr-wwrap .sr-bb .srt-draw {
  background-color: #fff6;
  color: #fff;
  border-color: #ffffff29;
}
.sr-wwrap .sr-bb .srt-lose {
  background-color: #fd2954;
  color: #fff;
  border-color: #ffffff29;
}
.sr-wwrap .sr-bb .srt-text-secondary {
  opacity: 0.8;
  -webkit-font-smoothing: antialiased;
}
.sr-wwrap .sr-bb .srt-text-disabled {
  opacity: 0.6;
}
.sr-wwrap .sr-bb .srt-text-tertiary {
  opacity: 0.7;
}
.sr-wwrap .sr-bb .srt-primary-1 .srt-text-secondary,
.sr-wwrap .sr-bb .srt-primary-1.srt-text-secondary,
.sr-wwrap .sr-bb .srt-primary-1-is-active .srt-text-secondary,
.sr-wwrap .sr-bb .srt-primary-1-is-active.srt-text-secondary,
.sr-wwrap .sr-bb .srt-primary-1-is-hoverable:hover .srt-text-secondary,
.sr-wwrap .sr-bb .srt-primary-1-is-hoverable:hover.srt-text-secondary,
.sr-wwrap .sr-bb .srt-primary-1-is-disabled .srt-text-secondary,
.sr-wwrap .sr-bb .srt-primary-1-is-disabled.srt-text-secondary,
.sr-wwrap .sr-bb .srt-primary-2 .srt-text-secondary,
.sr-wwrap .sr-bb .srt-primary-2.srt-text-secondary,
.sr-wwrap .sr-bb .srt-primary-3 .srt-text-secondary,
.sr-wwrap .sr-bb .srt-primary-3.srt-text-secondary,
.sr-wwrap .sr-bb .srt-primary-4 .srt-text-secondary,
.sr-wwrap .sr-bb .srt-primary-4.srt-text-secondary,
.sr-wwrap .sr-bb .srt-primary-5 .srt-text-secondary,
.sr-wwrap .sr-bb .srt-primary-5.srt-text-secondary,
.sr-wwrap .sr-bb .srt-primary-5-is-hoverable:hover .srt-text-secondary,
.sr-wwrap .sr-bb .srt-primary-5-is-hoverable:hover.srt-text-secondary,
.sr-wwrap .sr-bb .srt-primary-6 .srt-text-secondary,
.sr-wwrap .sr-bb .srt-primary-6.srt-text-secondary,
.sr-wwrap .sr-bb .srt-primary-7 .srt-text-secondary,
.sr-wwrap .sr-bb .srt-primary-7.srt-text-secondary,
.sr-wwrap .sr-bb .srt-primary-8 .srt-text-secondary,
.sr-wwrap .sr-bb .srt-primary-8.srt-text-secondary,
.sr-wwrap .sr-bb .srt-primary-8-is-active-1 .srt-text-secondary,
.sr-wwrap .sr-bb .srt-primary-8-is-active-1.srt-text-secondary,
.sr-wwrap .sr-bb .srt-primary-8-is-active-2 .srt-text-secondary,
.sr-wwrap .sr-bb .srt-primary-8-is-active-2.srt-text-secondary,
.sr-wwrap .sr-bb .srt-primary-9 .srt-text-secondary,
.sr-wwrap .sr-bb .srt-primary-9.srt-text-secondary,
.sr-wwrap .sr-bb .srt-primary-10 .srt-text-secondary,
.sr-wwrap .sr-bb .srt-primary-10.srt-text-secondary,
.sr-wwrap .sr-bb .srt-primary-11 .srt-text-secondary,
.sr-wwrap .sr-bb .srt-primary-11.srt-text-secondary,
.sr-wwrap .sr-bb .srt-primary-12 .srt-text-secondary,
.sr-wwrap .sr-bb .srt-primary-12.srt-text-secondary,
.sr-wwrap .sr-bb .srt-primary-13 .srt-text-secondary,
.sr-wwrap .sr-bb .srt-primary-13.srt-text-secondary {
  opacity: 0.8;
  -webkit-font-smoothing: antialiased;
}
.sr-wwrap .sr-bb .srt-primary-1 .srt-text-disabled,
.sr-wwrap .sr-bb .srt-primary-1.srt-text-disabled,
.sr-wwrap .sr-bb .srt-primary-1-is-active .srt-text-disabled,
.sr-wwrap .sr-bb .srt-primary-1-is-active.srt-text-disabled,
.sr-wwrap .sr-bb .srt-primary-1-is-hoverable:hover .srt-text-disabled,
.sr-wwrap .sr-bb .srt-primary-1-is-hoverable:hover.srt-text-disabled,
.sr-wwrap .sr-bb .srt-primary-1-is-disabled .srt-text-disabled,
.sr-wwrap .sr-bb .srt-primary-1-is-disabled.srt-text-disabled,
.sr-wwrap .sr-bb .srt-primary-2 .srt-text-disabled,
.sr-wwrap .sr-bb .srt-primary-2.srt-text-disabled,
.sr-wwrap .sr-bb .srt-primary-3 .srt-text-disabled,
.sr-wwrap .sr-bb .srt-primary-3.srt-text-disabled,
.sr-wwrap .sr-bb .srt-primary-4 .srt-text-disabled,
.sr-wwrap .sr-bb .srt-primary-4.srt-text-disabled,
.sr-wwrap .sr-bb .srt-primary-5 .srt-text-disabled,
.sr-wwrap .sr-bb .srt-primary-5.srt-text-disabled,
.sr-wwrap .sr-bb .srt-primary-5-is-hoverable:hover .srt-text-disabled,
.sr-wwrap .sr-bb .srt-primary-5-is-hoverable:hover.srt-text-disabled,
.sr-wwrap .sr-bb .srt-primary-6 .srt-text-disabled,
.sr-wwrap .sr-bb .srt-primary-6.srt-text-disabled,
.sr-wwrap .sr-bb .srt-primary-7 .srt-text-disabled,
.sr-wwrap .sr-bb .srt-primary-7.srt-text-disabled,
.sr-wwrap .sr-bb .srt-primary-8 .srt-text-disabled,
.sr-wwrap .sr-bb .srt-primary-8.srt-text-disabled,
.sr-wwrap .sr-bb .srt-primary-8-is-active-1 .srt-text-disabled,
.sr-wwrap .sr-bb .srt-primary-8-is-active-1.srt-text-disabled,
.sr-wwrap .sr-bb .srt-primary-8-is-active-2 .srt-text-disabled,
.sr-wwrap .sr-bb .srt-primary-8-is-active-2.srt-text-disabled,
.sr-wwrap .sr-bb .srt-primary-9 .srt-text-disabled,
.sr-wwrap .sr-bb .srt-primary-9.srt-text-disabled,
.sr-wwrap .sr-bb .srt-primary-10 .srt-text-disabled,
.sr-wwrap .sr-bb .srt-primary-10.srt-text-disabled,
.sr-wwrap .sr-bb .srt-primary-11 .srt-text-disabled,
.sr-wwrap .sr-bb .srt-primary-11.srt-text-disabled,
.sr-wwrap .sr-bb .srt-primary-12 .srt-text-disabled,
.sr-wwrap .sr-bb .srt-primary-12.srt-text-disabled,
.sr-wwrap .sr-bb .srt-primary-13 .srt-text-disabled,
.sr-wwrap .sr-bb .srt-primary-13.srt-text-disabled {
  opacity: 0.6;
}
.sr-wwrap .sr-bb .srt-primary-1 .srt-text-tertiary,
.sr-wwrap .sr-bb .srt-primary-1.srt-text-tertiary,
.sr-wwrap .sr-bb .srt-primary-1-is-active .srt-text-tertiary,
.sr-wwrap .sr-bb .srt-primary-1-is-active.srt-text-tertiary,
.sr-wwrap .sr-bb .srt-primary-1-is-hoverable:hover .srt-text-tertiary,
.sr-wwrap .sr-bb .srt-primary-1-is-hoverable:hover.srt-text-tertiary,
.sr-wwrap .sr-bb .srt-primary-1-is-disabled .srt-text-tertiary,
.sr-wwrap .sr-bb .srt-primary-1-is-disabled.srt-text-tertiary,
.sr-wwrap .sr-bb .srt-primary-2 .srt-text-tertiary,
.sr-wwrap .sr-bb .srt-primary-2.srt-text-tertiary,
.sr-wwrap .sr-bb .srt-primary-3 .srt-text-tertiary,
.sr-wwrap .sr-bb .srt-primary-3.srt-text-tertiary,
.sr-wwrap .sr-bb .srt-primary-4 .srt-text-tertiary,
.sr-wwrap .sr-bb .srt-primary-4.srt-text-tertiary,
.sr-wwrap .sr-bb .srt-primary-5 .srt-text-tertiary,
.sr-wwrap .sr-bb .srt-primary-5.srt-text-tertiary,
.sr-wwrap .sr-bb .srt-primary-5-is-hoverable:hover .srt-text-tertiary,
.sr-wwrap .sr-bb .srt-primary-5-is-hoverable:hover.srt-text-tertiary,
.sr-wwrap .sr-bb .srt-primary-6 .srt-text-tertiary,
.sr-wwrap .sr-bb .srt-primary-6.srt-text-tertiary,
.sr-wwrap .sr-bb .srt-primary-7 .srt-text-tertiary,
.sr-wwrap .sr-bb .srt-primary-7.srt-text-tertiary,
.sr-wwrap .sr-bb .srt-primary-8 .srt-text-tertiary,
.sr-wwrap .sr-bb .srt-primary-8.srt-text-tertiary,
.sr-wwrap .sr-bb .srt-primary-8-is-active-1 .srt-text-tertiary,
.sr-wwrap .sr-bb .srt-primary-8-is-active-1.srt-text-tertiary,
.sr-wwrap .sr-bb .srt-primary-8-is-active-2 .srt-text-tertiary,
.sr-wwrap .sr-bb .srt-primary-8-is-active-2.srt-text-tertiary,
.sr-wwrap .sr-bb .srt-primary-9 .srt-text-tertiary,
.sr-wwrap .sr-bb .srt-primary-9.srt-text-tertiary,
.sr-wwrap .sr-bb .srt-primary-10 .srt-text-tertiary,
.sr-wwrap .sr-bb .srt-primary-10.srt-text-tertiary,
.sr-wwrap .sr-bb .srt-primary-11 .srt-text-tertiary,
.sr-wwrap .sr-bb .srt-primary-11.srt-text-tertiary,
.sr-wwrap .sr-bb .srt-primary-12 .srt-text-tertiary,
.sr-wwrap .sr-bb .srt-primary-12.srt-text-tertiary,
.sr-wwrap .sr-bb .srt-primary-13 .srt-text-tertiary,
.sr-wwrap .sr-bb .srt-primary-13.srt-text-tertiary {
  opacity: 0.7;
}
.sr-wwrap .sr-bb .srt-icon {
  opacity: 0.33;
}
.sr-wwrap .sr-bb .srt-icon-secondary {
  opacity: 0.7;
}
.sr-wwrap .sr-bb .srt-elevation-1 {
  box-shadow: 0 1px 2px #0003, 0 1px 3px #0000001a;
}
.sr-wwrap .sr-bb .srt-elevation-2 {
  box-shadow: 0 3px 6px #0000003b, 0 3px 6px #00000029;
}
.sr-wwrap .sr-bb .srt-elevation-3 {
  box-shadow: 0 6px 6px #00000042, 0 10px 20px #00000030;
}
.sr-wwrap .sr-bb .srt-elevation-center-2 {
  box-shadow: 0 1px 5px #0000003b, 0 1px 5px #00000029;
}
.sr-wwrap .sr-bb .srt-inset-top-1 {
  box-shadow: inset 0 1px 2px #0000003b;
}
.sr-wwrap .sr-bb .srt-inset-bottom-1 {
  box-shadow: inset 0 -1px 2px #0000003b;
}
.sr-wwrap .sr-bb .srt-inset-top-2 {
  box-shadow: inset 0 3px 6px #0000003b;
}
.sr-wwrap .sr-bb .srt-inset-bottom-2 {
  box-shadow: inset 0 -3px 6px #0000003b;
}
.sr-wwrap .sr-bb .srt-inset-top-3 {
  box-shadow: inset 0 6px 6px #0000003b;
}
.sr-wwrap .sr-bb .srt-inset-bottom-3 {
  box-shadow: inset 0 -6px 6px #0000003b;
}
.sr-wwrap .sr-bb .srt-fill-blue-card {
  fill: #2579ad;
}
.sr-wwrap .sr-bb .srt-stroke-blue-card {
  stroke: #2579ad;
}
.sr-wwrap .sr-bb .srt-fill-soccer-yellow-card {
  fill: #ffbf00;
}
.sr-wwrap .sr-bb .srt-stroke-soccer-yellow-card {
  stroke: #ffbf00;
}
.sr-wwrap .sr-bb .srt-fill-soccer-red-card {
  fill: #e43b3b;
}
.sr-wwrap .sr-bb .srt-stroke-soccer-red-card {
  stroke: #e43b3b;
}
.sr-wwrap .sr-bb .srt-stroke-soccer-substitution-in {
  stroke: #4fbe30;
  fill: transparent;
}
.sr-wwrap .sr-bb .srt-fill-soccer-substitution-in {
  fill: #4fbe30;
}
.sr-wwrap .sr-bb .srt-stroke-soccer-substitution-out {
  stroke: #e43b3b;
  fill: transparent;
}
.sr-wwrap .sr-bb .srt-fill-soccer-substitution-out {
  fill: #e43b3b;
}
.sr-wwrap .sr-bb .srt-stroke-soccer-own-goal {
  stroke: #e43b3b;
  fill: transparent;
}
.sr-wwrap .sr-bb .srt-fill-soccer-own-goal {
  fill: #e43b3b;
}
.sr-wwrap .sr-bb .srt-fill-soccer-relegation-1 {
  fill: #fdd835;
}
.sr-wwrap .sr-bb .srt-stroke-soccer-relegation-1 {
  stroke: #fdd835;
}
.sr-wwrap .sr-bb .srt-fill-soccer-relegation-2 {
  fill: #ffb848;
}
.sr-wwrap .sr-bb .srt-stroke-soccer-relegation-2 {
  stroke: #ffb848;
}
.sr-wwrap .sr-bb .srt-fill-soccer-relegation-3 {
  fill: #ef6c00;
}
.sr-wwrap .sr-bb .srt-stroke-soccer-relegation-3 {
  stroke: #ef6c00;
}
.sr-wwrap .sr-bb .srt-fill-soccer-relegation-4 {
  fill: #e93a34;
}
.sr-wwrap .sr-bb .srt-stroke-soccer-relegation-4 {
  stroke: #e93a34;
}
.sr-wwrap .sr-bb .srt-fill-soccer-relegation-5 {
  fill: #941d1d;
}
.sr-wwrap .sr-bb .srt-stroke-soccer-relegation-5 {
  stroke: #941d1d;
}
.sr-wwrap .sr-bb .srt-fill-soccer-promotion-1 {
  fill: #51d151;
}
.sr-wwrap .sr-bb .srt-stroke-soccer-promotion-1 {
  stroke: #51d151;
}
.sr-wwrap .sr-bb .srt-fill-soccer-promotion-2 {
  fill: #1b911b;
}
.sr-wwrap .sr-bb .srt-stroke-soccer-promotion-2 {
  stroke: #1b911b;
}
.sr-wwrap .sr-bb .srt-fill-soccer-promotion-3 {
  fill: #0e8094;
}
.sr-wwrap .sr-bb .srt-stroke-soccer-promotion-3 {
  stroke: #0e8094;
}
.sr-wwrap .sr-bb .srt-fill-soccer-promotion-4 {
  fill: #0a6cce;
}
.sr-wwrap .sr-bb .srt-stroke-soccer-promotion-4 {
  stroke: #0a6cce;
}
.sr-wwrap .sr-bb .srt-fill-soccer-promotion-5 {
  fill: #4a9fe4;
}
.sr-wwrap .sr-bb .srt-stroke-soccer-promotion-5 {
  stroke: #4a9fe4;
}
.sr-wwrap .sr-bb .srt-nfl-timeout-1 {
  background-color: #f5a623;
  color: #fff;
  border-color: #ffffff29;
}
.sr-wwrap .sr-bb .srt-nfl-timeout-2 {
  background-color: #f5a6234d;
  color: #fff;
  border-color: #ffffff29;
}
.sr-wwrap .sr-bb .srt-nfl-penalty {
  background-color: #f4a621;
  color: #fff;
  border-color: #f4a621;
}
.sr-wwrap .sr-bb .srt-nfl-negative-yards-1,
.sr-wwrap .sr-bb .srt-nfl-negative-yards-2 {
  background-color: #ac182e;
  color: #fff;
  border-color: #ac182e;
}
.sr-wwrap .sr-bb .srt-nfl-first-line {
  background-color: #4b90de;
  color: #fff;
  border-color: #4b90de;
}
.sr-wwrap .sr-bb .srt-nfl-ten-line {
  background-color: #f5a623;
  color: #fff;
  border-color: #f5a623;
}
.sr-wwrap .sr-bb .srt-fill-nfl-penalty {
  fill: #f4a621;
}
.sr-wwrap .sr-bb .srt-stroke-nfl-penalty {
  stroke: #f4a621;
}
.sr-wwrap .sr-bb .srt-fill-nfl-negative-yards-1 {
  fill: #ac182e;
}
.sr-wwrap .sr-bb .srt-stroke-nfl-negative-yards-1 {
  stroke: #ac182e;
}
.sr-wwrap .sr-bb .srt-fill-nfl-negative-yards-2 {
  fill: #ac182e;
}
.sr-wwrap .sr-bb .srt-stroke-nfl-negative-yards-2 {
  stroke: #ac182e;
}
.sr-wwrap .sr-bb .srt-fill-nfl-first-line {
  fill: #4b90de;
}
.sr-wwrap .sr-bb .srt-stroke-nfl-first-line {
  stroke: #4b90de;
}
.sr-wwrap .sr-bb .srt-fill-nfl-ten-line {
  fill: #f5a623;
}
.sr-wwrap .sr-bb .srt-stroke-nfl-ten-line {
  stroke: #f5a623;
}
.sr-wwrap .sr-bb .srt-mlb-run-1 {
  background-color: #090;
  color: #fff;
  border-color: #090;
}
.sr-wwrap .sr-bb .srt-mlb-run-2 {
  background-color: #fff;
  color: #090;
  border-color: #090;
}
.sr-wwrap .sr-bb .srt-mlb-hit-1 {
  background-color: #f7ab11;
  color: #fff;
  border-color: #f7ab11;
}
.sr-wwrap .sr-bb .srt-mlb-hit-2 {
  background-color: #fff;
  color: #f7ab11;
  border-color: #f7ab11;
}
.sr-wwrap .sr-bb .srt-mlb-hit-3 {
  background-color: #00a4ff;
  color: #fff;
  border-color: #00a4ff;
}
.sr-wwrap .sr-bb .srt-mlb-error-1 {
  background-color: #d0021b;
  color: #fff;
  border-color: #d0021b;
}
.sr-wwrap .sr-bb .srt-mlb-error-2 {
  background-color: #fff;
  color: #d0021b;
  border-color: #d0021b;
}
.sr-wwrap .sr-bb .srt-mlb-neutral-1 {
  background-color: #212121;
  color: #fff;
  border-color: #fff;
}
.sr-wwrap .sr-bb .srt-fill-mlb-base,
.sr-wwrap .sr-bb .srt-strole-mlb-base {
  fill: #00a4ff;
}
.sr-wwrap .sr-bb .srt-fill-change-increase {
  fill: #0495e3;
}
.sr-wwrap .sr-bb .srt-stroke-change-increase {
  stroke: #0495e3;
}
.sr-wwrap .sr-bb .srt-fill-change-decrease {
  fill: #fd2954;
}
.sr-wwrap .sr-bb .srt-stroke-change-decrease {
  stroke: #fd2954;
}
.sr-wwrap .sr-bb .srt-fill-text,
.sr-wwrap .sr-bb .srt-fill-text-invert {
  fill: #fff;
}
.sr-wwrap .sr-bb .srt-fill-text-secondary {
  fill-opacity: 0.8;
}
.sr-wwrap .sr-bb .srt-fill-text-disabled {
  fill-opacity: 0.6;
}
.sr-wwrap .sr-bb .srt-fill-base-1 {
  fill: transparent;
}
.sr-wwrap .sr-bb .srt-stroke-base-1 {
  stroke: transparent;
}
.sr-wwrap .sr-bb .srt-fill-base-1-active {
  fill: #ff01011f;
}
.sr-wwrap .sr-bb .srt-stroke-base-1-active {
  stroke: #ff01011f;
}
.sr-wwrap .sr-bb .srt-fill-base-1-active-2 {
  fill: #2d2d2dca;
}
.sr-wwrap .sr-bb .srt-stroke-base-1-active-2 {
  stroke: #2d2d2dca;
}
.sr-wwrap .sr-bb .srt-fill-base-1-primary {
  fill: transparent;
}
.sr-wwrap .sr-bb .srt-stroke-base-1-primary {
  stroke: transparent;
}
.sr-wwrap .sr-bb .srt-fill-base-1-home {
  fill: transparent;
}
.sr-wwrap .sr-bb .srt-stroke-base-1-home {
  stroke: transparent;
}
.sr-wwrap .sr-bb .srt-fill-base-1-away {
  fill: transparent;
}
.sr-wwrap .sr-bb .srt-stroke-base-1-away {
  stroke: transparent;
}
.sr-wwrap .sr-bb .srt-fill-base-2 {
  fill: currentColor;
}
.sr-wwrap .sr-bb .srt-stroke-base-2 {
  stroke: currentColor;
}
.sr-wwrap .sr-bb .srt-fill-base-2-active {
  fill: #340707;
}
.sr-wwrap .sr-bb .srt-stroke-base-2-active {
  stroke: #340707;
}
.sr-wwrap .sr-bb .srt-fill-base-2-hover {
  fill: #340707;
}
.sr-wwrap .sr-bb .srt-stroke-base-2-hover {
  stroke: #340707;
}
.sr-wwrap .sr-bb .srt-fill-base-3 {
  fill: #340707;
}
.sr-wwrap .sr-bb .srt-stroke-base-3 {
  stroke: #340707;
}
.sr-wwrap .sr-bb .srt-fill-base-3-active {
  fill: #450606;
}
.sr-wwrap .sr-bb .srt-stroke-base-3-active {
  stroke: #450606;
}
.sr-wwrap .sr-bb .srt-fill-base-3-hover {
  fill: #450606;
}
.sr-wwrap .sr-bb .srt-stroke-base-3-hover {
  stroke: #450606;
}
.sr-wwrap .sr-bb .srt-fill-primary-1 {
  fill: #ff0101;
}
.sr-wwrap .sr-bb .srt-stroke-primary-1 {
  stroke: #ff0101;
}
.sr-wwrap .sr-bb .srt-fill-primary-2 {
  fill: #ff4d4d;
}
.sr-wwrap .sr-bb .srt-stroke-primary-2 {
  stroke: #ff4d4d;
}
.sr-wwrap .sr-bb .srt-fill-primary-3 {
  fill: #ff1a1a;
}
.sr-wwrap .sr-bb .srt-stroke-primary-3 {
  stroke: #ff1a1a;
}
.sr-wwrap .sr-bb .srt-fill-primary-4 {
  fill: #b60303e8;
}
.sr-wwrap .sr-bb .srt-stroke-primary-4 {
  stroke: #b60303e8;
}
.sr-wwrap .sr-bb .srt-fill-primary-5 {
  fill: #b60303e8;
}
.sr-wwrap .sr-bb .srt-stroke-primary-5 {
  stroke: #b60303e8;
}
.sr-wwrap .sr-bb .srt-fill-primary-6 {
  fill: #ff6c6c;
}
.sr-wwrap .sr-bb .srt-stroke-primary-6 {
  stroke: #ff6c6c;
}
.sr-wwrap .sr-bb .srt-fill-primary-7 {
  fill: #ff0101;
}
.sr-wwrap .sr-bb .srt-stroke-primary-7 {
  stroke: #ff0101;
}
.sr-wwrap .sr-bb .srt-fill-primary-8 {
  fill: #ff0101;
}
.sr-wwrap .sr-bb .srt-stroke-primary-8 {
  stroke: #ff0101;
}
.sr-wwrap .sr-bb .srt-fill-primary-8-is-active-1 {
  fill: #ff1a1a;
}
.sr-wwrap .sr-bb .srt-stroke-primary-8-is-active-1 {
  stroke: #ff1a1a;
}
.sr-wwrap .sr-bb .srt-fill-primary-8-is-active-2 {
  fill: #ff1a1a;
}
.sr-wwrap .sr-bb .srt-stroke-primary-8-is-active-2 {
  stroke: #ff1a1a;
}
.sr-wwrap .sr-bb .srt-fill-primary-9 {
  fill: #6c0505d6;
}
.sr-wwrap .sr-bb .srt-stroke-primary-9 {
  stroke: #6c0505d6;
}
.sr-wwrap .sr-bb .srt-fill-primary-10 {
  fill: #de0202f3;
}
.sr-wwrap .sr-bb .srt-stroke-primary-10 {
  stroke: #de0202f3;
}
.sr-wwrap .sr-bb .srt-fill-primary-11 {
  fill: #ff1a1a;
}
.sr-wwrap .sr-bb .srt-stroke-primary-11 {
  stroke: #ff1a1a;
}
.sr-wwrap .sr-bb .srt-fill-primary-12 {
  fill: #ff0101;
}
.sr-wwrap .sr-bb .srt-stroke-primary-12 {
  stroke: #ff0101;
}
.sr-wwrap .sr-bb .srt-fill-home-1 {
  fill: #0495e3;
}
.sr-wwrap .sr-bb .srt-stroke-home-1 {
  stroke: #0495e3;
}
.sr-wwrap .sr-bb .srt-fill-home-2 {
  fill: #0495e3;
}
.sr-wwrap .sr-bb .srt-stroke-home-2 {
  stroke: #0495e3;
}
.sr-wwrap .sr-bb .srt-fill-home-3 {
  fill: #0495e3;
}
.sr-wwrap .sr-bb .srt-stroke-home-3 {
  stroke: #0495e3;
}
.sr-wwrap .sr-bb .srt-fill-home-4 {
  fill: #0577b5ed;
}
.sr-wwrap .sr-bb .srt-stroke-home-4 {
  stroke: #0577b5ed;
}
.sr-wwrap .sr-bb .srt-fill-home-5 {
  fill: #5cbaed;
}
.sr-wwrap .sr-bb .srt-stroke-home-5 {
  stroke: #5cbaed;
}
.sr-wwrap .sr-bb .srt-fill-away-1 {
  fill: #fd2954;
}
.sr-wwrap .sr-bb .srt-stroke-away-1 {
  stroke: #fd2954;
}
.sr-wwrap .sr-bb .srt-fill-away-2 {
  fill: #fd2954;
}
.sr-wwrap .sr-bb .srt-stroke-away-2 {
  stroke: #fd2954;
}
.sr-wwrap .sr-bb .srt-fill-away-3 {
  fill: #fd2954;
}
.sr-wwrap .sr-bb .srt-stroke-away-3 {
  stroke: #fd2954;
}
.sr-wwrap .sr-bb .srt-fill-away-4 {
  fill: #c92244ed;
}
.sr-wwrap .sr-bb .srt-stroke-away-4 {
  stroke: #c92244ed;
}
.sr-wwrap .sr-bb .srt-fill-away-5 {
  fill: #fe7490;
}
.sr-wwrap .sr-bb .srt-stroke-away-5 {
  stroke: #fe7490;
}
.sr-wwrap .sr-bb .srt-fill-neutral-1 {
  fill: #383838;
}
.sr-wwrap .sr-bb .srt-stroke-neutral-1 {
  stroke: #383838;
}
.sr-wwrap .sr-bb .srt-fill-neutral-2 {
  fill: #efefef;
}
.sr-wwrap .sr-bb .srt-stroke-neutral-2 {
  stroke: #efefef;
}
.sr-wwrap .sr-bb .srt-fill-neutral-3 {
  fill: #ffffff1f;
}
.sr-wwrap .sr-bb .srt-stroke-neutral-3 {
  stroke: #ffffff1f;
}
.sr-wwrap .sr-bb .srt-fill-neutral-4 {
  fill: #c1c1c1;
}
.sr-wwrap .sr-bb .srt-stroke-neutral-4 {
  stroke: #c1c1c1;
}
.sr-wwrap .sr-bb .srt-fill-neutral-5 {
  fill: #d4d4d4;
}
.sr-wwrap .sr-bb .srt-stroke-neutral-5 {
  stroke: #d4d4d4;
}
.sr-wwrap .sr-bb .srt-fill-neutral-6 {
  fill: #5b5b5b;
}
.sr-wwrap .sr-bb .srt-stroke-neutral-6 {
  stroke: #5b5b5b;
}
.sr-wwrap .sr-bb .srt-fill-neutral-7 {
  fill: #c1c1c1;
}
.sr-wwrap .sr-bb .srt-stroke-neutral-7 {
  stroke: #c1c1c1;
}
.sr-wwrap .sr-bb .srt-fill-neutral-8 {
  fill: #383838;
}
.sr-wwrap .sr-bb .srt-stroke-neutral-8 {
  stroke: #383838;
}
.sr-wwrap .sr-bb .srt-fill-neutral-9 {
  fill: #1f1f1fc8;
}
.sr-wwrap .sr-bb .srt-stroke-neutral-9 {
  stroke: #1f1f1fc8;
}
.sr-wwrap .sr-bb .srt-fill-neutral-10 {
  fill: #343434;
}
.sr-wwrap .sr-bb .srt-stroke-neutral-10 {
  stroke: #343434;
}
.sr-wwrap .sr-bb .srt-fill-neutral-11 {
  fill: #878787dc;
}
.sr-wwrap .sr-bb .srt-stroke-neutral-11 {
  stroke: #878787dc;
}
.sr-wwrap .sr-bb .srt-fill-neutral-12 {
  fill: #cbcbcb;
}
.sr-wwrap .sr-bb .srt-stroke-neutral-12 {
  stroke: #cbcbcb;
}
.sr-wwrap .sr-bb .srt-fill-neutral-13 {
  fill: #2d2d2d;
}
.sr-wwrap .sr-bb .srt-stroke-neutral-13 {
  stroke: #2d2d2d;
}
.sr-wwrap .sr-bb .srt-fill-win {
  fill: #0495e3;
}
.sr-wwrap .sr-bb .srt-stroke-win {
  stroke: #0495e3;
}
.sr-wwrap .sr-bb .srt-fill-draw {
  fill: #fff6;
}
.sr-wwrap .sr-bb .srt-stroke-draw {
  stroke: #fff6;
}
.sr-wwrap .sr-bb .srt-fill-lose {
  fill: #fd2954;
}
.sr-wwrap .sr-bb .srt-stroke-lose {
  stroke: #fd2954;
}
.sr-wwrap .sr-bb .srt-stop-base-1 {
  stop-color: transparent;
}
.sr-wwrap .sr-bb .srt-stop-primary-1 {
  stop-color: #ff0101;
}
.sr-wwrap .sr-bb .srt-stop-primary-2 {
  stop-color: #ff4d4d;
}
.sr-wwrap .sr-bb .srt-stop-primary-3 {
  stop-color: #ff1a1a;
}
.sr-wwrap .sr-bb .srt-stop-primary-4,
.sr-wwrap .sr-bb .srt-stop-primary-5 {
  stop-color: #b60303e8;
}
.sr-wwrap .sr-bb .srt-stop-primary-6 {
  stop-color: #ff6c6c;
}
.sr-wwrap .sr-bb .srt-stop-primary-7,
.sr-wwrap .sr-bb .srt-stop-primary-8 {
  stop-color: #ff0101;
}
.sr-wwrap .sr-bb .srt-stop-primary-9 {
  stop-color: #6c0505d6;
}
.sr-wwrap .sr-bb .srt-stop-primary-10 {
  stop-color: #de0202f3;
}
.sr-wwrap .sr-bb .srt-stop-primary-11 {
  stop-color: #ff1a1a;
}
.sr-wwrap .sr-bb .srt-stop-primary-12 {
  stop-color: #ff0101;
}
.sr-wwrap .sr-bb .srt-stop-home-1 {
  stop-color: #0495e3;
}
.sr-wwrap .sr-bb .srt-stop-away-1 {
  stop-color: #fd2954;
}
.sr-wwrap .sr-bb .srt-fill-neutral-14 {
  fill: #080808c4;
}
.sr-wwrap .sr-bb .srt-stroke-neutral-14 {
  stroke: #080808c4;
}
.sr-wwrap .sr-bb .srt-logo-powered-by-light {
  display: none;
}
.sr-wwrap .sr-bb .srt-logo-powered-by-dark {
  display: inline-block;
}
.sr-bb .sr-lmt-1-pitchlogo__wrapper.srm-left {
  right: unset;
  margin-left: 45%;
  margin-right: 45%;
}