[v-cloak] {
	display: none;
}

.pointer {
	cursor: pointer;
}

.text-middle {
    vertical-align: middle!important;
}

.btn-red-dark.active {
    padding: 8px;
    border-radius: 5px;
    border: 1px solid #730402;
    background-color: #D89431;
}

.has-error > .form-control {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.has-error > .help-block {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545;
}

.full-width-image{
    position: relative;
    background-image: url('../images/1366x768px_1.jpg');
    background-repeat: no-repeat;
    background-position:top center;
    background-size: cover;
   /* height: 100vh;
    width: 100%;*/
    height: 1000px;
    z-index: 0;
}

.bar-credit{
    background-color: #620108;
    border: 1px solid #ed1c24;
    border-radius: 3px;
    -webkit-box-shadow: 5px 5px 18px #ed1c24;
    box-shadow: 5px 5px 18px #ed1c24;
    position: relative;
    top: 0;
    left: 0;
    margin: -4% 0 2% 0;
    padding: 15px 30px;
    color: #fff;
}

.show-box-cr{
        padding: 0;
    border-radius: 4px;
    width: 100% !important;
    float: left;
    margin-bottom: 15px;
}
.show-box-cr h2{
    letter-spacing: 0.3px;

}
.show-box-cr span{
    color: #f5f5f5;
}

.num-show-blue{
    border-radius: 50px;
text-align: center;
float: left;
padding: 13px 5px;
font-size: 22px;
letter-spacing: 0.5px;
line-height: 20px;
background: rgb(0,176,232);
background: linear-gradient(
354deg
, rgba(0,176,232,1) 0%, rgba(0,123,162,1) 71%);
width: 100%;
}
.num-show-green{
    border-radius: 50px;
text-align: center;
float: left;
padding: 13px 5px;
font-size: 22px;
letter-spacing: 0.5px;
line-height: 20px;
width: 100%;
background: rgb(161,232,0);
background: linear-gradient(354deg, rgba(161,232,0,1) 0%, rgba(113,162,0,1) 71%);
}
.num-show-blue span, .num-show-green span{
    font-size: 16px;
}

.affiliate-content{
    background: #ffffff;
    padding: 12px 12px;
    width: 100%;
}

.affiliate-content > .nav-tabs .nav-link {
    border: 1px solid #790502;
    margin: 1px;
}

.affiliate-content .nav-tabs{
    /* display: block; */
    margin: 0 auto 15px auto;
    border-bottom: 0;
}
.affiliate-content .nav-tabs >li{
    /* width:25%; */
    color: #000;
    text-align: center;
    background: none;
    border-radius: 5px;
    margin: 0 ;
   /* border: 2px solid #b90008;*/
}
.affiliate-content .nav-tabs>li.active>a, .affiliate-content .nav-tabs>li.active>a:focus, .affiliate-content .nav-tabs>li.active>a:hover{
    color: #fff !important;
    background-color: #b90008;
    border-bottom: 0;
    border-radius: 5px;
}

.affiliate-content > .nav-pills .nav-link.active {
    background-color: #a00900 !important;
}

.affiliate-content a {
    color: #a00900
}

.list-num-card{
    list-style: none;
    width: 100%;
    padding: 0;
}
.list-num-card li{
    width: 33%;   
    float: left;
    text-align: center;
    background: #f7dddd;
    display: block;
    margin: 0 auto;
    border: 2px solid #fff;
    height: auto;
    line-height: 39px;
    padding: 8px;
    font-size: 14px;
}
.list-num-card li h6{
    text-align: center;
        margin-bottom: 0;
}
.list-num-card li span{
    text-align: center;
    color: #3349b7;
    font-size: 16px;
}

.number-poin-gif{
    position: absolute;
    top: 50%;
    left: -10%;
    margin: 38% 0 0 0;
    z-index: 2;
    width: 500px;
    height: 249px;
    display: block;
    text-align: center;
}
.number-poin-gif img{
    width: 100%;
    margin:0 auto;
    display: block;
}
.text-y-gif{
    position: absolute;
  top: 50%;
  left: -10%;
  margin: 55% 0 0 0;
  z-index: 2;
  width: 500px;
  height: 249px;
  display: block;
  text-align: center;
}
.text-y-gif img{
  width: 100%;
  margin:0 auto;
  display: block;
}

.modal-body#popup-awards-stlye{
    padding: 0 !important;
}
.modal-body#popup-awards-stlye img{
    width: 100%;
}
.close#close-pop-img{
        float: right;
    width: 45px;
    height: 45px;
    position: absolute;
    top: 0;
    right: 0;
}



