@font-face {
    font-family: 'Impact';
    src: url('fonts/impact.ttf');
}

#message--overlay {
    position: absolute;
    z-index: 99;
    width: 100%;
    height: 100%;
    display: block;
}

#message--overlay img {
    width: 50%;
    height: 75%;
    margin-left: 25%;
    top: 12.5%;
}

@media (device-height: 568px) and (height: 460px),
(device-height: 480px) and (height: 372px) {
    /* normal mode, minimal-ui inactive */
    #message--overlay {
        display: block;
    }
}

@media (device-height: 568px) and (height: 529px),
(device-height: 480px) and (height: 441px) {
    /* minimal-ui is active */
    #message--overlay {
        display: none;
    }
}


/***********************ROTATE LandScape ********************************/

.icon-mobile {
    text-align: center;
    font-size: 14em;
}

.phone__tablet {
    font-size: 30em;
}

.menu__disabled {
    opacity: 0.3;
}

#landscape_overlay {
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 20000;
    margin: 0 auto;
}


/* line 226, ../sass/structure/_content.scss */

#landscape_overlay div {
    color: #FFF;
    opacity: 1;
    position: relative;
    text-align: center;
    top: 50%;
    margin-top: -7em;
}

@media (orientation:landscape) {
    #landscape_overlay div {
        margin-top: -3em;
    }
}

.rotateLand {
    /*roateland animation*/
    animation-name: rotateLand;
    -webkit-animation-name: rotateLand;
    animation-duration: 3.5s;
    -webkit-animation-duration: 3.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes rotateLand {
    0% {
        transform: rotate(0deg);
    }
    75% {
        transform: rotate(-90deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

@-webkit-keyframes rotateLand {
    0% {
        -webkit-transform: rotate(0deg);
    }
    85% {
        -webkit-transform: rotate(-90deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

.rotatePort {
    /*roateland animation*/
    animation-name: rotatePort;
    -webkit-animation-name: rotatePort;
    animation-duration: 3.5s;
    -webkit-animation-duration: 3.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes rotatePort {
    0% {
        transform: rotate(-90deg);
    }
    75% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-90deg);
    }
}

@-webkit-keyframes rotatePort {
    0% {
        -webkit-transform: rotate(-90deg);
    }
    85% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        transform: rotate(-90deg);
    }
}


/*****************************END ROTATE LAND********************************/


/*canvas { display:block; margin: 0 auto; background: #333 ;} /*background: # 380000# ;*/

html {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #000;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none
}

.centered {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -64px;
    opacity: 0.7;
}

body {
    margin: 0;
    padding: 0;
    background-color: #000;
    width: 100%;
    height: 100%;
    //position: absolute;
    top: 0px;
    left: 0px;
    //overflow: hidden;
    /*background-image:url('img/MobileBackgrounds/ExtendedBacks/mainBackground-extend.png');
    background-repeat:no-repeat;
    background-position:center top;*/
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    -webkit-text-size-adjust: none;
}

body .roulette {
    background: #333;
}

#inAppTimeBar{
    position: absolute;
    top: 0px;
    padding: 1px 6px 1px 6px;
    background: rgba(0,0,0,0.5);
    color: white;
    font-family: arial;
    font-size: 9px;
    z-index: 100000;
    display: none;
}

@media all and (min-width: 28em) {
    #inAppTimeBar{
        font-size: 12px;
    }
}




#swipe__up__to__hide {
    /* position: absolute;
    background: rgba(0,0,0,0.7);
    width: 100%;
    height: 105%;
    z-index: 10000;
    display: none;*/
    width: 100%;
    height: 200000px;
    z-index: 9999;
    position: absolute;
    background: rgba(0, 0, 0, 0.7) no-repeat;
    background-size: 100%;
    top: -500px;
    left: 0;
    margin: 0;
    padding: 0;
    -webkit-animation: visibility 0.3s both;
    -webkit-transform: translate3D(0, 0, 0);
    display: none;
}

#swipe__up__to__hide img {
    height: 150px;
    width: auto;
    /* top: 12%; */
    top: 600px;
    display: block;
    left: 35%;
    position: absolute;
}

#game__wrapper {
    margin: 0;
    padding: 0;
    /*background-image:url('img/MobileBackgrounds/ExtendedBacks/mainBackground-extend.png');*/
    background-repeat: no-repeat;
    background-position: center top;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    overflow: hidden;
}

#outer_main_holder {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    position: absolute;
}

canvas {
    top: 0;
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: absolute;
    z-index: 5;
}

#mainHolder {
    top: 0;
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 2;
}

#backgroundIMG {
    /*position: absolute;

  background-image:url('img/MobileBackgrounds/ExtendedBacks/mainBackground-extend.png');
  background-repeat:no-repeat;
  background-position:center top;
  background-color: #000;
  background-repeat:no-repeat;
  background-position: 50% 0;
  width: 100%;
  z-index: 1;*/
}

