html {
    height: 100%;
}
body {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;

}
body {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
*:not(input) {
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}

div.spacer {
    height: 0;
    font-size: 0;
    clear: both;
}

#page {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #0076c0 center center no-repeat;
    z-index:1000;
}
#welcome {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    background: #fff url('../../images/kiosk/logo_lang.png') center center no-repeat;
}
#welcome.loading {
    background: #fff url('../../images/kiosk/logo_load.gif') center center no-repeat;
}

.loader {
  height: 10px;
  width: 100%;
  position: absolute;
  bottom:0px;
  overflow: hidden;
  background-color: black;

}
.loader:before{
  display: block;
  position: absolute;
  content: "";
  left: -200px;
  width: 200px;
  height: 30px;
  background-color: #2980b9;
  animation: loading 2s linear infinite;
}

@keyframes loading {
    from {left: -200px; width: 30%;}
    50% {width: 30%;}
    70% {width: 70%;}
    80% { left: 50%;}
    95% {left: 120%;}
    to {left: 100%;}
}

#welcome #languages {
    display: none;
    position:absolute;
    width: 100%;
    height: 150px;
    top: 55%;
    margin-top: 0px;
    text-align: center;
}
#welcome #languages div.language {
    display: inline-block;
    width: 150px;
    height: 150px;
    margin-right: 35px;
    margin-left: 35px;
    cursor: pointer;
}
#welcome #languages div.language-en {
    background: url('../../images/kiosk/language_en.png') center center no-repeat;
}
#welcome #languages div.language-el {
    background: url('../../images/kiosk/language_el.png') center center no-repeat;
}
#welcome #languages div.language-ru {
    background: url('../../images/kiosk/language_ru.png') center center no-repeat;
}

#dashboard {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    background: #fff url('../../images/kiosk/logo_lang.png') center center no-repeat;
}

#dashboard #games {
    display: none;
    position:absolute;
    width: 100%;
    height: 150px;
    top: 55%;
    margin-top: 0px;
    text-align: center;
}

#dashboard #games div.games {
    display: inline-block;
    width: 200px;
    height: 200px;
    margin-right: 25px;
    margin-left: 25px;
    cursor: pointer;
}

#dashboard #games div.game-spinnwin {
    background: url('../../images/kiosk/betomall/SpinWin_Normal.png') center center no-repeat;
}

#dashboard #games div.game-sports {
    background: url('../../images/kiosk/betomall/Sports_Normal.png') center center no-repeat;
}

#dashboard #games div.game-keno {
    background: url('../../images/kiosk/betomall/Keno_Normal.png') center center no-repeat;
}

#dashboard #games div.game-luckyballs {
    background: url('../../images/kiosk/betomall/Luck6_Normal.png') center center no-repeat;
}

#doc {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#hd {
    position: relative;
    height: 100px;
    background: url('../../images/kiosk/hd_bg.png') repeat-x;
}

#hd #comp-logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 120px;
    height: 57px;
    background: center center no-repeat;
}
#hd #currentsport {
    left: 10px;
}

/*#doc.live-betting #hd {
    background : #8BC34A;
}*/


#hd #sports {
    position: absolute;
    height: 90px;
    width: 400px;
    left: 115px;
    top: 6px;
}
div.sport {
    position: absolute;
    height: 50px;
    width: 65px;
    top: 0;
    left: 0;
    cursor: pointer;
}
div.sport-live {
    width: 85px;
}
#hd #sports div.selected {
    border-top: 1px solid #a3b0b8;
    border-left: 1px solid #a3b0b8;
    border-bottom: 1px solid #d8e8f2;
    border-right: 1px solid #d8e8f2;
}
div.sport .image {
    position: absolute;
    width: 35px;
    height: 35px;
    top: 2px;
    left: 15px;
    background: center center no-repeat;
}
div.sport-live .image {
    left: 0px;
    width: 85px;
}
div.sport-live div.nrmatches {
    display: none;
}

div.sport .label {
    position: absolute;
    width: 100%;
    height: 16px;
    top: 35px;
    text-align: center;
    font: 10px/16px Verdana;
    color: #238;
    white-space: nowrap;
    overflow: hidden;
}