.btn-awards{
    position: absolute;
    bottom: 12%;
    left: 34%;
    margin: 0px 0px 0 0;
    padding: 12px 60px 12px 60px;
    width: auto;
    height: auto;
    background-color: #f2f2f2;
    font-size: 21px;
    border-radius: 4px;
    letter-spacing: 0.3px;
    color: #9f0000;
    /*text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;*/
    text-align: center;
}
.btn-awards#gold{
    -webkit-box-shadow: 1px 1px 10px #fffa00;
    box-shadow: 1px 1px 10px #fffa00;
    background: rgb(255,250,0);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,250,0,1)), color-stop(71%, rgba(232,170,0,1)));
background: linear-gradient(rgba(255,250,0,1) 0%, rgba(232,170,0,1) 71%);


}
.btn-awards#silver{
    -webkit-box-shadow: 1px 1px 10px #f2f2f2;
    box-shadow: 1px 1px 10px #f2f2f2;
    background: rgb(204,204,204);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(204,204,204,1)), color-stop(71%, rgba(242,242,242,1)));
background: linear-gradient(180deg, rgba(204,204,204,1) 0%, rgba(242,242,242,1) 71%);

}
.btn-awards#brow{
    -webkit-box-shadow: 1px 1px 10px #d6a190;
    box-shadow: 1px 1px 10px #d6a190;
    background: rgb(188,100,65);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(188,100,65,1)), color-stop(71%, rgba(214,161,144,1)));
background: linear-gradient(180deg, rgba(188,100,65,1) 0%, rgba(214,161,144,1) 71%);   
    
}
.btn-awards#rose{
    -webkit-box-shadow: 1px 1px 10px #ffb2b2;
    box-shadow: 1px 1px 10px #ffb2b2;
    background: rgb(255,127,127);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,127,127,1)), color-stop(71%, rgba(255,178,178,1)));
background: linear-gradient(180deg, rgba(255,127,127,1) 0%, rgba(255,178,178,1) 71%);
}

.number-red{
    width: 280px;
    height: auto;
    display: block;
    position: absolute;
    top: 50%;
    left: 49%;
    margin: 21% 0 0 -23%;
    text-align: center;
    font-size: 51px;
    /* border: 1px solid #fff; */
    padding: 24px 20px;
    letter-spacing: 2px;
    font-weight: 900;
}
.number-red#text-red{
   color: #9f0000;
}
.number-red#text-green{
   color: #005c00;
}
.number-red#text-purple{
   color: #8b0085;
}
.number-red#text-blue{
   color: #0000a2;
}
.jackpot-app#mt--top{
    margin-top: -49px;
}


.ingame-banner-tab{
    position:relative;
}

.ingame-banner-tab .nav-tabs.ingame{
    border-bottom: none !important;
    margin:15px auto;
    display: table;
}
.ingame-banner-tab .nav-tabs.ingame .nav-link{
    background-color: #7d0301f5 !important;
    color: #fff !important;
    border: none !important;
}
.ingame-banner-tab .nav-tabs.ingame .nav-link.active{
        background-color: #b70603f5 !important;
}
.ingame-banner-tab .tab-content.ingame-img{
    width: 100% !important;
}
.ingame-banner-tab .tab-content.ingame-img .card-body{
    background-color: #7e0301 !important;
    padding: 8px !important;
    border-radius: 0 0 5px 5px !important;
    text-align: center !important;
}
.ingame-banner-tab .tab-content.ingame-img .card-body .card-title{
    color: #fff !important;
    margin: 0px !important;
    font-size: 16px !important;
    letter-spacing: 0.4px !important;
    line-height: 18px !important;
}