#canvasAnim {}

#genMenu {
    position: absolute;
    background: #fff;
    /*width: 100%;*/
    height: 7.0%;
    z-index: 10;
}

#topMenu {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #000;
    background: rgba(0, 0, 0, 0.6);
    z-index: 10;
    // border-style:inset;
    // border-color:#333;
    // border-width:2px;
}

// body[data-os*='iOS-6'] #topMenu {
//     border-top: 16px solid black;
//     border-top-color: rgba(0, 0, 0, 0.6);
// }
.flexbox.flexboxlegacy #topMenu,
.flexbox.no-flexboxlegacy #topMenu,
.no-flexbox.flexboxlegacy #topMenu {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

#topMenu.solid {
    background-size: 50px 100%;
    background-image: -webkit-repeating-linear-gradient(left, hsla(0, 0%, 100%, 0) 0%, hsla(0, 0%, 100%, 0) 6%, hsla(0, 0%, 100%, .1) 7.5%, hsla(0, 0%, 100%, 0) 9%), -webkit-repeating-linear-gradient(left, hsla(0, 0%, 0%, 0) 0%, hsla(0, 0%, 0%, 0) 4%, hsla(0, 0%, 0%, .03) 4.5%, hsla(0, 0%, 0%, 0) 6%), -webkit-repeating-linear-gradient(left, hsla(0, 0%, 100%, 0) 0%, hsla(0, 0%, 100%, 0) 1.2%, hsla(0, 0%, 100%, .15) 2.2%, hsla(0, 0%, 100%, 0) 4%), -webkit-linear-gradient(-90deg, hsl(0, 0%, 78%) 0%, hsl(0, 0%, 90%) 47%, hsl(0, 0%, 78%) 53%, hsl(0, 0%, 70%)100%);
}

#topMenu #leftMenu,
#topMenu #rightMenu {
    display: block;
    float: right;
    margin: 0;
    padding: 0.2em 0;
}

#topMenu #leftMenu {
    float: left;
}

.flexbox.flexboxlegacy #topMenu #leftMenu,
.flexbox.flexboxlegacy #topMenu #rightMenu,
.flexbox.no-flexboxlegacy #topMenu #leftMenu,
.flexbox.no-flexboxlegacy #topMenu #rightMenu,
.no-flexbox.flexboxlegacy #topMenu #leftMenu,
.no-flexbox.flexboxlegacy #topMenu #rightMenu {
    text-align: left;
    float: none;
    padding: 0.325em 0 0;
    -webkit-box-flex: 2.5;
    -moz-box-flex: 2.5;
    -webkit-flex: 2.5 0 auto;
    -ms-flex: 2.5 0 auto;
    flex: 2.5 0 auto;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.flexbox.flexboxlegacy #topMenu #rightMenu,
.flexbox.no-flexboxlegacy #topMenu #rightMenu,
.no-flexbox.flexboxlegacy #topMenu #rightMenu {
    text-align: right;
}

.icon-small span {
    display: block;
}

.icon-mid span {
    display: block;
}

nav ul {
    list-style: none;
}

#leftMenu .icon-small,
#rightMenu .icon-small {
    padding-right: 2.5em;
    padding-top: 4px;
    display: inline-block;
    overflow: hidden;
    margin: 0;
    z-index: 1;
    font-size: 2em;
}

.mini__desktop #leftMenu .icon-small,
.mini__desktop #rightMenu .icon-small {
    font-size: 1.75em;
}

#rightMenu .icon-small {
    padding-left: 2.5em;
    padding-right: 0em;
}

#leftMenu .icon-mid,
#rightMenu .icon-mid {
    padding-right: 1.5em;
    padding-top: 4px;
    display: inline-block;
    overflow: hidden;
    margin: 0;
    z-index: 1;
    margin-left: 1.5em;
}

#rightMenu .icon-mid {
    /*padding-left: 2.5em;
  padding-right: 0em;*/
}

#leftMenu .icon-mid li:first-child {
    margin-left: 2.5em;
}

.flexbox.flexboxlegacy #topMenu #leftMenu li,
.flexbox.flexboxlegacy #topMenu #rightMenu li,
.flexbox.no-flexboxlegacy #topMenu #leftMenu li,
.flexbox.no-flexboxlegacy #topMenu #rightMenu li,
.no-flexbox.flexboxlegacy #topMenu #leftMenu li,
.no-flexbox.flexboxlegacy #topMenu #rightMenu li {
    padding: 0;
    margin: 0;
    width: 49%;
    text-align: center;
}