div.sport-live  .image             { background-image: url('../../images/kiosk/willgolive.png'); }
div.sport-special .image             { background-image: url('../../images/kiosk/sport_specials.png'); }
div.sport-worldcup  .image         { background-image: url('../../images/kiosk/worldcup.png'); }
div.sport-soccerroulette  .image   { background-image: url('../../images/kiosk/roulette.png'); }
div.sport-racing  .image           { background-image: url('../../images/kiosk/racing.png'); }
div.sport-soccer  .image           { background: url('../../images/kiosk/sprite.png') 0px -150px; }
div.sport-basketball  .image       { background: url('../../images/kiosk/sprite.png') -35px -150px; }
div.sport-baseball  .image         { background: url('../../images/kiosk/sprite.png') -70px -150px; }
div.sport-ice-hockey  .image       { background: url('../../images/kiosk/sprite.png') -105px -150px; }
div.sport-tennis  .image           { background: url('../../images/kiosk/sprite.png') -140px -150px; }
div.sport-handball  .image         { background: url('../../images/kiosk/sprite.png') -175px -150px; }
div.sport-golf  .image             { background: url('../../images/kiosk/sprite.png') -210px -150px; }
div.sport-motorsport .image        { background: url('../../images/kiosk/sprite.png') 0px -185px; }
div.sport-rugby .image             { background: url('../../images/kiosk/sprite.png') -35px -185px; }
div.sport-american-football .image { background: url('../../images/kiosk/sprite.png') -70px -185px; }
div.sport-snooker .image           { background: url('../../images/kiosk/sprite.png') -105px -185px; }
div.sport-darts .image             { background: url('../../images/kiosk/sprite.png') -140px -185px; }
div.sport-volleyball .image        { background: url('../../images/kiosk/sprite.png') -175px -185px; }
div.sport-futsal .image            { background: url('../../images/kiosk/sprite.png') -210px -185px; }
div.sport-cricket .image            { background: url('../../images/kiosk/sprite.png') -600px -140px; }
div.sport-beach-volley .image      { background: url('../../images/kiosk/sprite.png') -665px -185px; }
div.sport-boxing .image            { background: url('../../images/kiosk/sprite.png') -700px -185px; }
div.sport-mma .image               { background: url('../../images/kiosk/sprite.png') -735px -185px; }
div.sport-eurovision  .image       { background-image: url('../../images/kiosk/sport_eurovision2018.png'); }
div.sport-politics  .image         { background-image: url('../../images/kiosk/sport_politics.png'); }
div.sport-spinnwin .image          { background-image: url('../../images/kiosk/roulette.png'); }
div.sport-olympics .image { background-image: url('../../images/kiosk/olympics.png'); background-size : contain;}

div.sport-coupons {
    width:75px;
}
div.sport-coupons .image  { background: url('../../images/kiosk/sprite.png') 0px -150px; }



div.live-in-play .image {
    background: url('../../images/kiosk/sprite.png') -520px -400px;
}
div.live-in-play div.nrmatches {
    position: absolute;
    display: block;
    width: 28px;
    height: 25px;
    top: 6px;
    left: 13px;
    font: bold 18px/25px Verdana;
    text-align: center;
    color: #fff;
}

#hd #countries {
    display: none;
    position: absolute;
    height: 90px;
    width: 400px;
    left: 260px;
    top: 2px;
}
#hd #countries div.country {
    position: absolute;
    height: 55px;
    width: 65px;
    top: 0;
    cursor: pointer;
}
#hd #countries div.country .image {
    position: absolute;
    width: 60px;
    height: 40px;
    top: 0px;
    left: 0px;
    background: center center no-repeat;
}
#hd #countries div.country .label {
    position: absolute;
    width: 100%;
    height: 14px;
    top: 38px;
    text-align: center;
    font: 10px/14px Verdana;
    color: #238;
    white-space: nowrap;
}

#hd #pages {
    position: absolute;
    top: 65px;
    left: 5px;
    height: 35px;
    width: 80%;
}
#hd #pages div.page {
    position: absolute;
    top: 0;
    left: 0;
    height: 35px;
    width: 75px;
    color: #555;
    font: 13px/35px Verdana;
    text-align: center;
    overflow: hidden;
    background: url('../../images/kiosk/sprite.png') -100px -250px no-repeat;
    cursor: pointer;
}
#hd #pages div.subpage,
#hd #pages div.page-prev,
#hd #pages div.page-next {
    top: 5px;
    height: 30px;
    width: 50px;
    font: 12px/30px Verdana;
    background: url('../../images/kiosk/sprite.png') -200px -250px no-repeat;
}
#hd #pages div.page-next {
    left: 128px;
}
#hd #pages div.selected-page {
    color: #000;
    font: bold 13px/17px Verdana;
    background: url('../../images/kiosk/sprite.png') -100px -350px no-repeat;
}
#hd #pages div.highlighted_page {
    background: url('../../images/kiosk/sprite.png') -100px -300px no-repeat;
}
#hd #pages div.page-number {
    left: 52px;
    top: 0px;
    height: 35px;
    width: 75px;
    color: #000;
    font: bold 12px/35px Verdana;
    background: url('../../images/kiosk/sprite.png') -100px -350px no-repeat;
}
#hd #pages div.selected-subpage {
    font: bold 12px/30px Verdana;
    background: url('../../images/kiosk/sprite.png') -200px -300px no-repeat;
}
#hd #pages div.page div.page-date {
    font: 11px/17px Verdana;
}
#hd #pages div.selected-page div.page-date {
    font: bold 11px/17px Verdana;
}

#bd {
    position: relative;
}