#mymessage {
    font-size: 14px;
}

.row#message-box .date-inbox i {
    color: #00a1e0;
}

.row#message-box .delete-message {
    text-align: right;
    justify-content: center;
    margin-top: 38%;
}

.row#message-box .delete-message i {
    color: #333;
}

.row#message-box .delete-message i:hover {
    color: #c71010;
}

@media only screen and (min-width: 414px) and (max-width: 736px) {
    .jackpot-app#mt--top {
        margin-top: -17px;
        
    }
    .number-red {
        width: 243px;
        
        top: 48%;
        left: 41%;
        margin: 21% 0 0 -21%;
        text-align: center;
        font-size: 35px;
        /* border: 1px solid #fff; */
        padding: 24px 20px;
        letter-spacing: 2px;
        font-weight: 900;
    }
    .btn-awards {
        position: absolute;
        bottom: 8%;
        left: 24%;
    }
    .bar-credit {
        margin: 10% 0 10% 0;
        z-index: 0;
    }
    .popup-awards-card {
        margin-bottom: 76px;
    }
    .popup-awards-card .card {
        margin-bottom: 15px;
            height: 226px;
        overflow: hidden;
    }
    .popup-awards-card .card img {
        width: 100%;
    }

    .text-y-gif {
        position: absolute;
        top: 50%;
        left: -14%;
        margin: 69% 0 0 0;
        z-index: 2;
        width: 500px;
        height: 249px;
        display: block;
        text-align: center;
    }
    .text-y-gif img {
        width: 44%;
        margin: 0 auto;
        display: block;
    }
    .full-width-image-mobile{
        background-image: url(../images/1366x768px_mobile.jpg);
        top: 0;
        position: relative;
        left: 0;
        background-repeat: no-repeat;
        background-position: top center;
        background-size: cover;
        height: 418px;
        z-index: 0;
    }
    .number-poin-gif {
        position: absolute;
        top: 0;
        left: 0;
        margin: 50% 0 0 0;
        width: 100%;
        height: auto;
        
    }
    .number-poin-gif img {
        width: 55%;
    }
     #myBtn {
        bottom: 66px !important;
        right: 9px !important;
    }

    .list-num-card li {
        width: 33.33%;
    }
}

@media only screen and (min-width: 320px) and (max-width: 375px) {
    .full-width-image-mobile{
        background-image: url(../images/1366x768px_mobile.jpg);
        top: 0;
        position: relative;
        left: 0;
        background-repeat: no-repeat;
        background-position: top center;
        background-size: cover;
        height: 324px;
        z-index: 0;
    }
    .number-poin-gif {
        position: absolute;
        top: 0;
        left: 0;
        margin: 50% 0 0 0;
        width: 100%;
        height: auto;
        
    }
    .number-poin-gif img {
        width: 55%;
    }
    
    .text-y-gif {
        position: absolute;
        top: 0;
        left: 0;
        margin: 68% 0 0 0;
        width: 100%;
        height: auto;
       
    }
    .text-y-gif img {
        width: 58%;
    }
    .bar-credit {
        margin: 35px auto;
    }

    .popup-awards-card {
        margin-bottom: 76px;
    }

    .popup-awards-card .card {
        margin-bottom: 15px;
        height: 194px;
        overflow: hidden;
    }
    .popup-awards-card .card img {
        width: 100%;
    }
    
    .btn-awards {
        position: absolute;
        bottom: 8%;
        left: 22%;
        padding: 9px 51px 9px 51px;
        font-size: 18px;
     
    }
    .number-red {
        width: 100%;
        height: auto;
        display: block;
        position: absolute;
        top: 46%;
        left: 24%;
        margin: 23% 0 0 -24%;
        text-align: center;
        font-size: 25px;
        /* border: 1px solid #fff; */
        padding: 25px 20px;
        letter-spacing: 2px;
        font-weight: 900;
        text-align: center;
    }
    #myBtn {
        bottom: 66px !important;
        right: 9px !important;
    }
}