#leftMenu a,
#rightMenu a {
    display: block;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#topMenu h1 {
    color: #fff;
    display: block;
    position: absolute;
    text-align: center;
    width: 100%;
    font-family: "Arial", Helvetica, sans-serif;
    margin: 0;
    z-index: -1;
    opacity: 0.9;
    line-height: 1.6em;
    text-transform: uppercase;
}

.flexbox.flexboxlegacy #topMenu h1,
.flexbox.no-flexboxlegacy #topMenu h1,
.no-flexbox.flexboxlegacy #topMenu h1 {
    position: static;
    width: auto;
    line-height: 1.2em;
    -webkit-box-flex: 2.5;
    -moz-box-flex: 2.5;
    -webkit-flex: 2.5 0 auto;
    -ms-flex: 2.5 0 auto;
    flex: 2.5 0 auto;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

#topMenu.solid h1 {
    color: #2B2B2B;
}

#homeMenu {
    position: absolute;
    background: #000000;
    width: 100%;
    height: 8%;
    top: 0;
    opacity: 0.8;
}

#bg {
    position: fixed;
    top: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
}

#gameArea {
    position: absolute;
    left: 50%;
    top: 50%;
}

#gameCanvas {
    width: 100%;
    height: 100%;
}

#splashScreen {
    background: #000000;
    display: block;
    margin: 0 auto;
}

#statsPanel {
    position: absolute;
    background: #000000;
    width: 100%;
    height: 8%;
    bottom: 0;
    opacity: 0.8;
}

#betHistoryTable {
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
    display: none;
    background: #4A4A4A;
    width: 100%;
    height: 100%;
    //overflow: hidden;
    position: absolute;
    z-index: 100;
}

#gameDiv {
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
    display: none;
    background: #333;
}

#LoadingScreen {
    z-index: 10;
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    min-height: 100%;
    background: #3c3c3c;
    /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #3c3c3c 0%, #0e0e0e 65%, #0e0e0e 100%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #3c3c3c), color-stop(65%, #0e0e0e), color-stop(100%, #0e0e0e));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, #3c3c3c 0%, #0e0e0e 65%, #0e0e0e 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, #3c3c3c 0%, #0e0e0e 65%, #0e0e0e 100%);
    /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, #3c3c3c 0%, #0e0e0e 65%, #0e0e0e 100%);
    /* IE10+ */
    background: radial-gradient(ellipse at center, #3c3c3c 0%, #0e0e0e 65%, #0e0e0e 100%);
    /* W3C */
}

#gameTitle {
    overflow: hidden;
    display: block;
    margin: 0 auto;
    width: 85%;
    max-width: 400px;
    text-align: center;
}

#gameTitle h2 {
    font: bold 21px/1.4em Arial, Helvetica, sans-serif;
    color: #FFF;
    padding-bottom: 10px;
    text-align: center
}

#gameTitle a {
    -webkit-transition: background 500ms ease-in-out;
    -moz-transition: background 500ms ease-in-out;
    -ms-transition: background 500ms ease-in-out;
    -o-transition: background 500ms ease-in-out;
    transition: background 500ms ease-in-out;
    -moz-box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.25);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #bcbcbc;
    border: 0;
    display: inline-block;
    padding: 1px 0.5em;
    margin: 0.5em;
    text-decoration: none;
    font: bold 16px/42px Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
    color: #474747;
    text-align: center;
    cursor: pointer;
}

#gameTitle a:hover {
    background-color: #b1b1b1;
}

#gameTitle .realButton {
    -moz-box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.25);
    -webkit-box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.25);
    box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.25);
    background-color: #5fb348;
    ;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    color: #fff;
}

#gameTitle .realButton:hover {
    background-color: #4b9f35;
}

@media all and (max-width: 28em) {
    .is--phone #gameTitle a {
        display: block;
        margin-bottom: 1em;
    }
}

#Logo {
    padding-top: 5%; //50px;
    padding-bottom: 3%; //30px;
    overflow: hidden;
    display: block;
    margin: 0 auto;
    width: 40%;
    max-height: 50%;
    max-width: 260px;
}

@media all and (orientation:portrait) {
    #Logo {
        padding-top: 15%; //50px;
        padding-bottom: 3%; //30px;
        overflow: hidden;
        display: block;
        margin: 0 auto;
        width: 75%;
        max-height: 50%;
    }
}

@media all and (orientation:landscape) and (max-width:40em) {
    #Logo {
        min-height: 120px;
    }
}

#Logo img {
    display: block;
    //margin-left: 19%;
    //width: 85%;
    /*height: auto;*/
    margin: 0 auto;
    max-width: 100%;
    height: auto;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    #Logo img {
        width: 100%;
        max-width: 100%;
        height: auto;
    }
}