#leagueview {
    position: relative;
    height: 100%;
}
#leagueview div.country {
    position: relative;
    margin: 12px 0;
    width: 265px;
    height: 50px;
    overflow: hidden;
}
#leagueview div.country div.league-select {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 15px;
    right: 10px;
    display: none;
}
#leagueview div.country div.flag {
    position: absolute;
    top: 6px;
    left: 4px;
}
#leagueview div.selected-country {
    color: #000;
    background-color: #FCBE16;
}
#leagueview div.selected-country div.league-select {
    display: block;
    background: url('../../images/kiosk/sprite.png') -40px -220px no-repeat;
    cursor: pointer;
}
#leagueview div.country div.leagues {
    position: relative;
    margin-top: 0px;
    margin-left: 65px;
    min-height: 38px;
    color: #aaa;
    font: 12px/18px Verdana;
}
#leagueview div.country div.leagues div.league {
    height: 18px;
    font: 12px/18px Verdana;
    white-space: nowrap;
    cursor: pointer;
}
#leagueview div.country div.leagues div.selected {
    color: #f58516;
    font-weight: bold;
}
#leagueview div.country div.label {
    position: relative;
    margin-left: 70px;
    margin-top: 6px;
    height: 36px;
    font: 14px/36px Verdana;
    text-align: left;
    color: #bbb;
    cursor: pointer;
}
#leagueview div.country span.check {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 4px;
    vertical-align: middle;
}
#leagueview div.selected span.check {
    background: url('../../images/kiosk/sprite.png') -530px -280px no-repeat;
}
#leagueview div.selected-country div.label {
    color: #000;
    font: bold 14px/36px Verdana;
}
#leagueview #leagueview-content div.page {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
#leagueview #leagueview-content div.page div.line {
    position: relative;
    margin-top: 20px;
}
#leagueview #leagueview-controls {
    padding-top: 2px;
    padding-left: 8px;
    height: 28px;
    width: 100%;
    position: absolute;
    bottom: 5px;
}
#leagueview-controls button {
    width: 120px;
    white-space: nowrap;
}
#leagueview #leagueview-controls #league-control-ok {
    background: url('../../images/kiosk/league_select_bg.png') repeat-x;
    border: 1px solid #080;
}
#leagueview #leagueview-controls #league-control-ok button {
    font-weight: bold;
    color: #fff;
}
#leagueview #leagueview-controls #league-control-select button {
    padding-left: 30px;
    background: url("../../images/kiosk/sprite.png") -500px -500px no-repeat;
}
#leagueview #leagueview-controls #league-control-deselect button {
    padding-left: 30px;
    background: url("../../images/kiosk/sprite.png") -500px -475px no-repeat
}

#league-select-panel div.bd {
    padding: 0;
    border: 10px solid #4795cc;
    position: relative;
}
#league-select-panel div.bd div.country-head {
    position: relative;
    height: 50px;
    background-color: #24618c;
    font: bold 15px/50px Verdana;
    padding-left: 65px;
    text-align: left;
    color: #fff;
}
#league-select-panel div.bd div.leagues {
    padding-top: 20px;
    padding-bottom: 60px;
}
#league-select-panel div.bd div.country-head div.flag {
    top: 6px;
    left: 4px;
}
#league-select-panel div.bd div.controls {
    position: absolute;
    height: 35px;
    width: 100%;
    text-align: right;
    padding-right: 12px;
    bottom: 0;
    right: 0;
}
#league-select-panel div.bd div.controls button {
    width: 120px;
    white-space: nowrap;
    padding-left: 30px;
}
#league-select-panel div.bd div.controls span.league-select button {
    padding-left: 30px;
    background: url("../../images/kiosk/sprite.png") -500px -500px no-repeat transparent;
}

#league-select-panel div.bd div.controls span.league-cancel button {
    padding-left: 30px;
    background: url("../../images/kiosk/sprite.png") -500px -475px no-repeat transparent;
}
#league-select-panel div.bd div.leagues div.league {
    min-height: 15px;
    padding: 5px 0 5px 35px;
    background: url('../../images/kiosk/league_select_check.png') 10px center no-repeat;
    font: bold 12px/15px Verdana;
    cursor: pointer;
}
#league-select-panel div.bd div.leagues div.selected {
    background: url('../../images/kiosk/league_select_checked.png') 10px center no-repeat;
}

#closingsoonview {
    height: 100%;
}
#closingsoonview div.content {
    position: relative;
    float: left;
    overflow: hidden;
}
#closingsoonview div.sport-wrapper {
    float: left;
    height: 140px;
    width: 410px;
    position: relative;
}
#closingsoonview div.sport {
    position: absolute;
    top: 18px;
    left: 23px;
    height: 100px;
    width: 360px;
    overflow: hidden;
    background-color: #1a8ed7;
    border: 4px solid #4bb0ef;
}
#closingsoonview div.sport div.image {
    position: absolute;
    width: 35px;
    height: 35px;
    top: 33px;
    left: 16px;
    background-repeat: no-repeat;
}
#closingsoonview div.sport div.label {
    position: absolute;
    width: 300px;
    height: 30px;
    top: 5px;
    left: 66px;
    font: bold 13px/30px Verdana;
    color: #fff;
    text-align: left;
}
#closingsoonview div.sport div.soon,
#closingsoonview div.sport div.next {
    position: absolute;
    width: 300px;
    height: 20px;
    top: 40px;
    left: 66px;
    font: 11px/30px Verdana;
    color: #e8e8e8;
}
#closingsoonview div.sport div.soon {
    position: absolute;
    top: 65px;
}
#closingsoonview div.sport div.soon em,
#closingsoonview div.sport div.next em {
    font-weight: bold;
    color: #fff;
}

