/*
    Position
 */
.right-1 {
    right: 1rem;
}
.right-2 {
    right: 2rem;
}
.right-3 {
    right: 3rem;
}
.right-4 {
    right: 4rem;
}
.right-5 {
    right: 5rem;
}

.left-1 {
    left: 1rem;
}
.left-2 {
    left: 2rem;
}
.left-3 {
    left: 3rem;
}
.left-4 {
    left: 4rem;
}
.left-5 {
    left: 5rem;
}

.promotion-desc table>:not(caption)>* {
    border-width: 1px 0;
}
.promotion-desc table>:not(caption)>*>* {
    border-width: 0 1px;
}
.form-control:disabled, .form-control[readonly] {
    background: #cdcdcd !important;
    border-color: #cdcdcd !important;
}

.maintenance img,
.bonus_not_allow img,
.coming_soon img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
}

.btn-primary.btn_filter_games,
.btn-primary.btn_filter_games:focus,
.btn-primary.btn_filter_games:active {
    background: #FFF !important;
    border-color: #FFF !important;
    color: #C60024 !important;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5) !important;
}
.btn-primary.btn_filter_games.style-1:before {
    content: url("/images/menu/1.png");
    transform: scale(.9);
    margin-top: 3px;
    /*margin-left: -10px;*/
    margin-right: 3px;
}
.btn-primary.btn_filter_games.style-2:before {
    content: url("/images/menu/2.png");
    transform: scale(.9);
    margin-top: 3px;
    /*margin-left: -10px;*/
    margin-right: 3px;
}
.btn-primary.btn_filter_games.style-3:before {
    content: url("/images/menu/3.png");
    transform: scale(.9);
    margin-top: 3px;
    /*margin-left: -10px;*/
    margin-right: 3px;
}
.btn-primary.btn_filter_games.style-4:before {
    content: url("/images/menu/4.png");
    transform: scale(.9);
    margin-top: 3px;
    /*margin-left: -10px;*/
    margin-right: 3px;
}
.btn-primary.btn_filter_games.style-5:before {
    content: url("/images/menu/5.png");
    transform: scale(.9);
    margin-top: 3px;
    /*margin-left: -10px;*/
    margin-right: 3px;
}
.btn-primary.btn_filter_games.style-6:before {
    content: url("/images/menu/6.png");
    transform: scale(.9);
    margin-top: 3px;
    /*margin-left: -10px;*/
    margin-right: 3px;
}
.btn-primary.btn_filter_games.style-7:before {
    content: url("/images/menu/7.png");
    transform: scale(.9);
    margin-top: 3px;
    /*margin-left: -10px;*/
    margin-right: 3px;
}
.btn-outline-primary.btn_filter_games,
.btn-outline-primary.btn_filter_games:focus,
.btn-outline-primary.btn_filter_games:active {
    background: transparent !important;
    border-color: transparent !important;
    color: #FFF !important;
}


p.referral {
    line-height: 1.2;
}
.referral.form-control {
    background: transparent !important;
    color: #C60024 !important;
    border: 1px dashed #C60024 !important;
}

.padding-1 {
    padding: 0.2rem !important;
}
.padding-2 {
    padding: 0.4rem !important;
}
.padding-3 {
    padding: 0.6rem !important;
}
.padding-4 {
    padding: 0.8rem !important;
}
.padding-5 {
    padding: 1rem !important;
}


@keyframes heartbeat {
    0% {
        transform: scale(1);
    }
    25% {
        transform: scale(1);
    }
    30% {
        transform: scale(1.1);
    }
    50% {
        transform: scale(1);
    }
    70% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}


.download_qr {
    width: 150px;
    padding: 5px;
    margin-top: 5pt;
    background:
            linear-gradient(to right, black 4px, transparent 4px) 0 0,
            linear-gradient(to right, black 4px, transparent 4px) 0 100%,
            linear-gradient(to left, black 4px, transparent 4px) 100% 0,
            linear-gradient(to left, black 4px, transparent 4px) 100% 100%,
            linear-gradient(to bottom, black 4px, transparent 4px) 0 0,
            linear-gradient(to bottom, black 4px, transparent 4px) 100% 0,
            linear-gradient(to top, black 4px, transparent 4px) 0 100%,
            linear-gradient(to top, black 4px, transparent 4px) 100% 100%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
}

.app-download-container {
    position: fixed;
    background: #FFF;
    z-index: 999;
}
.app-download-container .app_download_close_btn {
    position: absolute;
    right: 5px;
    top: 5px;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: rgba(0,0,0,0.5);
    color: #FFF;
}
.app-download-container .left {
    line-height: 1;
    font-size: 12px;
    display: flex;
    align-items: center;
}
.app-download-container .right {
    text-align: right;
    padding-right: 30px;
}
.app-download-container.visible + .appHeader  {
    margin-top: 46px !important;
}
.app-download-container.visible + .appHeader + #appCapsule {
    padding-top: 102px !important;
}