.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;
    /* Old browsers */
    background: -moz-linear-gradient(top, #e5e4d5 0%, #fcfcf9 100%) !important;
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e4d5), color-stop(100%, #fcfcf9)) !important;
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e5e4d5 0%, #fcfcf9 100%) !important;
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e5e4d5 0%, #fcfcf9 100%) !important;
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e5e4d5 0%, #fcfcf9 100%) !important;
    /* IE10+ */
    background: linear-gradient(to bottom, #e5e4d5 0%, #fcfcf9 100%) !important;
}

.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;
    padding: 2vh;
}

[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;
}

.pa {
}

.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;
}

.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 li {
    width: auto !important;
}

.rmenu {
    display: flex;
    right: 0px;
    color: #fff;
    position: relative;
}

.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;
    flex-direction: 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;
        background: #201e28;
        border: solid 1px #100f14;
        color: #FFF;
        overflow-y: scroll;
        height: auto;
        margin: 0 5px 0 0;
    }

    .termBigBg .itemContainer {
        height: 100vh;
    }

    .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: 19%;
    }

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

    .rightMenu {
        
    }

    .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;
        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;
    }

    .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 {
}

.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 .mScore {
    width: 45px !important;
}

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

.termBigBg .league {
    font-size: 16px !important;
    top: 41px !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;
}
.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: -moz-linear-gradient(top, #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%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #868a9b), color-stop(5%, #787c90), color-stop(8%, #75798d), color-stop(10%, #74798d), color-stop(15%, #6f7387), color-stop(33%, #65697a), color-stop(50%, #565968), color-stop(63%, #4e515e), color-stop(65%, #4e515e), color-stop(68%, #4a4d5a), color-stop(75%, #484b57), color-stop(98%, #484b57), color-stop(100%, #3f414c));
    background: -webkit-linear-gradient(top, #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%);
    background: -o-linear-gradient(top, #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%);
    background: -ms-linear-gradient(top, #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%);
    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;
    /* Old browsers */
    background: -moz-linear-gradient(top, #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;
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d69e7b), color-stop(3%, #cb7c52), color-stop(5%, #c36c47), color-stop(10%, #c16444), color-stop(15%, #bf5540), color-stop(25%, #b94136), color-stop(43%, #ad2f25), color-stop(50%, #a12822), color-stop(63%, #941f1d), color-stop(75%, #86201d), color-stop(78%, #871e1b), color-stop(100%, #85211e)) !important;
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #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;
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #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;
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #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;
    /* IE10+ */
    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;
    /* W3C */
    overflow: hidden;
    height: 22px;
}

.loginForm {
    position: relative;
}

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

.pageDates {
    width: 100%;
    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: 99999;
    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 li {
    width: 140px !important;
    float: left;
    margin: 0px 5px 0px 0px;
}

.financeMenu li:hover {
    cursor: pointer;
}

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

.financeMenu li.active {
    background: #868a9b;
    /* Old browsers */
    background: -moz-linear-gradient(top, #868a9b 0%, #6e7285 26%, #5b5f6e 54%, #505361 70%, #484b57 83%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #868a9b), color-stop(26%, #6e7285), color-stop(54%, #5b5f6e), color-stop(70%, #505361), color-stop(83%, #484b57));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #868a9b 0%, #6e7285 26%, #5b5f6e 54%, #505361 70%, #484b57 83%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #868a9b 0%, #6e7285 26%, #5b5f6e 54%, #505361 70%, #484b57 83%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #868a9b 0%, #6e7285 26%, #5b5f6e 54%, #505361 70%, #484b57 83%);
    /* IE10+ */
    background: linear-gradient(to bottom, #868a9b 0%, #6e7285 26%, #5b5f6e 54%, #505361 70%, #484b57 83%);
    /* W3C */
}

.financeContainer {
    padding: 80px 0px 52px 0px;
    color: #fff;
    position: absolute;
    top: 99px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: scroll;
}
.financeContainer.coupon {
    top: 195px;
    height: 73.5vh;
}
.financeTable tr {
    border-bottom: 1px solid #666;
}

.financeTable td {
    padding: 5px 0px;
    width: 9.2%;
    line-height: 1.25rem;
}

.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;
    width: 33.3%;
    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;
    text-wrap: nowrap;
}

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

.resultCat li.livetab.active {
    background-image: -o-linear-gradient(top, #2d8d41, #2E9241);
    background-image: -moz-linear-gradient(top, #2d8d41, #2E9241);
    background-image: -webkit-linear-gradient(top, #2d8d41, #2E9241);
    background-image: -ms-linear-gradient(top, #2d8d41, #2E9241);
    background-image: linear-gradient(top, #2d8d41, #2E9241);
}

.resultCat li.esporttab.active {
    background-image: -o-linear-gradient(top, #2d8d41, #2E9241);
    background-image: -moz-linear-gradient(top, #2d8d41, #2E9241);
    background-image: -webkit-linear-gradient(top, #2d8d41, #2E9241);
    background-image: -ms-linear-gradient(top, #2d8d41, #2E9241);
    background-image: linear-gradient(top, #2d8d41, #2E9241);
}

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

.resultCat li.sporttab.active {
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#033a72), to(#033a72));
}

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

.resultCat li.editortab.active {
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#1C8BB6), to(#167498));
}

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

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

.resultCat li.highlighttab.active {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5600e0+1,8056ff+99 */
    background: #5600e0;
    /* Old browsers */
    background: -moz-linear-gradient(top, #B59601 1%, #887700 99%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #B59601 1%, #887700 99%);
    /* Chrome10-25,Safari5.1-6 */
    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;
    /* Old browsers */
    background: -moz-linear-gradient(top, #2c539e 0%, #2c539e 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #2c539e 0%, #2c539e 100%);
    /* Chrome10-25,Safari5.1-6 */
    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;
}

.EDITOR {
    background-color: #1C8BB6;
}


.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;
    display: flex;
}

.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;
}
#resultArea {
    display: none;
}

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

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

.cpnTable .leagueName {
    width: 72%;
}

.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;
    min-height: 165px;
    width: 93%;
    padding: 14px 10px 16px;
}

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

.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;
    width: 100%;
    bottom: 0px;
    position: absolute;
    z-index: 99999;
}

#slideTicketUpCards {
    display: none;
    width: 100%;
    bottom: 0px;
    position: absolute;
    z-index: 99999;
}

#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;
    display: flex;
    align-items: center;
    flex-direction: row;
    margin: 0 5px;
}

.selectDateContainer select {
    min-width: 75px !important;
    padding: 2.5px 5px;
}

.dateFilterText {
    margin-right: 10px;
}

.selectCatContainer {
    color: #FFFFFF;
    min-width: 150px;
    font-size: 12px;
    margin-right: 6px;
}

.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: 100%;
    z-index: 100;
    bottom: 0px;
    top: 0;
    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;
    margin: 5px 0px;
    font-weight: normal;
}

.tipText {
    font-weight: bold;
}

.flex {
    display: flex;
}
.w-100  {
    width: 100%;
}
.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;
    margin: 5px 0px;
}

.cpnMatchDate,
.oddText {
    float: right;
}

.cpnTeamTip {
    border-bottom: 1px solid #B6B6BB;
    padding: 2px 8px 2px 9px;
    line-height: 11px;
}

.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: 18px;
    width: 18px;
    padding-top: 6px;
    padding-left: 3px;
    padding-right: 3px;
    border: 1px solid #ACACAD;
    border-right-color: #8D8D8E;
    border-bottom-color: #8D8D8E;
    border-radius: 3px;
    margin-top: -6px;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E8EDF4), to(#BAC4D4));
    line-height: 14px;
}

.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 0;
    padding: 8px 0;
    font-weight: bold;
    border-top: 1px solid #fff;
}

.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-image: linear-gradient(top, #850707 0%, #650505 100%);
    background-image: -o-linear-gradient(top, #850707 0%, #650505 100%);
    background-image: -moz-linear-gradient(top, #850707 0%, #650505 100%);
    background-image: -webkit-linear-gradient(top, #850707 0%, #650505 100%);
    background-image: -ms-linear-gradient(top, #850707 0%, #650505 100%);
    background-image: -webkit-gradient(linear,
    left top,
    left bottom,
    color-stop(0, #850707),
    color-stop(1, #650505));
    background-image: linear-gradient(top, #CC0000 0%, #9A0000 100%);
    background-image: -o-linear-gradient(top, #CC0000 0%, #9A0000 100%);
    background-image: -moz-linear-gradient(top, #CC0000 0%, #9A0000 100%);
    background-image: -webkit-linear-gradient(top, #CC0000 0%, #9A0000 100%);
    background-image: -ms-linear-gradient(top, #CC0000 0%, #9A0000 100%);
    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;
}

.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%;
    z-index: 110;
}

.cpnBottomMenu ul li {
    display: inline-block;
    width: calc(100% - 22px);
    border: 1px solid #000000;
    background-image: linear-gradient(top, #62708D 0%, #4A556B 100%);
    background-image: -o-linear-gradient(top, #62708D 0%, #4A556B 100%);
    background-image: -moz-linear-gradient(top, #62708D 0%, #4A556B 100%);
    background-image: -webkit-linear-gradient(top, #62708D 0%, #4A556B 100%);
    background-image: -ms-linear-gradient(top, #62708D 0%, #4A556B 100%);
    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: 5px;
    border-radius: 5px;
    position: absolute;
    background-color: transparent;
}

#gameScrolling::-webkit-scrollbar-thumb,
.itemContainer::-webkit-scrollbar-thumb {
    background: #26b6d0;
    border-radius: 5px;
}

.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 ;
}

.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;
    vertical-align: middle;
}

#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;
}

.generalContainer {
    width: 100%;
}

.betOdd {
    width: 30%;
}

.betDoubleOdd {
    width: 45%;
}

.gameGreenBg {
    background: #2d8d41;
    background-image: -o-linear-gradient(top, #2d8d41, #36a844);
    background-image: -moz-linear-gradient(top, #2d8d41, #36a844);
    background-image: -webkit-linear-gradient(top, #2d8d41, #36a844);
    background-image: -ms-linear-gradient(top, #2d8d41, #36a844);
    font-weight: bold;
}

.gameBlackBg {
    background: #000;
}

.homeLive {
    width: 350px;
}

.guestLive {
    width: 239px;
}

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

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

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

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

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

.gamePausedBg {
    background: #3166A2;
    background-image: -o-linear-gradient(top, #3166A2, #3E81C4);
    background-image: -moz-linear-gradient(top, #3166A2, #3E81C4);
    background-image: -webkit-linear-gradient(top, #3166A2, #3E81C4);
    background-image: -ms-linear-gradient(top, #3166A2, #3E81C4);
    background-image: linear-gradient(top, #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: 180%;
    top: 34px;
    font: 13px PTSansRegular;
    white-space: nowrap;
}

.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;
}

.ftperiod {
    color: #FFF668;
    font-size: 16px;
    text-align: center;
    line-height: 10px;
}

.ltperiod {
    color: #DADADA;
    white-space: nowrap;
    width: 100%;
    text-align: center;
    font-size: 10px;
    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;
    }
}
.w-100  {
    width: 100%;
}
.w-90  {
    width: 90%;
}
.w-80  {
    width: 80%;
}

.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: 65%;
}

.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 {
    width: 100%;
}

.spbetOdd {
    display: inline-block;
    width: 150px;
    margin: 2px 3.5px;
    text-align: right;
    color: #fff;
    background: #5f5f5f;
}

.OddspaperTable h2 {
    background-image: -o-linear-gradient(top, #3381cc, #28599f);
    background-image: -o-linear-gradient(top, #3381cc, #28599f);
    background-image: -moz-linear-gradient(top, #3381cc, #28599f);
    background-image: -webkit-linear-gradient(top, #3381cc, #28599f);
    background-image: -ms-linear-gradient(top, #3381cc, #28599f);
    background-image: linear-gradient(top, #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-items: center;
    float: left;
}

.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: absolute;
    -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);
    }
}

@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-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;
}

.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.nngdialog-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.nngdialog-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-image: -o-linear-gradient(top, #28599f, #3381cc);
    background-image: -moz-linear-gradient(top, #28599f, #3381cc);
    background-image: -webkit-linear-gradient(top, #28599f, #3381cc);
    background-image: -ms-linear-gradient(top, #28599f, #3381cc);
    background-image: linear-gradient(top, #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 {
    line-height: 53px;
}


.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;
    }

    #gamesContainer td:nth-child(1n+2) {
    }

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

    #gamesContainer .mrate2,
    #gamesContainer .gTime,
    #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-image: -o-linear-gradient(top, #2d8d41, #36a844);
    background-image: -moz-linear-gradient(top, #2d8d41, #36a844);
    background-image: -webkit-linear-gradient(top, #2d8d41, #36a844);
    background-image: -ms-linear-gradient(top, #2d8d41, #36a844);
    background-image: linear-gradient(top, #2d8d41, #36a844);
}

.gameGreenBg.active .game {
    background: #2d8d41;
    background-image: -o-linear-gradient(top, #2d8d41, #36a844);
    background-image: -moz-linear-gradient(top, #2d8d41, #36a844);
    background-image: -webkit-linear-gradient(top, #2d8d41, #36a844);
    background-image: -ms-linear-gradient(top, #2d8d41, #36a844);
    background-image: linear-gradient(top, #2d8d41, #36a844);
}

.gameBlueBg.active {
    background-image: -o-linear-gradient(top, #0a103c, #151f4b);
    background-image: -moz-linear-gradient(top, #0a103c, #151f4b);
    background-image: -webkit-linear-gradient(top, #0a103c, #151f4b);
    background-image: -ms-linear-gradient(top, #0a103c, #151f4b);
    background-image: linear-gradient(top, #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: 9999999999999;
    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-image: -moz-linear-gradient(top, #0088cc, #0077b3);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
    background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
    background-image: -o-linear-gradient(top, #0088cc, #0077b3);
    background-image: linear-gradient(to bottom, #0088cc, #0077b3);
    background-repeat: repeat-x;
}

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

#systemdrop {
    background-color: #2e2e2e;
    border-radius: 4px;
    border: 1px solid #0e0e0e;
    overflow: auto;
    float: left;
    width: 100% !important;
    display: none;
    position: relative;
    height: auto;
    top: 2px;
}

#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: 20px;
    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;
    display: none;
    z-index: 999999;
}

.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: 76px !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;
    width: 150px;
}

.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: absolute;
    top: 18px;
    right: 10px;
    font-size: 10px;
    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: linear-gradient(top, #850707 0%, #650505 100%);
    background-image: -o-linear-gradient(top, #850707 0%, #650505 100%);
    background-image: -moz-linear-gradient(top, #850707 0%, #650505 100%);
    background-image: -webkit-linear-gradient(top, #850707 0%, #650505 100%);
    background-image: -ms-linear-gradient(top, #850707 0%, #650505 100%);
    background-image: -webkit-gradient(linear,
    left top,
    left bottom,
    color-stop(0, #850707),
    color-stop(1, #650505));
    background-image: linear-gradient(top, #CC0000 0%, #9A0000 100%);
    background-image: -o-linear-gradient(top, #CC0000 0%, #9A0000 100%);
    background-image: -moz-linear-gradient(top, #CC0000 0%, #9A0000 100%);
    background-image: -webkit-linear-gradient(top, #CC0000 0%, #9A0000 100%);
    background-image: -ms-linear-gradient(top, #CC0000 0%, #9A0000 100%);
    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 {
    margin: 0.25rem;
    border-bottom: 1px solid black;
    min-height: 180px;
}

.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;px
    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 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 {
    height: auto;
    width: 50%;
}

.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,select{
    width:100%;
    padding: 2.5px 5px;
}
.new-card-form div.confirm{
    margin-top:20px;
}
.new-card-form .alert div{
    font-size: 0.8vw;
    line-height: 0.8vw;
    color: red;
    white-space: normal;
    word-wrap: break-word;
    max-width: 180px;
    display: inline-block;
}
.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: 8px 10px 8px auto;
}
#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;
  }
  .select-container {
    margin-left: 240px;
  }
  .file-input {
    width: 200px;
    padding: 5px;
  }
  .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;
  }
 .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;
  }
.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;
  }
 .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;
}
.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;
    margin: auto;
    height: 90px;
    margin-top: 15px;
    background-size: contain;
}
.test-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    z-index: 10000000;
  }
  .test-header::before {
    content: "";
    display: block;
    width: 100vw;
    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;
  }
  .pl13{
    padding-left: 13px;
  }
  
  .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;
}