#search-panel {
    display: none;
    position: absolute;
    width: 855px;
    height: 300px;
    background-color: #888;
    opacity: 0.95;
    filter: alfa(opacity=95);
}
#search-panel-keypads {
    position: absolute;
    width: 100%;
    height: 201px;
    top: 90px;
}
#search-panel-search {
    position: absolute;
    width: 100%;
    height: 99px;
    top: 10px;
}
#search-keypad-num {
    position: absolute;
    width: 180px;
    height: 180px;
    top: 15px;
    left: 15px;
}
#search-keypad-alfa {
    position: absolute;
    width: 180px;
    height: 180px;
    top: 15px;
    left: 240px;
}
#search-panel div.line {
    position: relative;
    height: 60px;
    width: 600px;
    overflow: hidden;
}
#search-panel div.line div.button {
    width: 57px;
    height: 57px;
    float: left;
    font: bold 24px/57px Verdana;
    color: #fff;
    border: 1px solid #888;
    text-align: center;
    background-color: #000;
    cursor: pointer;
}
#search-panel div.line div.button-ac {
    background-color: #880000;
    color: #fff;
    font: bold 36px/50px Verdana;
}
#search-panel-search #search-team,
#search-panel-search #search-code,
#search-panel-search #search-submit {
    position: absolute;
    width: 174px;
    height: 54px;
    background-color: #5e93b3;
    top: 24px;
    left: 15px;
    text-align: right;
    padding-right: 30px;
    font: bold 32px/54px Verdana;
    color: #fff;
    border-width: 2px;
    border-style: solid;
    border-color: #4a738c #73b2d9 #73b2d9 #4a738c;
}
#search-panel-search #search-code.blinked {
    background-color: #800;
    border-color: #400 #a00 #a00 #400;
}
#search-panel-search #search-team {
    width: 435px;
    left: 240px;
    padding-left: 30px;
    padding-right: 0;
    text-align: left;
}
#search-panel-search #search-submit {
    width: 120px;
    left: 720px;
    padding: 0;
    text-align: center;
    border-color: #73b2d9 #4a738c #4a738c #73b2d9;
    cursor: pointer;
}
#search-panel-search #search-code-label,
#search-panel-search #search-team-label{
    position: absolute;
    height: 24px;
    width: 180px;
    font: 13px Verdana;
    color: #fff;
    top: 0;
    left: 14px;
}
#search-panel-search #search-team-label{
    left: 246px;
}
#search-panel #search-panel-close {
    position: absolute;
    width: 40px;
    height: 40px;
    left: -20px;
    top: -20px;
    cursor: pointer;
    background: url('../../images/kiosk/sprite.png') -320px -150px no-repeat;
}

#message-panel,
#confirm-panel {
    text-align: left;
    font: 15px/30px Verdana;
}

#message-panel.warning div.bd,
#message-panel.error div.bd,
#message-panel.success div.bd,
#confirm-panel.warning div.bd,
#confirm-panel.cashout div.bd,
#confirm-panel.error div.bd,
#confirm-panel.success div.bd,
.container-warning div.bd,
.container-error div.bd,
.container-success div.bd {
    padding-left: 75px;
    min-height: 50px;
    background-image: url('../../images/kiosk/sprite2.png');
    background-position: 15px -1585px;
    background-repeat: no-repeat;
}
#message-panel.error div.bd,
#confirm-panel.error div.bd,
.container-error div.bd {
    background-position: 15px -285px;
}
#message-panel.success div.bd,
#confirm-panel.success div.bd,
.container-success div.bd {
    background-position: 15px -935px;
}
#wait-panel div.bd {
    padding-left: 126px;
    height: 107px;
    font: bold 15px/100px Verdana;
    text-align: center;
    background: #fff url('../../images/kiosk/waitbet.gif') 20px center no-repeat;
}

#ft {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 80px;
    background: url('../../images/kiosk/ft_bg.png') repeat-x;
}

#ft .footer-option {
    position: absolute;
    width: 80px;
    height: 63px;
    bottom: 7px;
    left: 10px;
    cursor: pointer;
}

#ft .footer-option .image {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 0;
    left: 15px;
    background: url('../../images/kiosk/sprite.png') no-repeat;
}
#ft .footer-option .label {
    position: absolute;
    width: 100%;
    height: 18px;
    bottom: 0;
    text-align: center;
    font: 12px/18px Verdana;
    color: #238;
    white-space: nowrap;
}

#ft #myslips #nrmyslips {
    position: absolute;
    top: 3px;
    left: 28px;
    width: 25px;
    height: 25px;
    text-align: center;
    font: bold 15px/25px Verdana;
    color: #fff;
}