#outerLoad {
    background: #000;
    /* Old browsers */
    background: -moz-linear-gradient(top, #000000 0%, #161616 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(100%, #161616));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #000000 0%, #161616 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #000000 0%, #161616 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #000000 0%, #161616 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #000000 0%, #161616 100%);
    /* W3C */
    //margin-bottom: 10px;
    margin: 0 auto;
    width: 205px;
    height: 14px;
    border: 1px solid #0f0f0e;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: -3px -3px 17px rgba(0, 0, 0, 0.9) inset, 0 2px 0 rgba(255, 255, 255, 0.25);
    box-shadow: -3px -3px 17px rgba(0, 0, 0, 0.9) inset, 0 2px 0 rgba(255, 255, 255, 0.25);
}

// #outerLoad:after {
//  content: 'Loading your Uniq Experience...';
//  text-align: center;
// }
#innerLoad {
    width: 5px;
    height: 8px;
    margin: 2px;
    float: left;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: rgb(255, 255, 255);
    /* Old browsers */
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(229, 229, 229, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=1);
    /* IE6-9 */
    -webkit-box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.3);
}

#betHistoryTable header {
    // -moz-border-radius-topleft: 4px;
    // -webkit-border-top-left-radius: 4px;
    // border-top-left-radius: 4px;
    // -moz-border-radius-topright: 4px;
    // -webkit-border-top-right-radius: 4px;
    // border-top-right-radius: 4px;
    background: #222222;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3e3e3e), color-stop(100%, #141414));
    background-image: -webkit-linear-gradient(top, #3e3e3e, #141414);
    background-image: -moz-linear-gradient(top, #3e3e3e, #141414);
    background-image: -o-linear-gradient(top, #3e3e3e, #141414);
    background-image: linear-gradient(top, #3e3e3e, #141414);
    border: 1px solid black;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

#betHistoryTable header .backButton {
    position: relative;
    z-index: 10;
    top: 0;
    left: 0;
}

#betHistoryTable header h1 {
    font: bold 1.125em Arial, sans-serif;
    position: absolute;
    top: 0;
    width: 100%;
    width: calc(100% - 96px);
    text-align: center;
    color: white;
    text-shadow: rgba(0, 0, 0, 0.8) 0 -1px 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 48px;
}

#content {
    font: normal 12pt Arial;
    color: #FFFFFF;
    width: 100%;
    height: 100%;
    margin: 0;
    padding-bottom: 2em;
    border: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

#content {
    margin-top: 10px;
    overflow: hidden;
}

#betHistoryTable #content {
    padding: 1px 0;
    margin: 50px 0 0;
}

#help__text {
    height: 80%;
    width: 90%;
    margin-left: 5%;
    margin-top: 4%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    background: #333;
    border-radius: 5px;
    border: 1px solid black;
}

.is--phone #help__text {
    height: 76%;
    margin-top: 2%;
    width: 99%;
    margin-left: 0.5%;
}

#help__text header {
    background: none;
    border: 0;
    //     -moz-border-radius-topleft: 4px;
    //     -webkit-border-top-left-radius: 4px;
    //     border-top-left-radius: 4px;
    //     -moz-border-radius-topright: 4px;
    //     -webkit-border-top-right-radius: 4px;
    //     border-top-right-radius: 4px;
    //     background: #222222;
    //     background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3e3e3e), color-stop(100%, #141414));
    //     background-image: -webkit-linear-gradient(top, #3e3e3e, #141414);
    //     background-image: -moz-linear-gradient(top, #3e3e3e, #141414);
    //     background-image: -o-linear-gradient(top, #3e3e3e, #141414);
    //     background-image: linear-gradient(top, #3e3e3e, #141414);
    //     border: 1px solid black;
}

#help__text article {
    margin: 5px;
}

#help__text article {
    margin: 0px;
    width: 100%;
    //margin-left: 2px;
}

#help__text h1 {
    text-align: center;
    color: white;
    text-shadow: rgba(0, 0, 0, 0.8) 0 -1px 0;
    font-size: 1.125em;
}

#helpHeader {
    text-align: center;
    color: white;
    text-shadow: rgba(0, 0, 0, 0.8) 0 -1px 0;
    font-size: 1.145em;
    font-family: arial;
    display: block;
    position: absolute;
}

#lobby {
    overflow: hidden;
    display: block;
    margin: 0 auto;
    width: 75%;
}

#lobby a {
    display: inline-block;
    padding-top: 25px;
    padding-bottom: 25px;
    /*padding-right:25px;*/
    padding-left: 25px;
    float: left;
    background: #333;
}


/*
  Generic Styling
  */

table {
    width: 100%;
    border-collapse: collapse;
}


/* Zebra striping */

tr:nth-of-type(odd) {
    /*background: #eee;*/
    background: #222;
}

td,
th {
    font: normal 8pt Arial;
    padding: 2px;
    border: 1px solid #ccc;
    text-align: left;
}

