body{padding: 0; margin: 0; font-family: 'Poppins', sans-serif; background: #000 !important;}
ul, li, ol, a, span, strong, p, img, h1, h2, h3, h4, h5, h6 {padding: 0; margin: 0;}
.container{max-width: 420px !important; width: 100%; margin: 0 auto; background: url(../images/main-bg.png); height: 100vh; overflow: auto; padding: 15px;
background-size: 100% !important;}
.btn.btn-primary {background: #9f107a;border-radius: 50px;font-weight: 500;padding: 10px 20px;border: 3px solid #fff;}
.mini-heading {font-size: 22px;font-weight: 500;color: #fff;}
.logo-main-div {text-align: center;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.logo-main-div .btn-main {margin-top: 20px;}
.logo-main-div .btn-main .btn {padding: 10px 30px;border-radius: 50px; border: 0;}
.logo-main-div .btn-primary {background: #9f107a !important;}
.logo-main-div .btn-main .btn-danger {background: #7111d7;}
.logo-main-div img {max-width: 80%;}
.login .form-control {color: #fff;background: #9f107a;border: 0;border-radius: 50px;height: 50px;padding: 0 0px 0 100px;}
.login .form-control::placeholder {color: #fff;opacity: 1;}
.login .form-group-new img {position: absolute;top: 0;}
.login .form-group-new {position: relative;height: 82px;padding: 17px 0;}
.login .btn {padding: 10px 30px;border-radius: 50px; border: 0; margin-bottom: 15px; background: #9f107a !important;}
.login a, .login p {color: #fff;}
.social-login img {max-width: 80%;width: 100% !important;display: block;margin: 0 auto;}
.social-login li {display: block;margin: 10px 0;}
.mainscreen .logo img {max-width: 70%;margin: 15px 0;}

.menu a {font-size: 30px;color: #fff;padding: 10px;line-height: 30px;display: inline-block;}
.sm-logo img{max-width: 100%;}
.sm-logo img {max-width: 170px;width: 100%;margin: 0 auto;display: block;}
.user-img {width: 50px;height: 50px;overflow: hidden;border-radius: 50%;border: 3px solid #fff;float: right;cursor: pointer;}
.user-img img {width: 100%;height: 100%;object-fit: cover;display: block;}
.inner-screen {border-top: 5px solid #9f107a;}
.createNewGame {margin: 20px 0;}
.createNewGame .btn.btn-primary {display: block;font-size: 20px;}
.gm-head { margin-bottom: 10px; }
.gm-head .mini-heading {padding: 10px 0;}
.gm-head .form-control {border-radius: 50px;background: #9f107a;color: #fff;}
.card-blue.card {background: #7111d7;color: #fff; margin-bottom: 15px;}
.my-games .card-blue.card h5 {font-size: 18px;font-weight: 500;margin-bottom: 6px;}
.my-games .card-blue.card p {font-size: 14px;margin: 3px 0;}
.card-blue.card .card-bedge {background: #420681;display: inline-block;padding: 0 10px;border-radius: 5px;}
.load-more {margin-top: 20px;}
.main-heading {font-size: 20px;font-weight: 600;color: #fff;text-align: center;background: #9f107a;margin-left: -15px;margin-right: -15px;padding: 12px 0;
margin-top: 15px;margin-bottom: 15px;}
.card-pink.card {background: #9f107a;color: #fff; margin-bottom: 15px;}
.form-create {margin-top:15px;}
.form-create .form-control {background: #7111d7;border: 0;color: #fff;font-size: 15px;height: 45px;}
.form-create .form-control::placeholder {color: #fff;opacity: .6;}
.input-group-addon {background: #490c89;padding: 12px 10px;font-size: 14px;border-radius: 0px 5px 5px 0px;}
.form-create .form-control:disabled {background: #630754;}

.started-tmbl {background: #9f107a;padding: 10px 10px;width: 100%;border-radius: 5px;margin-bottom: 15px;}
.started-tmbl p {color: #fff;font-size: 18px;font-weight: bold;}
.started-tmbl .btn.btn-primary {padding: 6px 11px;float: right;margin: ;}
.pl-btn {background: #9f107a;color: #fff;font-size: 12px;padding: 12px 6px;display: inline-block;border-radius: 5px;display: block;text-align: center;}
.wel-use p {text-align: center;color: #fff;font-size: 25px;margin-bottom: 20px;margin-top: 20px;font-weight: 600; letter-spacing: 1px;}
.top-btn-grp {text-align: center;margin-bottom: 15px;}
.cool-box .bx-brd {background: #7111d7;color: #fff;text-align: center;border: 2px solid #fff;height: 100%;width: 100%;border-radius: 10px;padding: 15px 5px;}
.cool-box .bx-brd h3 {font-size: 18px;margin-bottom: 10px;}
.cool-box .col-6{margin-bottom: 15px;}
.pink-box {background: #9f107a;color: #fff;border-radius: 0;padding: 15px 15px;border: 3px solid #fff; margin-bottom: 15px;}
.pink-box p {margin: 0 0 7px;}
.pink-box .btn.btn-primary {padding: 5px 15px;margin: 8px 0 0;}
.blue-box {background: #7111d7;color: #fff;border-radius: 0;padding: 15px 15px;border: 3px solid #fff; margin-bottom: 15px;}
.blue-box li {list-style: none;padding: 5px 0;}
.blue-box ul {max-height: 136px;overflow: auto;}
.numberology {margin-bottom: 20px;color: #fff;}
.numberology h2 {width: 110px;height: 110px;background: #7111d7;border-radius: 50%;padding: 30px 0;margin: 0 auto;border: 5px solid #fff;}
.numberology p {background: #9f107a;border-radius: 50px;margin-top: -28px;padding: 5px 0;}
.number-board {color: #fff; margin-bottom: 20px;}
.number-board li {list-style: none;display: inline-block;width: 33px;background: #7111d7;height: 33px;margin: 4px 4px;border-radius: 3px;float: left;
text-align: center;padding: 4px 0;}
.number-board h5 {margin-bottom: 10px;margin-top: 30px;font-size: 18px;font-weight: 500;}
.number-board li.selected-number { background: #9f107a; }
.winner-sld {background: #9f107a;text-align: center;color: #fff;border-radius: 6px;overflow: hidden; margin-bottom: 20px;}
.winner-sld h5 {background: #7111d7;padding: 10px;margin-bottom: 10px;}
.winner-sld .slide-bx .user-img {float: none;margin: 0 auto 8px;}
.slide-win .owl-prev {position: absolute;left: 7px;top: 5%;font-size: 40px !important;}
.slide-win .owl-next {position: absolute;right: 7px;top: 5%;font-size: 40px !important;}
.social-invite {margin-bottom: 15px;}
.social-invite img {max-width: 80%;width: 100% !important;display: block;margin: 0 auto;}
.social-invite li {display: block;margin: 10px 0;}
.add-email {margin-bottom: 25px;}
.add-email li {color: #fff;list-style: none;background: #7111d7;border-radius: 5px;font-size: 14px;padding: 12px 13px;margin-bottom: 15px;}
.add-email li a {color: #fff;display: inline-block;float: right;background: #ff0012;padding: 2px 6px;border-radius: 5px;font-size: 13px;}
.notes-link p {font-size: 14px;margin-bottom: 10px;}
.mini-btn .btn.btn-primary {padding: 5px 13px;margin-top: 10px;}
.table {color: #fff;}
.btn.btn-primary.btn-sm {padding: 2px 13px;float: right;margin-bottom: 12px;}
.newbxpk .btn.btn-primary.btn-sm {margin: -3px 0 0;display: inline-block;}
.playerList .d-flex {margin: 11px 0;}
.playerList .d-flex .user-info {margin-left: 12px;}

.main-menu {position: fixed;left: calc(50% - 45px);transform: translateX(-50%);width: 330px;z-index: 99;border-right: 4px solid #fff; display: none;}
.main-menu .container {background: #810a63;}
.main-menu .fa.fa-times {color: #fff;font-size: 20px;padding: 14px 0px;}
.menu-items li {list-style: none;}
.menu-items li a {color: #fff;display: block;padding: 10px 0;border-bottom: 2px solid #fff; text-decoration: none;}
.menu-items {border-top: 2px solid #fff;margin-top: 20px;}
.numberology h1 {font-size: 25px;margin-bottom: 10px;}
.mini-heading-email {font-size: 22px;font-weight: 500;color: #fff;margin-bottom: 10px;}
.winner-sld-all .slide-bx {margin-bottom: 20px;}

.faq-q {position: absolute;top: 15px;right: 0;}
.faq-q .help_button.btn.btn-primary {background: #ff03be !important;border-radius: 50%;width: 55px;height: 55px;padding: 0 !important;}
.faq-q p {position: absolute;width: 180px;right: 0;font-size: 10px;background: #ff03be;border-radius: 5px;padding: 10px 10px;bottom: 100%;display: none;}
.faq-q .help_button.btn.btn-primary:hover + p {display: block;}

.fq-in {margin-left: 7px;display: inline-block;position: relative;background: #ff0bc0;width: 30px;height: 30px;text-align: center;
border-radius: 50%;line-height: 30px;}
.fq-in strong {position: absolute;font-size: 12px;line-height: initial;bottom: 120%;width: 240px;background: #ff0bc0;border-radius: 5px;
padding: 10px 10px;left: -90px;font-weight: normal;display: none;}
.fq-in:hover strong {display: block;}
.modal-header { background-color: #9f107a; color: white;}
.modal-body { background-color: #7111d7; color: white;}
.modal-footer { background-color: #9f107a; }
.selected_tickets_numbers, .all_numbers {max-width: 370px;margin: 0 auto;}
@media(max-width: 767px){
.number-board li {width: 28px;height: 28px;}
.main-menu { left: 0px; transform: translateX(0%); }
.selected_tickets_numbers, .all_numbers {max-width: 326px;margin: 0 auto;}
}
.top-btn-grp .btn.btn-primary { padding: 15px 50px; font-size: 20px; }
.toastr-info { background-color: #a1407b; }