.last-bets {
}

.lastbets-tabs {
    margin: 10px auto;
    text-align: center;
    padding: 20px 10px;
    position: relative;
    z-index: 1;
    max-width: 960px;
    width: 100%;
    overflow-y: hidden;
    margin-bottom: 0;
    text-align: center;
}

.lastbets-tabs span {
    display: inline-block;
    font-weight: 200;
    color: rgba(255, 255, 255, 0.38);
    cursor: pointer;
    /* border-radius: 3px; */
    font-size: 12px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
    font-weight: 500;
    text-transform: uppercase;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    padding: 3px 13px;
}

.lastbets-tabs span.active {
    color: #ffffff;
    /* background: #0087f7; */
    background: -webkit-linear-gradient(to right, #0087f7, #006beb);
    /* background: linear-gradient(to right, #0087f7, #006beb); */
    border-bottom: 2px solid;
}

.lastbets-tabs span:hover {
}

.bet-tables {
    display: none;
}

.bet-tables.active {
    display: inline-block;
    text-align: center;
    width: 100%;
}

.verify-bet {
    text-decoration: underline;
    text-align: center !important;
    cursor: pointer;
}

.verify-bet-modal p {
    margin: 5px 0;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.90) !important;
}

.verify-bet-modal p b {
    display: block;
    font-size: 12px;
    line-break: strict;
    max-width: 100%;
    word-break: break-all;
    color: rgba(255, 255, 255, 0.62);
    font-weight: 400;
}

.more-options {
    display: inline-block;
    margin-top: 10px;
    padding: 6px 4px;
    border-radius: 2px;
    width: 100%;
}

.more-options span {
    display: inline-block;
    background-color: rgba(33, 33, 33, 0.37);
    color: #fff;
    font-family: "Segoe UI Classic", Tahoma;
    float: left;
    width: 32.5%;
    margin: 0 0.4%;
    text-align: center;
    padding: 5px 0;
    border-radius: 3px;
    font-size: 12px;
    cursor: pointer;
}

.more-options span:hover {
    opacity: 0.7;
}

.more-options span.bonus-button {
    background-color: rgba(139, 195, 74, 0.44);
}

/*********************************************/
.game-table {
    width: 100%;
    max-width: 580px;
    margin: 0 auto;
    position: relative;
}

.game-table .dice-tabs {
    position: relative;
    z-index: 1;
}

.tabs-holder {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    float: left;
    padding: 17px 0;
    border-radius: 8px 8px 0 0;
    text-align: center;
}

.tabs-holder > span {
    display: inline-block;
    font-weight: 200;
    color: rgba(255, 255, 255, 0.38);
    cursor: pointer;
    border-radius: 3px;
    font-size: 12px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
    font-weight: 500;
    /* float: left; */
    text-transform: uppercase;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    padding: 3px 13px;
}