#ft #zoomin .image {
    background-position: -250px 0px;
}
#ft #zoomout .image {
    background-position: -300px 0px;
}
#ft #favorites .image {
    background-position: -50px 0px;
}
#ft #live-betting .image {
    background-image: url('../../images/kiosk/willgolive.png');
}
#ft #coupons .image {
    background-position: 0px 0px;
}
#ft #outrights .image {
    background-position: -100px 0px;
}
#ft #closing .image {
    background-position: -150px 0px;
}
#ft #pools .image {
    background-position: -500px 0px;
}
#ft #search .image {
    background-position: -200px 0px;
}
#ft #restart .image {
    background-position: -400px 0px;
}
#ft #exit .image {
    background-position: -450px 0px;
}
#ft #print-coupon .image {
    background-position: 0px -50px;
}
#ft #myslips .image {
    background-position: -150px -50px;
}
#ft #openhelp .image {
    background-position: -350px 0px;
}

#ft #spinnwinft .image {
    background-position: 0px 0px;
    background-image: url('../../images/kiosk/roulette2.png');
    max-width:100%;
    max-height:100%;
}
#ft #kenoft .image {
    background-position: 0px 0px;
    background-image: url('../../images/kiosk/keno3.png');
    max-width:100%;
    max-height:100%;
}

#ft #luckyballsft .image {
    background-position: 0px 0px;
    background-image: url('../../images/kiosk/keno3.png');
    max-width:100%;
    max-height:100%;
}

#ft .footer-casino-option .image {
    background-image: url('../../images/kiosk/casinofooter.png');
}
#ft .footer-casino-option-aviator .image {
    background-image: url('../../images/kiosk/casinofooteraviator.png');
}


#help {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    visibility: hidden;
}

#help div.hd {
    height: 120px;
    border-bottom: 8px solid #4a712a;
    position: relative;
}
#help div.hd div.logo {
    width: 120px;
    height: 59px;
    position: absolute;
    top: 20px;
    left: 50px;
    background: url('../../images/kiosk/logo_hd.png') center center no-repeat;
}
#help div.hd div.text {
    font: bold 36px/100px Verdana;
    color: #4a712a;
    padding-left: 200px;
    text-align: left;
}
#help div.bd {
    padding: 20px 50px;
}
#help #closehelp {
    position: absolute;
    width: 120px;
    height: 115px;
    top: 0;
    right: 10px;
    cursor: pointer;
}
#help #closehelp .image {
    position: absolute;
    width: 90px;
    height: 90px;
    top: 0;
    left: 15px;
    background: url('../../images/kiosk/sprite.png') 0px -250px no-repeat;
}
#help #closehelp .label {
    position: absolute;
    width: 100%;
    height: 18px;
    top: 90px;
    text-align: center;
    font: 13px/20px Verdana;
    color: #238;
    white-space: nowrap;
}

div.slot {
    position: absolute;
}

#calculator {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 520px;
    height: 620px;
    background: url('../../images/kiosk/sprite.png') 0px -600px no-repeat;
}
#calculator .screen {
    position: absolute;
    width: 480px;
    height: 90px;
    padding-right: 20px;
    top: 10px;
    left: 10px;
    font: bold 72px/90px Verdana;
    text-align: right;
    color: #000;
}
#calculator .screen-beep {
    color: #fff;
    background-color: #555;
}
#calculator .key {
    position: absolute;
    width: 100px;
    height: 100px;
    cursor: pointer;
}
#calculator .key-0 { left:  10px; top: 510px;}
#calculator .key-1 { left:  10px; top: 410px;}
#calculator .key-2 { left: 110px; top: 410px;}
#calculator .key-3 { left: 210px; top: 410px;}
#calculator .key-4 { left:  10px; top: 310px;}
#calculator .key-5 { left: 110px; top: 310px;}
#calculator .key-6 { left: 210px; top: 310px;}
#calculator .key-7 { left:  10px; top: 210px;}
#calculator .key-8 { left: 110px; top: 210px;}
#calculator .key-9 { left: 210px; top: 210px;}
#calculator .key-dot { left: 210px; top: 510px;}
#calculator .key-back { left: 210px; top: 110px;}
#calculator .key-ac { left: 10px; top: 110px;}
#calculator .key-p050 { left: 310px; top: 110px;}
#calculator .key-p100 { left: 310px; top: 210px;}
#calculator .key-p500 { left: 310px; top: 310px;}
#calculator .key-p1000 { left: 310px; top: 410px;}
#calculator .key-enter { left: 310px; top: 510px;}
#calculator .key-long {
    width: 200px;
}
#calculator .key-pressed {
    color: #fff;
}
#calculator .key-long-pressed {
    color: #fff;
}
#calculator .close {
    position: absolute;
    width: 40px;
    height: 40px;
    left: -48px;
    top: -4px;
    cursor: pointer;
    border: 4px solid #888;
    background: #aaa url('../../images/kiosk/sprite.png') -280px -150px no-repeat;
}