th {
    /*background: #333; */
    color: white;
    font-weight: bold;
    text-transform: capitalize;
}

.backButton {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    background: #222222;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3e3e3e), color-stop(100%, #141414));
    background-image: -webkit-linear-gradient(top, #3e3e3e, #141414);
    background-image: -moz-linear-gradient(top, #3e3e3e, #141414);
    background-image: -o-linear-gradient(top, #3e3e3e, #141414);
    background-image: linear-gradient(top, #3e3e3e, #141414);
    /*border:1px solid #dcdcdc;*/
    display: inline-block;
    color: #777777;
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
    padding: 4px 10px;
    text-decoration: none;
    text-shadow: 1px 1px 0px #ffffff;
}

.is--phone .backButton {
    padding: 4px;
}

.backButton:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2B2B2B), color-stop(1, #2B2B2B));
    background: -moz-linear-gradient(center top, #4A4A4A 5%, #4A4A4A 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
    background-color: #dfdfdf;
}

.backButton:active {
    position: relative;
    top: 1px;
}

.bet__history_drill {
    cursor: pointer;
}

.bet__history_drill:hover {
    background: #111;
}

.messi {
    transform-origin: 0px 0px 0px;
}

#slotdetailsFrame {
    height: 100%;
    width: 100%;
    overflow: auto;
    cursor: pointer;
}

#betHistoryTable td,
th {
    font: normal 12pt Arial;
    padding: 10px;
    border: 1px solid #ccc;
    text-align: left;
}

.is--phone #betHistoryTable td,
th {
    font: normal 10pt Arial;
    padding: 6px;
    border: 1px solid #ccc;
    text-align: left;
}

.is--phone #betHistoryTable ul {
    margin: 0;
    padding: 0;
    border: 0;
}

.is--phone #betHistoryTable li {
    list-style: none;
    display: block;
    overflow: hidden;
    margin: 1px 0;
}

.is--phone #betHistoryTable .bet__history_row {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: inline-flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    background: #242424;
    background-image: -moz-linear-gradient(to bottom, #242424, #0E0E0E);
    background-image: -o-linear-gradient(to bottom, #242424, #0E0E0E);
    background-image: -webkit-linear-gradient(to bottom, #242424, #0E0E0E);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #242424), color-stop(1, #0E0E0E));
    background-image: linear-gradient(to bottom, #242424, #0E0E0E);
    border: 1px solid #000;
    width: 100%;
    height: 44px;
   
}

.bet__history_details, .bet__history_row{
     touch-action: auto !important;
}

.is--phone #betHistoryTable .bet__history_row h4 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -moz-box-flex: 1;
    -moz-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    color: #a5a5a5;
    margin: 0;
    padding: 0 0.5em;
    line-height: 44px;
    font-size: 0.75em;
    min-width: 5em;
    max-width: 5em;
}

.is--phone #betHistoryTable .bet__history_row h4.bh__desc {
    min-width: 0;
    //max-width: 80%;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-flex-shrink: 1;
    -moz-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    text-align: center;
}

.is--phone #betHistoryTable .bet__history_row h4.bh__status {
    min-width: 6em;
    max-width: 6em;
    -webkit-align-self: flex-end;
    -moz-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.is--phone #betHistoryTable .bet__history_row h4.bh__more {
    min-width: 1.375em;
    max-width: 1.375em;
    text-align: center;
    font-size: 1.125em;
    font-weight: bold;
    padding: 0;
}

.is--phone #betHistoryTable .bet__history_row .more-details {
    text-decoration: none;
    vertical-align: middle;
}

.is--phone #betHistoryTable .bet__history_row .more-details:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\bb";
}

.is--phone #betHistoryTable .bet__history_row .more-details span {
    font: 0/0 serif;
    text-shadow: none;
    color: rgba(0, 0, 0, 0);
}

.is--phone #betHistoryTable .bet__history_row.is--active h4,
.is--phone #betHistoryTable .bet__history_row.is--active .more-details:before {
    color: #fff;
}

.is--phone #betHistoryTable .bet__history_row.is--active .more-details:before {
    content: "\ab";
}

.is--phone #betHistoryTable .bet__history_details {
    display: none;
    margin: 0 0 1em;
    border: 1px solid #000;
    border-top-color: #242424;
    overflow: hidden;
}

.is--phone #betHistoryTable .bet__history_details table {
    font-size: 0.875em;
}

.is--phone #betHistoryTable .bet__history_details table th,
.is--phone #betHistoryTable .bet__history_details table td {
    border: 0;
    padding: 4px;
}

.is--phone #betHistoryTable .bet__history_details table td {
    text-align: left;
    font-weight: normal;
    width: auto;
}