.tabs-holder > span.active {
    color: #ffffff;
    background: #0087f7;
    background: -webkit-linear-gradient(to right, #0087f7, #006beb);
    background: linear-gradient(to right, #0087f7, #006beb);
}

.game-table .tab-content {
    display: none;
    width: 100%;
    text-align: left;
    margin: 0 auto;
    overflow-y: overlay;
    background-color: #172130;
    padding: 20px 8px;
    float: left;
    box-shadow: 0 0 100px #00000075;
    border-radius: 10px;
}

.game-table .tab-content.active {
    display: block;
}

.hi-lo {
    display: inline-block;
    width: 100%;
    float: left;
}

.hi-lo span {
    display: inline-block;
    width: 100%;
    background: -webkit-gradient(linear, left top, right top, from(#f0b90b), to(#fbda3c));
    background: -webkit-linear-gradient(left, #f0b90b 0%, #fbda3c 100%);
    background: -moz-linear-gradient(left, #f0b90b 0%, #fbda3c 100%);
    background: -o-linear-gradient(left, #f0b90b 0%, #fbda3c 100%);
    background: linear-gradient(90deg, #f0b90b 0%, #fbda3c 100%);
    -webkit-box-shadow: 0px 10px 20px 0px rgba(240, 185, 10, 0.3);
    -moz-box-shadow: 0px 10px 20px 0px rgba(240, 185, 10, 0.3);
    box-shadow: 0px 10px 20px 0px rgba(240, 185, 10, 0.3);
    border-radius: 3px;
    padding: 3px 16px;
    color: rgba(0, 0, 0, 0.42);
    font-weight: 600;
    text-shadow: 1px 1px rgba(255, 255, 255, 0.17);
    position: relative;
    overflow: hidden;
    cursor: pointer;
    float: left;
    max-height: 65px;
    margin-bottom: 7px;
    background-repeat: no-repeat;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
}

.hi-lo span:hover {
    opacity: 0.7;
}

.hi-lo span b {
    display: block;
    font-size: 29px;
    line-height: 34px;
    color: #141a26;
    /* text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.56); */
}

.hi-lo span i {
    position: absolute;
    right: -12px;
    top: 10px;
    font-size: 100px;
    text-shadow: none;
}

.dice-input {
    position: relative;
    padding-top: 0;
    float: left;
}

.dice-input .in-input {
    border-radius: 2px;
    overflow: hidden;
    padding-top: 3px;
    margin-bottom: 8px;
    height: 65px;
    position: relative;
}

.dice-input .in-input.disabled {
    opacity: 1;
}

.dice-input .in-input > span {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.68);
    /* float: left; */
    display: inherit;
    line-height: 20px;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
}

.dice-input .in-input > input {
    display: inline-block;
    width: 100%;
    border: none;
    outline: none;
    padding: 8px 10px;
    background-color: rgba(255, 255, 255, 0);
    border-radius: 3px;
    color: #ffffff;
    font-weight: 500;
    font-size: 16px;
    line-height: 14px;
    position: relative;
    height: 40px;
    font-family: 'Poppins', sans-serif;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    border: 1px solid rgba(255, 255, 255, 0.1);
    font-family: 'Titillium Web', sans-serif;
}

.dice-input .in-input > input:disabled {
    color: #ffffff87 !important;
}

.dice-input .in-input > input:focus {
    background-color: #ffffff38 !important;
    font-size: 17px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.dice-input .over-input {
    position: absolute;
    bottom: 12px;
    right: 10px;
    color: rgba(255, 255, 255, 0.57);
    font-size: 12px;
    font-weight: 400;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.49);
}

.dice-input > span {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.68);
}

.dice-input > input {
    display: inline-block;
    width: 100%;
    border: none;
    outline: none;
    border-radius: 2px;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.05);
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    margin-top: 5px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.09);
    position: relative;
    font-family: 'Poppins', sans-serif;
}

.dice-input > input:disabled {
    color: rgba(255, 255, 255, 0.30) !important;
}

.dice-input > input:focus {
    background-color: #ffffff26 !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.23);
}

.dice-input.bet-input input {
    padding-left: 35px;
}

.dice-input .action-buttons {
    float: right;
    position: relative;
    top: 1px;
    /* height: 14px; */
    position: absolute;
    right: 0;
}

.dice-input .action-buttons span {
    font-size: 11px;
    text-transform: uppercase;
    padding: 2px 5px;
    color: rgba(255, 255, 255, 0.35);
    cursor: pointer;
    float: left;
    background-color: #ffffff21;
    font-weight: 500;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    min-width: 35px;
    text-align: center;
    margin-left: 1px;
}

.dice-input .action-buttons span:first-child {
    border-radius: 3px 0 0 3px;
}

.dice-input .action-buttons span:last-child {
    border-radius: 0 3px 3px 0;
}

.dice-input .action-buttons span:hover {
    color: #ffffff;
    background: #0087f7;
    background: -webkit-linear-gradient(to right, #0087f7, #006beb);
    background: linear-gradient(to right, #0087f7, #006beb);
}

.dice-input img {
    width: 22px;
    position: absolute;
    bottom: 11px;
    left: 8px;
    border-radius: 50%;
}

.auto-win-loss {
    display: inline-block;
    border: none;
    outline: none;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 2px;
    overflow: hidden;
    background-color: #ffffff1a;
    padding: 2px;
}

.auto-win-loss i {
    position: absolute;
    top: 15px;
    right: 9px;
    font-size: 12px;
    color: #ffffff73;
}

.auto-win-loss .radio {
    background-color: rgba(255, 255, 255, 0);
    border: none;
    color: #fff;
    outline: 0;
    float: left;
    font-size: 10px;
    font-weight: 600;
    cursor: pointer;
    border-radius: 2px;
    padding: 2px 13px;
    /* margin-right: 1%; */
    /* font-family: Roboto; */
    font-family: "Open Sans";
    text-transform: uppercase;
}

.auto-win-loss .radio.active {
    color: #ffffff;
    background: #0087f7;
    background: -webkit-linear-gradient(to right, #0087f7, #006beb);
    background: linear-gradient(to right, #0087f7, #006beb);
    border-radius: 2px;
}

.auto-win-loss input {
    border: none;
    background-color: #6e9f2d;
    border-radius: 2px;
    outline: none;
    padding: 5px;
    float: right;
    width: 34%;
    color: #fff;
    text-align: center;
    font-weight: 500;
    font-size: 17px;
    line-height: 21px;
    font-family: 'Poppins', sans-serif;
}

.auto-win-loss input:disabled {
}

.roll-over-under {
    display: inline-block;
    width: 100%;
    border: none;
    outline: none;
    border-radius: 2px;
    padding: 2px;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    position: relative;
    float: left;
    background-color: rgba(255, 255, 255, 0.12);
}

.roll-over-under b {
    font-weight: 800;
    margin-left: 5px;
}

.roll-over-under .radio {
    background-color: rgba(255, 255, 255, 0);
    border: none;
    color: #fff;
    outline: 0;
    float: left;
    text-transform: uppercase;
    width: 50%;
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
    cursor: pointer;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.36);
    border-radius: 2px;
    padding: 4px 0;
    font-family: "Open Sans";
    text-transform: uppercase;
}

.roll-over-under .radio.active {
    background: #0087f7;
    background: -webkit-linear-gradient(to right, #0087f7, #006beb);
    background: linear-gradient(to right, #0087f7, #006beb);
}

.roll-over-under .radio:hover {
    color: #ffffffba;
}

.auto-speed {
    display: inline-block;
    width: 100%;
    border: none;
    outline: none;
    border-radius: 2px;
    padding: 2px;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    position: relative;
    float: left;
    background-color: rgba(255, 255, 255, 0.12);
}

.auto-speed b {
}

.auto-speed .radio {
    background-color: rgba(255, 255, 255, 0);
    border: none;
    color: #fff;
    outline: 0;
    float: left;
    text-transform: uppercase;
    width: 33.33%;
    font-size: 11px;
    font-weight: 600;
    line-height: 23px;
    cursor: pointer;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.36);
    border-radius: 2px;
    padding: 0;
    font-family: "open Sans";
}

.auto-speed .radio.active {
    background: #0087f7;
    background: -webkit-linear-gradient(to right, #0087f7, #006beb);
    background: linear-gradient(to right, #0087f7, #006beb);
}

.auto-speed .radio:hover {
    color: #ffffffab;
}

.autobet, .stop-autobet {
    display: block;
    border-radius: 3px;
    margin: 0 auto;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.48);
    padding: 2px 17px;
    text-shadow: 1px 1px 0 #0000004d;
    color: rgb(255, 255, 255);
    font-weight: 900;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    text-align: left;
    width: 250px;
    margin-top: 10px;
    font-size: 32px;
    background: #0087f7;
    background: -webkit-linear-gradient(to right, #0087f7, #006beb);
    background: linear-gradient(to right, #0087f7, #006beb);
    text-align: center;
    padding: 5px 0;
    font-family: "open Sans";
    text-transform: uppercase;
}

.autobet:hover, .stop-autobet:hover {
    opacity: 0.7;
}

.autobet b, .stop-autobet b {
    display: block;
    font-size: 26px;
    color: rgba(0, 0, 0, 0.7);
    line-height: 19px;
    margin-bottom: 7px;
}

.autobet i, .stop-autobet i {
    position: absolute;
    right: 10px;
    top: 7px;
    font-size: 49px;
    opacity: 0.2;
}

/************************************/
/************************************/
.choose-balance {
    width: 100%;
    max-width: 680px;
    margin: 0 auto 20px;
    padding: 3px;
    background-color: #0b091e;
    border-radius: 2px;
    box-shadow: 0 2px 5px rgba(255, 255, 255, 0.1);
    display: block;
    height: 37px;
}

.choose-balance .radio {
    background-color: rgba(255, 255, 255, 0);
    border: none;
    color: #fff;
    outline: 0;
    float: left;
    text-transform: uppercase;
    width: 49%;
    font-size: 12px;
    font-weight: 500;
    line-height: 29px;
    cursor: pointer;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.36);
    border-radius: 2px;
}

.choose-balance .radio.active {
    background: #171629;
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.41);
}

.choose-balance .radio:hover {
}

.choose-balance .choose-balance-holder {
    width: 49%;
    float: right;
    position: relative;
    display: inline-block;
    height: 31px;
    border-radius: 3px;
}

.choose-balance .choose-balance-holder p {
    display: inline-block;
    width: 100%;
    color: rgba(255, 255, 255, 0.71);
    border: none;
    font-weight: 500;
    font-size: 16px;
    line-height: 31px;
    border-radius: 2px;
    margin: 0;
}

.choose-balance button:nth-child(2) {
    display: none;
}

.choose-balance.active button {
    width: 33%;
}

.choose-balance.active button:nth-child(2) {
    display: inline-block;
}

.choose-balance.active .choose-balance-holder {
    width: 33%;
}

.choose-balance .choose-balance-holder img {
    position: absolute;
    width: 24px;
    left: 5px;
    top: 3px;
}

.choose-balance .choose-balance-holder b {
    position: absolute;
    top: 5px;
    right: 8px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.23);
    font-weight: 500;
}

.change-main-balance {
    display: inline-block;
    overflow: hidden;
    border-radius: 4px;
    float: right;
}

.change-main-balance > div {
    display: inline-block;
    float: left;
    color: #fff;
    text-transform: uppercase;
    background-color: rgba(0, 0, 0, 0.39);
    position: relative;
    cursor: pointer;
    width: 142px;
    padding: 0 10px;
    padding-bottom: 1px;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
}

.change-main-balance > div.active {
    background: #0b4582;
    background: -webkit-linear-gradient(to bottom right, #4054cc, #171646);
    /* background: linear-gradient(to bottom right, #4054cc, #171646); */
}

.change-main-balance > div input {
    display: inline-block;
    width: 100%;
    border: none;
    float: left;
    outline: none;
    padding: 0;
    background-color: rgba(255, 255, 255, 0);
    color: #ffffff9c;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    position: relative;
    cursor: pointer;
    font-family: Roboto;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.change-main-balance > div span {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.36);
    margin-left: 10px;
    padding: 3px 0;
    display: block;
    text-align: center;
    margin: 0;
    padding: 0;
    border: none;
}

.change-main-balance > div .over-input {
    position: absolute;
    bottom: 1px;
    right: 4px;
    color: hsla(0, 0%, 100%, 0.52);
    font-size: 12px;
    font-weight: 700;
}

.change-main-balance > div .selected-input {
}

.change-main-balance .active .selected-input {
}

.roll-dice {
    display: block;
    margin: 10px auto;
    width: 100%;
    max-width: 300px;
    border-radius: 3px;
    background: -webkit-gradient(linear, left top, right top, from(#f0b90b), to(#fbda3c));
    background: -webkit-linear-gradient(left, #f0b90b 0%, #fbda3c 100%);
    background: -moz-linear-gradient(left, #f0b90b 0%, #fbda3c 100%);
    background: -o-linear-gradient(left, #f0b90b 0%, #fbda3c 100%);
    background: linear-gradient(90deg, #f0b90b 0%, #fbda3c 100%);
    -webkit-box-shadow: 0px 10px 20px 0px rgba(240, 185, 10, 0.3);
    -moz-box-shadow: 0px 10px 20px 0px rgba(240, 185, 10, 0.3);
    box-shadow: 0px 10px 20px 0px rgba(240, 185, 10, 0.3);
    padding: 3px 16px;
    color: rgb(0, 0, 0);
    text-align: center;
    font-weight: 600;
    font-size: 27px;
    line-height: 61px;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    height: 65px;
    max-height: 65px;
    margin-bottom: 7px;
    background-repeat: no-repeat;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.roll-dice:hover {
    background: -webkit-gradient(linear, left top, right top, from(#fbda3c), to(#f0b90b));
    background: -webkit-linear-gradient(left, #fbda3c 0%, #f0b90b 100%);
    background: -moz-linear-gradient(left, #fbda3c 0%, #f0b90b 100%);
    background: -o-linear-gradient(left, #fbda3c 0%, #f0b90b 100%);
    background: linear-gradient(90deg, #fbda3c 0%, #f0b90b 100%);
}

.roll-dice:focus {
}

.number-effect {
    display: inline-block;
    text-align: center;
    color: #fff;
    width: 340px;
    font-size: 114px;
    margin: 15px 0;
    line-height: 100px;
    font-weight: 800;
    text-shadow: 3px 3px 0 #0f161f;
    border-radius: 75px;
    padding-bottom: 10px;
    box-shadow: 0 17px 50px;
    border: 3px solid #131b27;
}

.number-effect.win {
    color: #3c8134;
}

.number-effect.lose {
    color: #af2332;
}

@media screen and (max-width: 992px) {
    .result-number span {
        width: 64px;
        height: 64px;
        font-size: 30px;
        line-height: 55px;
        border: 4px solid;
        text-shadow: 0 2px 2px #000;
    }

    .statistics {
        margin-bottom: 0;
        padding: 0 8px;
    }

    .lastbets-tabs span {
        padding: 0 20px;
        width: auto;
    }

    .table-item {
        padding: 10px 10px;
    }
}

@media screen and (max-width: 768px) {
}

.statistics {
    display: none;
}

.statistics > p {
    color: #fff;
    font-size: 12px;
    margin: 0;
}

.statistics > span {
    display: inline-block;
    width: 50%;
    float: left;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    /* text-align: center; */
    line-height: 19px;
    color: #fff;
    margin-top: 5px;
    font-size: 12px;
}

.statistics > span.wins {
    color: #4ca842;
    font-weight: 600;
}

.statistics > span.loses {
    color: #ff6054;
    font-weight: 600;
    text-align: right;
}

.statistics > p b {
    float: right;
}

.statistics > p i {
}

.statistics > span b {
    display: block;
}

.statistics > span i {
}

.statistics .result-numbers {
    display: inline-block;
    float: left;
    width: 100%;
    overflow: hidden;
    height: 47px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 8px;
}

.statistics .result-numbers span {
    font-size: 12px;
    text-align: center;
    display: inline-block;
    width: 45px;
    float: left;
}

.statistics .result-numbers span.win {
    color: #56bd4a;
    font-weight: 800;
}

.statistics .result-numbers span.lose {
    color: #ff5d51;
    font-weight: 600;
}

.have-stats .game-table {
    left: -100px;
}

.have-stats .statistics {
    display: inline-block;
    position: absolute;
    top: 85px;
    right: -200px;
    width: 200px;
    padding: 10px;
    background-color: #202e42;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.35);
    border-radius: 0 10px 10px 0;
}

.bonus-balance {
    display: inline-block;
    width: 100%;
}

.bonus-balance span {
    display: block;
    color: #fff;
}

.bonus-balance span b {
    color: #fad93b;
}