#numpad {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    height: 400px;
    background: url('../../images/kiosk/sprite.png') 0px -1250px no-repeat;
    z-index: 100000;
}
#numpad .key {
    position: absolute;
    width: 100px;
    height: 100px;
    cursor: pointer;
}
#numpad .key-0 { left:  0px; top: 300px;}
#numpad .key-1 { left:  0px; top: 200px;}
#numpad .key-2 { left: 100px; top: 200px;}
#numpad .key-3 { left: 200px; top: 200px;}
#numpad .key-4 { left:  0px; top: 100px;}
#numpad .key-5 { left: 100px; top: 100px;}
#numpad .key-6 { left: 200px; top: 100px;}
#numpad .key-7 { left:  0px; top: 0px;}
#numpad .key-8 { left: 100px; top: 0px;}
#numpad .key-9 { left: 200px; top: 0px;}
#numpad .key-back { left: 100px; top: 300px;}
#numpad .key-enter { left: 200px; top: 300px;}
#numpad .key-pressed {
    color: #fff;
}
#print {
    display: none;
}

#popup {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#popup #popup-mask{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

#printframe {
    position: absolute;
    display: none;
    width: 450px;
    border: 4px solid #000;
    padding: 0;
    background-color: #fff;
    height: 80%;
    top: 10%;
}

#printframe iframe {
    width: 100%;
    height: 100%;
    overflow: auto;
    border: 0;
}
#closeprintframe {
    position: absolute;
    width: 40px;
    height: 40px;
    left: -20px;
    top: -20px;
    cursor: pointer;
    background: url('../../images/kiosk/sprite.png') -320px -150px no-repeat;
}

#x__statistics {
    position: absolute;
    width: 70%;
    height: 80%;
    top: 10%;
    left: 15%;
    display: none;
    background-color: #fff;
    border: 4px solid #000;
}
#x__statistics div.content {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#x__statistics div.loading {
    background: url('../../images/common/wait.gif') center center no-repeat;
}
#closestatistics {
    position: absolute;
    width: 40px;
    height: 40px;
    left: -20px;
    top: -20px;
    cursor: pointer;
    background: url('../../images/kiosk/sprite.png') -320px -150px no-repeat;
}

#statistics div.content h1 {
    font: bold 14px/25px Verdana;
    text-align: center;
    color: #0076c0;
}
#statistics div.content table {
    width: 100%;
    margin-top: 15px;
}
#statistics div.content div.league-table {
    max-height: 350px;
    overflow: auto;
}
#statistics div.content table.league {
    width: auto;
    margin-left: auto;
    margin-right: auto;
}
#statistics div.content table th,
#statistics div.content table td {
    padding: 1px 2px;
    font: 11px Verdana;
    white-space: nowrap;
}
#statistics div.content table thead tr {
    background-color: #0076c0;
}
#statistics div.content table tr.r1 {
    background-color: #e0e0e0;
}
#statistics div.content table thead th{
    color: #fff;
    font-weight: bold;
    text-align: center;
}
#statistics div.content table.league td {
    text-align: center;
    padding: 1px 8px;
}
#statistics div.content table.league tr.table-name {
    background-color: #B3D4FF;
}
#statistics div.content table.league tr.table-name td {
    text-align: center;
    color: #000;
    font-weight: bold;
}
#statistics div.content table.league tr.match-team {
    background-color: #080;
}
#statistics div.content table.league tr.match-team td {
    color: #fff;
    font-weight: bold;
}
#statistics div.content table.league td.name {
    text-align: left;
}
#statistics div.content table.underover td.num {
    text-align: right;
}
#statistics div.content table td.score {
    font-weight: bold;
}
#statistics div.content table td.winner {
    font-weight: bold;
}
#statistics div.content table td.draw {
    background-color: #ff0;
}
#statistics div.content table td.win {
    background-color: #4f4;
}
#statistics div.content table td.loss {
    background-color: #f88;
}

.yui-skin-sam .yui-button-disabled {
    background-position: 0 -1501px;
}

#couponview,
#leagueview,
#outrightsview,
#closingsoonview,
#sr,
#spinnwinview,
#kenoview,
#match-bets,
#poolsview,
#casinoview,
#hd #pages {
    display: none;
}
#doc.coupons #couponview,
#doc.favorites #couponview,
#doc.live-betting #couponview,
#doc.soccer-roulette #sr,
#doc.coupons #hd #pages,
#doc.spinnwin #spinnwinview,
#doc.keno #kenoview,
#doc.favorites #hd #pages,
#doc.live-betting #hd #pages,
#doc.leagues #leagueview,
#doc.outrights #outrightsview,
#doc.match-bets #match-bets,
#doc.pools #poolsview,
#doc.casino #casinoview,
#doc.closingsoon #closingsoonview {
    display: block;
}

#doc.coupons #coupons,
#doc.favorites #favorites,
#doc.live-betting #live-betting,
#doc.soccer-roulette #sr,
#doc.leagues #coupons,
#doc.pools #pools,
#doc.outrights #outrights,
#doc.casino .footer-casino-option.selected {
    border-top: 1px solid #a3b0b8;
    border-left: 1px solid #a3b0b8;
    border-bottom: 1px solid #d8e8f2;
    border-right: 1px solid #d8e8f2;
}