.is--phone #betHistoryTable .bet__history_details table td:first-of-type {
    text-align: right;
    width: 33%;
    padding-right: 2%;
    font-weight: bold;
    text-transform: capitalize;
}

.is--phone #betHistoryTable .bet__history_row h4 {
    max-width: initial !important;
}

*,
*:after,
*:before {
    touch-action: pan-y;
}

#fullscreenRequest {
    position: absolute;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 10px;
    width: 300px;
    height: auto;
    padding: 10px;
    left: 50%;
    margin-left: -150px;
    top: 35%;
    visibility: hidden;
    z-index: 2999;
}

#fullscreenRequest h2 {
    color: black;
    font: 1.25em "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-shadow: rgba(0, 0, 0, 0.63) 0 -1px 0;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 10px;
}

#fullModal {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 2999;
    display: none;
}

.fullBut {
    width: 80px;
    height: 44px;
    display: inline-block;
    margin-left: 45px;
    margin-bottom: 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    -moz-box-shadow: rgba(0, 0, 0, 0.55) 0 -1px 0, rgba(227, 149, 149, 0.36) 0 1px 0;
    -webkit-box-shadow: rgba(0, 0, 0, 0.55) 0 -1px 0, rgba(227, 149, 149, 0.36) 0 1px 0;
    box-shadow: rgba(0, 0, 0, 0.55) 0 -1px 0, rgba(227, 149, 149, 0.36) 0 1px 0;
    font: 1.0em "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-shadow: rgba(0, 0, 0, 0.63) 0 -1px 0;
    color: #fff;
    font-weight: bold;
    background: #4a2121;
    background-image: -moz-linear-gradient(to bottom, #773636, #4A2121);
    background-image: -o-linear-gradient(to bottom, #773636, #4A2121);
    background-image: -webkit-linear-gradient(to bottom, #773636, #4A2121);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #773636), color-stop(1, #4A2121));
    background-image: linear-gradient(to bottom, #773636, #4A2121);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    line-height: 44px;
    z-index: 999;
}


/*media queries for mini casinpo games on desktop*/

@media (max-width: 319px) and (orientation:portrait) {
    .is--phone #betHistoryTable .bet__history_row h4 {
        font-size: 0.55em !important;
    }
    #betHistoryTable #content #container {
        height: 85%;
    }
}


/****add home screen style****/

.ath-viewport * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ath-viewport {
    position: relative;
    z-index: 2147483641;
    pointer-events: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}

.ath-modal {
    pointer-events: auto !important;
    background: rgba(0, 0, 0, 0.6);
}

.ath-mandatory {
    background: #000;
}

.ath-container {
    pointer-events: auto !important;
    position: absolute;
    z-index: 2147483641;
    padding: 0.7em 0.6em;
    width: 18em;
    background: #eee;
    background-size: 100% auto;
    box-shadow: 0 0.2em 0 #d1d1d1;
    font-family: sans-serif;
    font-size: 15px;
    line-height: 1.5em;
    text-align: center;
}

.ath-container small {
    font-size: 0.8em;
    line-height: 1.3em;
    display: block;
    margin-top: 0.5em;
}

.ath-ios.ath-phone {
    bottom: 1.8em;
    left: 50%;
    margin-left: -9em;
}

.ath-ios6.ath-tablet {
    left: 5em;
    top: 1.8em;
}

.ath-ios7.ath-tablet {
    left: 0.7em;
    top: 1.8em;
}

.ath-ios8.ath-tablet {
    right: 0.4em;
    top: 1.8em;
}

.ath-android {
    bottom: 1.8em;
    left: 50%;
    margin-left: -9em;
}


/* close icon */

.ath-container:before {
    content: '';
    position: relative;
    display: block;
    float: right;
    margin: -0.7em -0.6em 0 0.5em;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAACECAMAAABmmnOVAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAAeHAAAHhwFd+hRDAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAHVQTFRFAAAAOTk5MzMzOzs7Nzc3QUFBQEBAPz8/Pj4+QUFBQEBAPz8/Pj4+QUFBQEBAPz8/QUFBPj4+Pz8/Pz8/Pj4+Pz8/Pz8/Pz8/Pj4+Pz8/Pj4+Pz8/Pz8/Pz8/Pz8/Pz8/Pj4+Pz8/Pz8/Pz8/Pz8/QEBAPz8/n3QmjwAAACZ0Uk5TAAkKDQ4zODk6OzxBQkNERUusrbG0tba7vL3Excbu8fL19fb3+PgucqJgAAACqklEQVR42sXc23LCIBAGYKy2pgft0WpP2vTA+z9i0+goCZAs7O7P3oWZTL5ZYAh7sca0MXmYG3jM7yfu4/TV1jdow01tX6cdg4UrGoN1FNM3a+GK1nBSzPYGrOJgsPZt1hrerYUrjoa9wjHgFI7B2veZWVk3tpCdWm07H30y8+4AIhedPFj7cW7wioABrggawIqIAaroGbYXzlGCUvQNnc0IUgwaQIoRA0QxagAoCAZ1BcmgrCAaVBVkg6IiwaCmSDIoKRINKopkg4IiwyCuyDIIKzINoopsg6CCYRBTsAxCCqZBRLGo2RcrtkLAwFaIGJgKIQNLIWZgKAQN2QpRg1dKoCmEDVkKcUOGQsGQrFAxJCqUDEkKNUOCQtFAVqgaiAplg69YFDAQFADDqAJiGFGADI1iF1XADAOKvqHSLApHFFBDRAE2BBVwQ0BRwOApfn8LGDxFEcOQAmeIK5CGmAJrCCvQBq8A8r9Zrw08qp6irvAGs/zpIr4XBQxf3nQsyhvwipABrQgbsIqYAamIG3CKnqH+LKDoGXbVwD84zDB4E4AZ4IqgAayIGKCKqMGYS5RiwOArlgUMnuJrWcAAUYwaAAqCQV1BMigriAZVBdmgqEgwqCmSDEqKRIOKItmgoMgwiCv6hkvaa6KKTIOoItsgqGAYxBQsg5CCaRBRsA0CCgEDWyFiYCqEDCyFmIGhEDRkK0QNmQphQ5ZC3JChUDAkK1QMiQolQ5JCzZCguNUzkBV3P4oGokLZQFKoGwgKgGFUATGMKECGQQXMYMxVTAE0RBVQQ0QBNgQVcENI8QwoBo8cUiszWYPz4OVi3bQ9cBQoQ0exblsvTDZwg6PYHNo/tE0XmvVwa4BxWBentgtnL+A8HHPxcnYaaBRoQ6twDY3iEW5oFI8Hwx/QxSE448b+MwAAAABJRU5ErkJggg==);
    background-color: rgba(255, 255, 255, 0.8);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 2.7em;
    height: 2.7em;
    text-align: center;
    overflow: hidden;
    color: #a33;
    z-index: 2147483642;
}

.ath-container.ath-icon:before {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    float: none;
}

.ath-mandatory .ath-container:before {
    display: none;
}

.ath-container.ath-android:before {
    float: left;
    margin: -0.7em 0.5em 0 -0.6em;
}

.ath-container.ath-android.ath-icon:before {
    position: absolute;
    right: auto;
    left: 0;
    margin: 0;
    float: none;
}


/* applied only if the application icon is shown */

.ath-container.ath-icon {}

.ath-action-icon {
    display: inline-block;
    vertical-align: middle;
    background-position: 50%;
    background-repeat: no-repeat;
    text-indent: -9999em;
    overflow: hidden;
}

.ath-ios7 .ath-action-icon,
.ath-ios8 .ath-action-icon {
    width: 1.6em;
    height: 1.6em;
    background-image: url(data:image/png;base64,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);
    margin-top: -0.3em;
    background-size: auto 100%;
}

.ath-ios6 .ath-action-icon {
    width: 1.8em;
    height: 1.8em;
    background-image: url(data:image/png;base64,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);
    margin-bottom: 0.4em;
    background-size: 100% auto;
}

.ath-android .ath-action-icon {
    width: 1.4em;
    height: 1.4em;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE2ODRFM0VGNDc0NTExRTRCNEUxODAyMzVCNkM5RTU5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE2ODRFM0YwNDc0NTExRTRCNEUxODAyMzVCNkM5RTU5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTY4NEUzRUQ0NzQ1MTFFNEI0RTE4MDIzNUI2QzlFNTkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTY4NEUzRUU0NzQ1MTFFNEI0RTE4MDIzNUI2QzlFNTkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7bs1dGAAABKElEQVR42uyXywnCQBRFxyCxCFsQ/CzUGtQGdOfGuBJbcWcqsAGtwY2Iii1YgbhQF/EOvEAQ/ARnkhHug7NwvJC5hDBzClEUqV8nCILkTx+MQR9UZO0IFmAObnEwDMOfn11UZqcMlqD2tN4WhqAHTqYe6BncvP9i88nR/61AycUCwYfNx1MFIxcLDCxlMyvQSJGtu1ggzdxdLLBNkT26WGBhKZtZAX0q7b/IHSTrXIEr6ILdm4wu2JGskx+xPmFbYAo24CJsZK1p8hS2cZVQcteZCdanYOIyl+d46s+HBfIeIx/xk9B8f3AYEBobb0B7wQSswVlYy5rv5BugkdHIaGQ0MhoZjYxGRiOjkdEHWIBGRiOjkdHIaGQ0MhoZjYxGRiPL1sgeAgwApeJtJOoNgAYAAAAASUVORK5CYII=);
    background-size: 100% auto;
}

