@font-face {
    font-family: 'Pt-Sans-Bold';
    src: url(../Common/font/Pt-sans/PTSans-Web-Bold.eot);
    src: local('Pt-Sans-Bold'), url(../Common/font/Pt-sans/PT_Sans-Web-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'OldStandard-Regular';
    src: url(../Common/font/OldStandard/OldStandard-Regular.eot);
    src: local('OldStandard-Regular'), url(../Common/font/OldStandard/OldStandard-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto-Condensed';
    src: url(../Common/font/Roboto-Condensed/Roboto-Condensed.eot);
    src: local('Roboto-Condensed'), url(../Common/font/Roboto-Condensed/Roboto-Condensed.ttf) format('truetype');
}

/* inizio style e posizione pulsanti */
.button-style {
    background-image: url(imgs/button-00.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 7.8%;
    width: 14.1%;
    color: #000000;
}

.button-style:hover {
    background-image: url(imgs/button-01.png);
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}


.button-style:active {
	transform: scale(0.98);
	background-image: url(imgs/button-01.png);
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
}

.button-pos-1 {
    position: absolute;
    top: 69.1%;
    left: 17.6%;
}
.button-pos-2 {
    position: absolute;
    top: 69.1%;
    left: 35%;
}

.button-pos-3 {
    position: absolute;
    top: 69.1%;
    left: 52.1%;
}

.button-pos-4 {
    position: absolute;
    top: 69.1%;
    left: 69.1%;
}

.button-pos-5 {
    position: absolute;
    top: 78.1%;
    left: 5.9%;
}

.button-pos-6 {
    position: absolute;
    top: 78.1%;
    left: 24.5%;
}

.button-pos-7 {
    position: absolute;
    top: 78.1%;
    left: 43%;
}

.button-pos-8 {
    position: absolute;
    top: 78.1%;
    left: 61.5%;
}

.button-pos-9 {
    position: absolute;
    top: 78.1%;
    left: 80%;
}

.button-pos-10 {
    position: absolute;
    top: 78.1%;
    left: 84.7%;
}

.button-pos-11 {
    position: absolute;
    top: 87.2%;
    left: 84.7%;
}

.button-pos-12 {
    position: absolute;
    top: 87.2%;
    left: 1.3%;
}

.button-pos-13 {
    position: absolute;
    top: 2.2%;
    left: 1.3%;
}

.button-text-box {
    position: absolute;
    width: 83.3%;
    height: 46.4%;
    left: 8.3%;
    top: 26.8%;
    text-align: center;
}
/* fine style e posizione pulsanti */

/* inizio style e posizione testi*/
.paytable {
    position: absolute;
    height: 31.2%;
    width: 39.8%;
    top: 2%;
    left: 59%;
}

.credit-pos-label {
    position: absolute;
    top: 27.8%;
    left: 1.9%;
    width: 15.5%;
    height: 4.4%;
    text-align: left;
    color: #ffee00;
}

.credit-pos-value {
    position: absolute;
    top: 27.8%;
    left: 20%;
    width: 16.5%;
    height: 4.4%;
    text-align: right;
    color: #ffee00;
}

.bet-pos-label {
    position: absolute;
    top: 20.3%;
    left: 38.4%;
    width: 7.5%;
    height: 4.4%;
    text-align: left;
    color: #ffee00;
}

.bet-pos-value {
    position: absolute;
    top: 20.3%;
    left: 47%;
    width: 9.2%;
    height: 4.4%;
    text-align: right;
    color: #ffee00;
}

.win-pos-label {
    position: absolute;
    top: 27.8%;
    left: 38.4%;
    width: 7.5%;
    height: 4.4%;
    text-align: left;
    color: #ffee00;
}

.win-pos-value {
    position: absolute;
    top: 27.8%;
    left: 47%;
    width: 9.2%;
    height: 4.4%;
    text-align: right;
    color: #ffee00;
}

.score-text-pos1 {
    position: absolute;
    width: 65%;
    height: 10%;
    text-align: left;
    color: #ff9600;
}

.score-value-pos1 {
    position: absolute;
    left: 65%;
    width: 35%;
    height: 10%;
    text-align: right;
    color: #ff9600;
}

.score-text-pos2 {
    position: absolute;
    top: 10%;
    width: 65%;
    height: 10%;
    text-align: left;
    color: #ff0000;
}

.score-value-pos2 {
    position: absolute;
    top: 10%;
    left: 65%;
    width: 35%;
    height: 10%;
    text-align: right;
    color: #ff0000;
}

.score-text-pos3 {
    position: absolute;
    top: 20%;
    width: 65%;
    height: 10%;
    text-align: left;
    color: #00ff00;
}

.score-value-pos3 {
    position: absolute;
    top: 20%;
    left: 65%;
    width: 35%;
    height: 10%;
    text-align: right;
    color: #00ff00;
}

.score-text-pos4 {
    position: absolute;
    top: 30%;
    width: 65%;
    height: 10%;
    text-align: left;
    color: #ffff00;
}

.score-value-pos4 {
    position: absolute;
    top: 30%;
    left: 65%;
    width: 35%;
    height: 10%;
    text-align: right;
    color: #ffff00;
}

.score-text-pos5 {
    position: absolute;
    top: 40%;
    width: 65%;
    height: 10%;
    text-align: left;
    color: #005df2;
}

.score-value-pos5 {
    position: absolute;
    top: 40%;
    left: 65%;
    width: 35%;
    height: 10%;
    text-align: right;
    color: #005df2;
}

.score-text-pos6 {
    position: absolute;
    top: 50%;
    width: 65%;
    height: 10%;
    text-align: left;
    color: #ff0000;
}

.score-value-pos6 {
    position: absolute;
    top: 50%;
    left: 65%;
    width: 35%;
    height: 10%;
    text-align: right;
    color: #ff0000;
}

.score-text-pos7 {
    position: absolute;
    top: 60%;
    width: 65%;
    height: 10%;
    text-align: left;
    color: #00ff00;
}

.score-value-pos7 {
    position: absolute;
    top: 60%;
    left: 65%;
    width: 35%;
    height: 10%;
    text-align: right;
    color: #00ff00;
}

.score-text-pos8 {
    position: absolute;
    top: 70%;
    width: 65%;
    height: 10%;
    text-align: left;
    color: #ffff00;
}

.score-value-pos8 {
    position: absolute;
    top: 70%;
    left: 65%;
    width: 35%;
    height: 10%;
    text-align: right;
    color: #ffff00;
}

.score-text-pos9 {
    position: absolute;
    top: 80%;
    width: 65%;
    height: 10%;
    text-align: left;
    color: #005df2;
}

.score-value-pos9 {
    position: absolute;
    top: 80%;
    left: 65%;
    width: 35%;
    height: 10%;
    text-align: right;
    color: #005df2;
}

.score-text-pos10 {
    position: absolute;
    top: 90%;
    width: 65%;
    height: 10%;
    text-align: left;
    color: #ff0000;
}

.score-value-pos10 {
    position: absolute;
    top: 90%;
    left: 65%;
    width: 35%;
    height: 10%;
    text-align: right;
    color: #ff0000;
}

.text-style1 {
    font-family: OldStandard-Regular, sans-serif;
    letter-spacing: -0.05em;
}

.text-style2 {
    font-family: Pt-Sans-Bold, sans-serif;
    letter-spacing: 0.2em;
}

/*start style show message*/
.box-1 {
    position: relative;
    color: yellow;
    width: 99.5%;
    height: 13.3%;
    top: 52.6%;
    left: 0.2%;
    font-family: Impact;
    z-index: 2;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.65);
}

.box-2 {
    position: relative;
    width: 100%;
    height: 100%;
}
/*end style show message*/

.button-pos-autoplay {
    position: absolute;
    top: 78.1%;
    left: 69.6%;
}
.textGameOver-pos-value {
    position: absolute;
    top: 24.6%;
    left: 77.5%;
    width: 18.1%;
    height: 4.7%;
    text-align: center;
    color: #76B5F0;
}
#txt-textGameOver {
    display: none;
}

.game-theme-color {
    color: #ff00ff
}

.ps__thumb-y {
    background-color: #ff00ff !important;
}

.autoplay-counter {
    position: absolute;
    width: 100px;
    height: 25px;
    left: 205px;
    bottom: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.autoplay-counter span {
    width: 100%;
    display: flex;
    font-family: Pt-Sans-Bold, sans-serif;
    color: #000000;
    border: #fc00fc solid thin;
    background: #de00de;
    height: 100%;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
}

/*************** Paytable combinations ***************/
.paytable-combination.combination-0 {
    background-image: url("imgs/paytable/0.png");
}
.paytable-combination.combination-1 {
    background-image: url("imgs/paytable/1.png");
}
.paytable-combination.combination-2 {
    background-image: url("imgs/paytable/2.png");
}
.paytable-combination.combination-3 {
    background-image: url("imgs/paytable/3.png");
}
.paytable-combination.combination-4 {
    background-image: url("imgs/paytable/4.png");
}
.paytable-combination.combination-5 {
    background-image: url("imgs/paytable/5.png");
}
.paytable-combination.combination-6 {
    background-image: url("imgs/paytable/6.png");
}
.paytable-combination.combination-7 {
    background-image: url("imgs/paytable/7.png");
}
.paytable-combination.combination-8 {
    background-image: url("imgs/paytable/8.png");
}
.paytable-combination.combination-9 {
    background-image: url("imgs/paytable/9.png");
}
.paytable-combination.symbol-1 {
    background-image: url("imgs/symbols/01.png");
}
.paytable-combination.symbol-2{
    background-image: url("imgs/symbols/02.png");
}
.paytable-combination.symbol-3 {
    background-image: url("imgs/symbols/03.png");
}
.paytable-combination.symbol-4 {
    background-image: url("imgs/symbols/04.png");
}
.paytable-combination.symbol-5 {
    background-image: url("imgs/symbols/05.png");
}
.paytable-combination.symbol-6 {
    background-image: url("imgs/symbols/06.png");
}
.paytable-combination.symbol-7 {
    background-image: url("imgs/symbols/07.png");
}
.paytable-combination.symbol-8 {
    background-image: url("imgs/symbols/08.png");
}
.paytable-combination.symbol-9 {
    background-image: url("imgs/symbols/09.png");
}
.paytable-combination.symbol-10 {
    background-image: url("imgs/symbols/10.png");
}
.paytable-combination.symbol-11 {
    background-image: url("imgs/symbols/11.png");
}
.paytable-combination.symbol-12 {
    background-image: url("imgs/symbols/12.png");
}
.paytable-combination.symbol-13 {
    background-image: url("imgs/symbols/13.png");
}
/*************** Paytable combinations ***************/