.yui-skin-sam .yui-panel .bd {
    padding: 15px;
}

table.betslip-pending tr.actual-payout {
    display: none;
}
table.betslip tr.actual-payout td {
    background-color: #000;
    color: #fff;
    font: bold 13px Verdana;
}

table.slip-result {
    margin: 2px auto;
}
table.slip-result tr th {
    text-align: center;
    font: bold 12px/25px Verdana;
}
table.slip-result tr td {
    font: 10px Verdana;
    padding: 2px 4px;
}
table.slip-result tr td.status {
    text-align: left;
    font: bold 12px/25px Verdana;
}
table.slip-result tr td.code {
    text-align: right;
}
table.slip-result tr td.payout {
    text-align: right;
    font: bold 12px/25px Verdana;
}
table.slip-result tr td.result-won {
    background-color: #080;
    color: #fff;
}
table.slip-result tr td.result-lost {
    background-color: #800;
    color: #fff;
}
table.slip-result tr td.result-pending {
    background-color: #888000;
    color: #000;
}

#welcome div.terminal-select {
    position: absolute;
    display: none;
    bottom: 4px;
    left: 0;
    width: 100%;
    height: 50px;
    text-align: center;
}
#welcome div.terminal-select select {
    width: 200px;
}
div.finalists-content td.twin-list{
    padding: 5px;
    border-left: solid black thin;
}
div.finalists-content table.coupon tr td.country div {
    width: 100px;
    overflow:hidden;
    text-overflow:ellipsis;
}

#doc.leagues  #lmenu-sports,
.outrights-worldcup #lmenu-sports {
    display:none;
}
#bd #lmenu-sports {
    width: 57px;
    height: 100%;
    top: 0px;
    position:absolute;
    background: #0b4405;
    margin-top: 0px;
    border-right: 1px solid #7d7d7d;
    border-top: 1px solid #7d7d7d;
}

#bd #lmenu-sports .lmenu-option {
    display : block;
    position: relative;
    height: 60px;
    width: 57px;
    /* margin-top: 5px; */
    /* border: 1px solid; */
}

#doc.live-betting #couponview {
    margin-left: 57px;
}


div.sports-menu-header-live {
    height: 20px;
    font: 7px/12px Arial;
    text-align: center;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    margin: 1px;
    background-color: #008800;
    font: 12px/20px Arial;
}


div.lmenu-option.sport .image {
    width: 35px;
    height: 35px;
    top: 6px;
    left: 10px;
}

div.lmenu-option.sport .label {
    top: 40px;
    color: #fff;
    font-weight:bold;
    font-size: 9px;
}

div.lmenu-option.sport.selected {
    border-top: 1px solid #a3b0b8;
    border-left: 1px solid #a3b0b8;
    border-bottom: 1px solid #d8e8f2;
    border-right: 1px solid #d8e8f2;
}
#casinoview {
    position: relative;
    height: 100%;
}
#casinoview .casino-page {
    display: none;
}
#casinoview .casino-page.selected {
    display: block;
}
#casinoview div.slot-game {
    position: relative;
    float: left;
    width: 151px;
    height: 130px;
    margin: 6px 12px;
    background: #212121;
    border: 1px solid #484848;
    padding: 4px 12px;
    cursor: pointer;
}
#casinoview div.slot-game div.slot-game-img {
    width: 151px;
    height: 112px;
    background: center center no-repeat;
    background-size: contain;
}
#casinoview div.slot-game div.slot-game-name {
    height: 24px;
    font: 700 12px/24px Tahoma;
    text-align: center;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
#casinoview div.main-tabview div.main-tabview-content div.content-tab {
    display: none;
}
#casinoview div.main-tabview div.main-tabview-content div.content-tab.selected {
    display: block;
}
#casinoview div.main-tabview div.main-tabview-menu a.menu-tab {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 28px;
    width: 120px;
    margin: 4px 6px;
    background-color: #d8d8d8;
    text-align: center;
    color: #000;
    font: bold 12px/28px Arial;
    text-decoration: none;
}
#casinoview div.main-tabview div.main-tabview-menu a.menu-tab-right {
    display: block;
    float: right;
}
#casinoview div.main-tabview div.main-tabview-menu a.menu-tab.selected {
    color: #000;
    background: #ff8806 linear-gradient(#edb63f, #ff8806);
}
#casinoview-game-window {
    position: absolute;    
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    overflow: hidden;
    background: #000;
}
#casinoview-game-window.active {
    display: block;
}
#casinoview-game-window > .header {
    position: absolute;
    height: 50px;
    width: 100%;
}
#casinoview-game-window > .header > .close {
    position: absolute;
    height: 40px;
    width: 40px;
    top: 5px;
    right: 5px;
    background: url('../../images/kiosk/sprite.png') -320px -150px no-repeat;
    cursor: pointer;
}
#casinoview-game-window.active.lobby > .header > .close {
    display: none;
}
#casinoview-game-window > .body {
    box-sizing: border-box;
    padding-top: 50px;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
#casinoview-game-window > .body > iframe {
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    margin: 0;
}