.ath-container p {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 2147483642;
    text-shadow: 0 0.1em 0 #fff;
    font-size: 1.1em;
}

.ath-ios.ath-phone:after {
    content: '';
    background: #eee;
    position: absolute;
    width: 2em;
    height: 2em;
    bottom: -0.9em;
    left: 50%;
    margin-left: -1em;
    -webkit-transform: scaleX(0.9) rotate(45deg);
    transform: scaleX(0.9) rotate(45deg);
    box-shadow: 0.2em 0.2em 0 #d1d1d1;
}

.ath-ios.ath-tablet:after {
    content: '';
    background: #eee;
    position: absolute;
    width: 2em;
    height: 2em;
    top: -0.9em;
    left: 50%;
    margin-left: -1em;
    -webkit-transform: scaleX(0.9) rotate(45deg);
    transform: scaleX(0.9) rotate(45deg);
    z-index: 2147483641;
}

.ath-application-icon {
    position: relative;
    padding: 0;
    border: 0;
    margin: 0 auto 0.2em auto;
    height: 6em;
    width: 6em;
    z-index: 2147483642;
}

.ath-container.ath-ios .ath-application-icon {
    border-radius: 1em;
    box-shadow: 0 0.2em 0.4em rgba(0, 0, 0, 0.3), inset 0 0.07em 0 rgba(255, 255, 255, 0.5);
    margin: 0 auto 0.4em auto;
}