#more-information {
    display:none;
}
#more-information2 {
    display:none;
}

#page .information-page {
    width: 100%;
    height: 100%;
    /* display: inline-block; */
    z-index: 100000;
    margin: auto;
    /* background-image: url(../../images/terminal/skin/opap/homepage/tile_sports.png); */
    position: absolute;
    /* overflow: auto; */
    /* overflow: hidden; */
    background: #1a1a1a;
    padding-top: 30px;
    /* padding-bottom: 70px; */
    background-color: rgba(0,0,0,0.3);
    position: absolute;
    top: 0px;
    left: 0px;
}
#page .information-page  .page-content-header,
#page .information-page .page-content-footer,
#page .information-page .page-content-body {
    width: 1200px;
    margin: 0px auto;
    background: #146ca7;
    overflow: auto;
    display: auto;
}

#page .information-page  .page-content-header {
    height: 60px;
    width: 1200px;
    margin: 0px auto;
    text-align: left;
    font: 16px Roboto;
    border-radius: 5px 5px 0px 0px;
    background: #146ca7;
    background-image: linear-gradient( 180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.13) 10%, rgba(255, 255, 255, 0) 50.5%, rgba(0, 0, 0, 0.07) 50.6%, rgba(0, 0, 0, 0) 100% );
    border-bottom: 2px solid #00d284;
    /* display: inline-block; */
}

#page .information-page  .page-content-body {
    overflow: auto;
    height: calc(100% - 300px);
    box-sizing: border-box;
    padding: 20px;
    color: #c1c4c8;
    text-decoration: none;
}

#page .information-page .page-content-footer {
    border-radius: 0px 0px 10px 10px;
}
#page .information-page .exit-info {
    font: 18px Roboto;
    font-weight: bold;
    float: right;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 50px;
    color: #EAE8E6;
    /* border-left: 2px solid #77100e; */
    display: inline-block;
    line-height: 30px;
    overflow: hidden;
    background: #2C3A43;
    /* top: 10px; */
    margin-top: 15px;
    margin-right: 40px;
    border-radius: 4px;
    border: 1px solid #555452;
    background-image: linear-gradient(      180deg,      rgba(255, 255, 255, 0.2) 0%,      rgba(255, 255, 255, 0.13) 10%,      rgba(255, 255, 255, 0) 50.5%,      rgba(0, 0, 0, 0.07) 50.6%,      rgba(0, 0, 0, 0) 100%    );
}

#page .information-page .header-title {
    font: 20px Roboto;
    font-weight: bold;
    width: 500px;
    border-radius: 5px;
    text-align: center;
    line-height: 60px;
    color: #EAE8E6;
    display: inline-block;
    text-indent: 40px;
    display: inline-block;
    /* top: 10px; */
    /* float: left; */
    text-align: left;
}

#page .information-page .info-header-select {
    width: auto;
    height: 60px;
    /* float: left; */
    /* line-height: 40px; */
    vertical-align: top;
    font: 14px Roboto;
    text-align: center;
    margin-left: 20px;
}

#page .information-page .info-header-select .select-lang-option.selected,
#page .information-page .info-header-select .select-file-option.selected {
    background:#F2B92B;
    color:#47331D;
    background-image: linear-gradient( 180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.13) 10%, rgba(255, 255, 255, 0) 50.5%, rgba(0, 0, 0, 0.07) 50.6%, rgba(0, 0, 0, 0) 100% );
}

#page .information-page .info-header-select .select-lang-option ,
#page .information-page .info-header-select .select-file-option {
    display:inline-block;
    width: 70px;
    text-align: center;
    font: 14px Roboto;
    font-weight: bold;
    position: relative;
    margin: 10px 0px 10px 0px;
    padding: 10px;
    background: #2C3A43;
    color: #EAE8E6;
    background-image: linear-gradient( 180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.13) 10%, rgba(255, 255, 255, 0) 50.5%, rgba(0, 0, 0, 0.07) 50.6%, rgba(0, 0, 0, 0) 100% );
}
#page .information-page .select-lang-label {
    width: 80px;
}

#page .information-page .select-file-label {
    width:80px;
}
#page .information-page .select-file-label, .select-lang-label {
    font: 10px Roboto;
    color:#fff;
    text-align: center;
    line-height: 60px;
    display: inline-block;
    height: 60px;
    vertical-align: top;
    display: none;
}

#page .information-page .page-content-header.info-league-table,
#page .information-page .page-content-footer.info-league-table,
#page .information-page .page-content-body.info-league-table {
    width:600px;
}

#page .information-page .page-content-body.info-league-table {
    height:700px;
    overflow:auto;
}

#page div.information-page.info-promotion-rules  .page-content-body {
    overflow: auto;
    height: calc(100% - 290px);
}
#ft #promotionrules.footer-option .image {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 0;
    left: 15px;
    background: url('../../images/kiosk/worldcup.png') no-repeat;
}
#ft #electionrules.footer-option .image {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 0;
    left: 15px;
    background: url('../../images/kiosk/election.png') no-repeat;
}