@media only screen and (orientation: landscape) {
    .ath-container.ath-phone {
        width: 24em;
    }
    .ath-android.ath-phone {
        margin-left: -12em;
    }
    .ath-ios.ath-phone {
        margin-left: -12em;
    }
    .ath-ios6:after {
        left: 39%;
    }
    .ath-ios8.ath-phone {
        left: auto;
        bottom: auto;
        right: 0.4em;
        top: 1.8em;
    }
    .ath-ios8.ath-phone:after {
        bottom: auto;
        top: -0.9em;
        left: 68%;
        z-index: 2147483641;
        box-shadow: none;
    }
}


/****Loader****/

.spinner {
    color: #FFF !important;
}


/** .IT AAms**/

body[data-jurisdiction=it][data-playMode=real] #lastNumbers {
    top: 26px;
}
body[data-jurisdiction=it][data-playMode=real] .page {
    padding-top: 30px!important;
}
body[data-jurisdiction=it][data-playMode=real] #topMenu,
.not--phone body[data-jurisdiction=it][data-playMode=real][class*=FOOTBALL] #timer,
body[data-jurisdiction=it][data-playMode=real] #betHistoryTable,
body[data-jurisdiction=it][data-playMode=real] #back_disc,
body[data-jurisdiction=it][data-playMode=real] #prevRes .timer{
    top: 30px;
}

.aams__container {
    display:none;
    background: #000000;
    position: fixed;
    width: 100%;
    height: 30px;
    z-index: 250;
    justify-content: space-between;
}
.aams__container ul {
    margin: 6px 0;
    padding: 0;
    line-height: 1;
}
.aams__container li {
    list-style-type: none;
    color: #444;
    color: rgba(255,255,255,0.3);
    font-size: 8px;
    margin: 0 4px;
    display: inline-block;
}
.aams__container .aams__ids li {
    line-height: 1.25;
    display: block;
}
.aams__container li span {
    color: #888;
    color: rgba(255,255,255,0.6);
}
.aams__logos li a {
    display: block;
}
.aams__logos li img {
    width: auto;
    height: 17px;
    padding-bottom: 1px;
}

@media all and (min-width: 679px) {
    body[data-jurisdiction=it][data-playMode=real] .page {
        padding-top: 20px!important;
    }
    body[data-jurisdiction=it][data-playMode=real][class*=FOOTBALL] #timer,
    body[data-jurisdiction=it][data-playMode=real] #topMenu,
    body[data-jurisdiction=it][data-playMode=real] #betHistoryTable {
        top: 20px;
    }
    .is--phone body[data-jurisdiction=it][data-playMode=real][class*=FOOTBALL] #timer {
        top: 0; // reset if we've resize
    }
    .aams__container {
        height: 20px;
    }
    .aams__container ul {
        margin: 0;
    }
    .aams__container li {
      font-size: 9px;
      margin: 0 8px;
    }
    .aams__container .aams__ids li {
      display: inline-block;
      line-height: 20px;
    }
}


/*media queries for mini casino games on desktop*/

@media (max-width: 319px) and (orientation:portrait) {
    .whiteRoundedBox table p {
        font-size: 12px !important;
        width: 75%;
    }
    .whiteRoundedBox table h1 {
        font-size: 14px !important;
    }
}