#snackbar {
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 30px;
  font-size: 17px;
}

#snackbar.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
  from {bottom: 0; opacity: 0;} 
  to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {bottom: 30px; opacity: 1;} 
  to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}
.bg-custom{
   background-image: linear-gradient(to right, rgb(241, 155, 70), rgb(237, 75, 16));
}

.head-text{
    padding-top:40px;
    padding-left:15px;
    font-weight:bold;
    font-size:large;
}

.head-img{
  margin-left:120px;
}
.fixed-width {
    max-width: 1200px; /* Adjust the width to your preference */
    margin: 0 auto; /* Center the container on the page */
}


.c-img{
    border-radius:20px;
}

.shell {
    display: grid;
    grid-template-columns: 0 1fr 0;
    grid-template-rows: auto 8em 1fr auto;
  }
  
  @media (min-width: 600px) {
    .shell {
      grid-template-columns: 20px 1fr 20px;
    }
  }
  
  /* overlap */
  .shell:before {
    content: "";
    grid-column: 1/-1;
    grid-row: 1/3;
    background: 
#f83600;  /* fallback for old browsers */

    border-radius:0px 0px 50px 50px;
    margin-bottom:50px;
    padding-top:120px;

  }
  
  .shell-header {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
 background: #fe8c00;  /* fallback for old browsers */
background: -webkit-linear-gradient(to top, #f83600, #fe8c00);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #f83600, #fe8c00); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

  }
  
  .shell-body {
    grid-row: 2 / 4;
    grid-column: 2 / 3; 
    min-height: 50vh;
    padding: 20px 20px 0px 20px;
    border-radius: 10px;
  }

  .shell-footer {
    grid-column: 2/3;
    grid-row: -1;
    padding: 0px; 
  }
  
  
  
  .home-body {
    margin:0;
    font-family: sans-serif;
  }

  .home-img{
    width:100px;
    height:100px;
  }

  .home-img1{
    width:160px;
    height:100px;
  }

 

  .navbar .navbar-nav .nav-link {
    color:gray;
    font-size: 1.1em;
  }
  .navbar .navbar-nav .nav-link:hover {
    color:rgb(237, 75, 16);
  }
  .navbar .navbar-nav .nav-item {
    position: relative;
  }
  .navbar .navbar-nav .nav-item::after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color:rgb(237, 75, 16);
    width: 0%;
    content: "";
    height: 2px;
    transition: all 0.5s;
  }
  
  .navbar .navbar-nav .nav-item:hover::after {
    width: 100%;
  }

  .h-navbar{
    font-size:small;
  }

  .container1{
    background-image:url("https://lotteryanna.com/static/img/dg@2x.9c63267a.png");
    background-repeat:no-repeat;
    width:330px;
    border-radius:20px;
  }

  .img5{
    width:90px;
    height:70px;
  }

  .draw2{
    background:url(assets/images/draw2.png);
    background-repeat:no-repeat;
    border-radius:20px;
  }
  
  .new-box{
    display:flex;
    background-image: linear-gradient(to right, yellow, gold);
    background-repeat: no-repeat;
    background-size:cover;
    height:9em;
    border-radius:15px;
    padding-top:5px;
  }

  .timer{
      margin:auto;
  }

  .logo2{
    margin: auto;
  }

  .sub-box1{
    margin-left:10px;
    flex: 0 1 30%;
  }

  .title{
    font-weight:600;
    font-size:large;
  }

  .sub-box2{
    display:inline;
    margin-left:10px;
    margin-right:10px;
    flex: 0 1 80%;
  }
  
  .time{
    font-size:0.9em;
  }

  .btn2{
    line-height:1.5em;
    margin: auto;
  }

  .container3{
    background-image:url("https://lotteryanna.com/static/img/cp@2x.75878389.png");
    background-repeat:no-repeat;
    width:330px;
    border-radius:20px;
  }

  .container4{
    background-image:url("https://lotteryanna.com/static/img/cp@2x.75878389.png");
    background-repeat:no-repeat;
    width:330px;
    border-radius:20px;
  }


  .dgimg{
    width:100%;
    height:120px;
  }

  .digit-game{
    position: relative;
    text-align: center;
    color: white;
  }

  .top-left {
    position: absolute;
    top: 6px;
    left: 16px;
  }
  .top-right {
    position: absolute;
    top: 6px;
    right: 20px;
  }

  .bottom-left {
    position: absolute;
    bottom: 2px;
    left: 16px;
  }

  .bottom-right {
    position: absolute;
    bottom: 5px;
    right: 16px;
  }

  .c1{
    font-size:small;
  }

  .c2{
    font-size:small;
    font-weight:600;
    margin-top:2px;
  }

  .money{
    margin:0;
  }

  .time{
    font-size:2mm;
    padding:4px;
  }

  .badge2{
    line-height:10px;
  }

  .cp-img{
    width:100%;
    height:110px;
  }
  .ag-img{
    width:95px;
    height:100px;
    border-radius:10px;
  }

  .support{
    width:100%;
    margin-top:10px;
    margin-bottom:60px;
  }

             /* footer */
             .text
             {
              font-size: x-small;
             }
             .position
             {
              position: relative;
              bottom: 20px;
             }

             .icon{
              text-decoration:none;
              color:black;
             }
             .icon:hover
             {
              color:orange;
             }

/* account page css */

.acc-head{
  /* Chrome 10-25, Safari 5.1-6 */
background: #FC7300;
  padding-top:20px;
  padding-left:13px;
  color:white;
  padding-right:13px;
  
}

.account{
  padding-right:1px;
  font-size:20px;
}
.mobile{
  margin-left:140px;
  
}

.acc-head2{
   background: #ff8000;  /* fallback for old browsers */
background: -webkit-linear-gradient(to top, #f83600, #fe8c00);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #f83600, #fe8c00); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

  border-radius:0px 0px 30px 30px;
  font-size:x-small;
  padding-top:70px;
  padding-left:10px;
  padding-bottom:30px;
  color:white;
}

.acc-wallet{
  color:white;
  padding-bottom:20px;
}

.vip-logo{
  background-image: linear-gradient(to right, rgb(249, 185, 174), rgb(245, 107, 187),rgb(246, 200, 120));
  border-radius:10px 10px 10px 10px;
}

.acc-row{
  padding-left:5%;
  text-align:center;
}

.acc-column1{
    margin:5px 10px 5px 4px;
}

.acc-column2{
    margin:5px 0px 5px 20px;
}

.update{
  font-size:small;
  padding-left:48px;
}

.refresh{
  background: transparent;
  background-color: darkgray;
  margin:5px;
}

/* Password Login Page css */

.pass-login{
  background-image: linear-gradient(to right, rgb(241, 155, 70), rgb(237, 75, 16));
  padding-top:20px;
  padding-bottom:2px;
}

.pass-text{
  font-weight:600;
}

input[type="number"],
select.form-control {
  background: transparent;
  border: none;
  border-bottom: 1px solid #9a9696;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
}

input[type="password"]:focus,
select.form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

input[type="password"],
select.form-control {
  background: transparent;
  border: none;
  border-bottom: 1px solid #9a9696;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
}

input[type="number"]:focus,
select.form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

input[type="text"],
select.form-control {
  background: transparent;
  border: none;
  border-bottom: 1px solid #9a9696;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
}

input[type="text"]:focus,
select.form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.phno{
  font-weight:600;
  padding-top:6px;
}

.line{
  color:#c6c0c0;
}

#confirm-btn{
  background-color:orangered;
  width:100%;
}

#register-btn{
  background-color:rgb(239, 239, 255);
  color:blue;
  width:40%;
}

#login-btn{
  background-color:rgb(255, 240, 235);
  color:orangered;
  width:50%;
  margin-left:10px;
}

#register_form-btn{
  background-color:rgb(255, 240, 235);
  color:orangered;
  width:45%;
  margin-left:10px;
}

/* invite page css */

.bodyclr{
    background-image:linear-gradient(to bottom, rgb(241, 175, 70), rgb(141, 33, 14));
    background-repeat:no-repeat;
  }
  
  
  
  .invite-btn{
    background-image:linear-gradient(to right, rgb(241, 155, 70), rgb(236, 49, 12));
    margin-bottom:80px;
    width:85%;
    height:40px;
    margin-left:8%;
    font-weight:600;
    font-size:large;
  }


/*begin first box*/
.first{
    width: 340px;
    border-width: 0 2px 0 2px;
    border-color: #ffff;
    border-style: solid;
    position: relative;
    background-color:brown;
    padding:15px;
}

.first span {
    position: absolute;
    display: flex;
    right: 0;
    left: 0;
    align-items: center;
}
.first .foo{
    top: -10px;
}
.first .bar{
    bottom: 0px;
}
.first .bar2{
    bottom: -51px;
}
.first span:before , .first span:after {
    content: ' ';
    height: 2px;
    background: #ffff;
    display: block;
    width: 50%;
}
.first .bar2:before {
    content: ' ';
    height: 2px;
    background: #ffff;
    display: block;
    width: 0%;
}
.first .bar2:after {
    content: ' ';
    height: 2px;
    background: #ffff;
    display: block;
    width: 100%;
}

.itext{
    background-image:linear-gradient(to right, rgb(227, 96, 94), rgb(249, 55, 55));
    font-size:small;
    white-space: nowrap;
    font-weight:600;
}

.ptext{
    font-size:small;
    text-align:left;
}

.parallelogram {
	width: 90px;
	height: 30px;
	transform: skew(20deg);
    background-image:linear-gradient(to right, rgb(227, 96, 94), rgb(249, 55, 55));
    border-color:white;
}





/* otp login page css */

/* .mobile-txt{
  color:black;
  padding-top:5px;
  position:absolute;
  padding-right:70%;
  font-weight:600;
} */

.request-txt{
  font-size:small;
  color:orangered;
  padding-top:6px;
  position:absolute;
  padding-left:70%;
}

.container input::placeholder {
  color: #8f8a8a;
}

#register_radiobtn{
  color:orangered;
  font-size:small;
}

/* kearala page css */

.jackpotgold{
  font-weight: 700;
  background-image: linear-gradient(to left, rgb(255, 0, 0) , rgb(245, 201, 160));

}
.headline{
  text-align: center;
  font-size:15px;
  color:red;
  font-weight: 400;
  font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  background-color: rgb(248, 233, 231);
}
.rulebtn{
  background-color: rgb(248, 233, 231);
/* background-color: rgb(255, 235, 228); */
color:red;
font-size:large;
font-family:'Times New Roman', Times, serif;
}
.rulebtnrow{
  margin-left: 3%;
  text-align:center;
 font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;


}
.redpill {
  background-color: red;
  color:white;
}
.redpill:focus {
  background-color: red;
  color:white;
}
.btnscrollrow{
margin-left: 2%;
padding-bottom: 2%;
}
#qtySA,#qtySB,#qtySC,#qtyTAB,#qtyTAC,#qtyTBC{
    outline:none;
    text-decoration:none;
     border: none;
}

#scrollbtntxt{
  text-align: center;
  font-size: large;

  font-weight: 600;
}
#scrollbtntxt:focus{
  text-align: center;
  font-size: large;
background-color:red;
  font-weight: 600;
}
.goldenjack{
  font-size:small;
  /*color:red;*/
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

}
.siglelogo{
  font-size: 15px;
  font-weight: 500;
  color:red;
  white-space:nowrap;
  
}
.digitloot{
  margin-left: 33%;
  font-weight: 600;
}
.goldtxtjack {
    padding-right:10%;
}

.siglelogo1{
 
  background-color: rgb(248, 233, 232);
  white-space:nowrap;
  overflow:hidden;
  font-size:12px;
  text-align:end;
   
   color:red;
  font-size:17px;
  font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-weight: 700;
}
.siglelogo1:hover{
  /* background-color: rgb(250, 226, 224); */
  background-color: rgb(248, 233, 231);
   
   color:red;
  font-size:17px;
  font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-weight: 700;
}
.abutton{
  border-radius: 60%;
  
}

.home-img{
  width:100px;
  height:100px;
}

.home-img1{
  width:160px;
  height:100px;
}
.c-img{
  border-radius:20px;
}
.cardmainby{
  font-size: 17px;
}
.minussign{
 font-size:19px;
 font-weight: 900;
}
.signvalue{
  font-size: 22px;
  font-weight: 400;
  
}
.inputttext{
  border-radius:30px;
  font-size: 17px;
  font-weight: bold;
}
.eleven{
 text-align:start;
  font-size: 12px;
  color:red;
}
.thrrdigit{
  margin-left: 15%;
}
.redtxt{
  color:red;
  font-size: 25px;
  font-weight: 700;
}
.btnpayment{
  background-color: red;
}
.signcol{
  margin-left: 1%;
  margin-right: 1%;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 7%;
}
.addbtnbtn{
  text-decoration:red;
padding-right:4%;
padding-top:6px;
width:25em;
  text-align: center;
  
 
}
.mynum{
    font-size:20px;
}
/* navbarcss */
.navbar .navbar-nav .nav-link {
  color:gray;
  font-size: 1.1em;
}
.navbar .navbar-nav .nav-link:hover {
  color:rgb(237, 75, 16);
}
.navbar .navbar-nav .nav-item {
  position: relative;
}
.navbar .navbar-nav .nav-item::after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-color:rgb(237, 75, 16);
  width: 0%;
  content: "";
  height: 2px;
  transition: all 0.2s;
  
}

.navbar .navbar-nav .nav-item:hover::after {
  width: 100%;
  
}

.h-navbar{
  font-size:small;
  font-family: 'Times New Roman', Times, serif;
font-weight: bold;
}
.resultslider{
  padding-top: 34%;
}
.arrowsign1{
    padding-right:50%;
}

.lotterytype{
  font-size: x-small;
  padding-left: 6%;
  font-family:sans-serif;
  color:rgb(250, 71, 0)
}
.cardbging{
  background-image: url("https://lotteryanna.com/static/img/card_dabg.beeb2738.png");
 background-repeat: no-repeat;
 background-size: cover;
}
.onlinetext{
  font-size: small;
  text-decoration: none;
  font-family: 'Times New Roman', Times, serif;
  font-weight: bold;
  color:black;

}
.secondcard2{
    padding-top:2px;
}
.dateandtime1{
  font-size: 10px;
  text-decoration: none;
  color: black;
}

.leff {
  position: absolute;
  top: 32px;
  left: 34px;
  font-size: small;
  font-family: sans-serif;
  font-weight: 700;

}
.cardbging1{
  position: relative;
  text-align: center;
  color: white;
}

/* digit page css */

.digit-font{
  font-weight:600;
  font-size: 14px;;

}
.digit-badge{
  background-color: rgb(215, 15, 7);
}
.digit-title{
  background-color: rgb(107, 121, 126);
}
.digit-color{
  color: rgb(255, 128, 0);
  font-weight:600;
  font-size: 15px;
  

}

/* matka page css */

.ratnagiri
{
    font-size: large;
    font-weight: bold;
    background-color: rgb(221, 221, 222);
}
.ankbtn
{
    border: 1px solid orangered;
    font-size: small;
}
.no
{
    font-size: large;
    font-weight: 900px;
    background-color: orangered;
    border-radius: 0px 0px 5px 5px;
}
.cardheight
{
    height: 67px;
}
.position
{
    position: relative;
    top: 11px;
}
.graybtn
{
    border: 1px solid rgb(221, 221, 222);
    font-size: small;
}
.dashed
{
    font-size: large;
    font-weight: 900px;
    background-color: rgb(221, 221, 222);
    border-radius: 0px 0px 5px 5px;
}
.gray
{
    background-color:  rgb(221, 221, 222);
}

.orange
{
    color: rgb(245, 123, 79);
}


/* commissioncss */
.comissioninvite{

background: linear-gradient(to bottom, #f7797d, #FBD786, #C6FFDD); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

  opacity: 0.95;
 
}
.invitefrd{
  font-size: medium;
  font-weight: bold;
 


}
.invitetop {
background-color: rgba(0, 0, 0, 0);

}
    #hiddenContentt{
 
 
  color: rgb(8, 7, 7);
}
.active3 {
  background-color: red;
  color: rgb(255, 255, 255)0, 17, 17;
}
.custom-button3 {
   
    font-size:14px;
       overflow: hidden;
  
    white-space: nowrap; /* Prevent text wrapping */
}
.custom-buttton3 {
   
    font-size:12px;
       overflow: hidden;
  
    white-space: nowrap; /* Prevent text wrapping */
}
.codetxt{
  font-size: 15px;
}
.coltxt1{
    font-size:12px;
}
.copybtn1{
  background-color: #ffffff73;
  font-size: 13px;
  border: #000000;
  font-weight: 700;
}
.copybtn1:focus{
    background-color: #ffffff73;
  font-size: 13px;
  border: #000000;
  font-weight: 700;
}
.firstrowdd{
  padding-left: 0%;
}
.coltxt{
  font-size: 13px;
}
.variabledigit{
  margin-left: 4px;
  font-weight: bold;
  text-decoration: none;
  font-size: 20px;
  color:rgb(255, 0, 0);

}
..grid-container3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 20px; /* Adjust the gap size as needed */
}
.grid-item {
  border: 1px solid #000;
  padding: 10px;
}
.afterfix{
  padding-top: 20%;
}
.invitebttn{
text-align: center;
color: #ffffff;
font-weight: 700;
background-color: red;
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
.bordbtt{
  border:none;
  border-bottom: 2px solid rgb(255, 255, 255);
  border-radius: 0%;
  background-color: #8f8a8a00;
  box-shadow: none;
  padding: 0; /* Remove padding */
  outline: none; /* Remove the outline when the input is focused */
  caret-color: rgb(255, 255, 255);
  color:#ffffff;
}
#textInput1,#textInput2,#textInput3,#textInput4,#textInput5,#textInput6{
    padding-top:4%;
      border-bottom: 2px solid rgb(255, 255, 255);
      font-weight:bold;
      font-size:large;

}
.fullcontent{
    margin-left:2%;
   
     border-top-left-radius:20px;
      border-top-right-radius:20px;
      
    
}
/*copcodecss*/
.displaynonecopycode{
 outline: none;
 border-color: #8f8a8a00;
 color:#8f8a8a00;
}
.onlytxt {
    font-size:15px;
    text-decoration:none;
    color:red;
    font-weight:bold;
}
.valuetxt{
  text-align: end;
  padding-left:12%;
}
.lasttxt{
    font-size:12px;
}
.coltxt3{
    text-decoration:none;
    font-size:15px;
    color:black;
}
.active3 {
  background-color: red;
  color: white;
}


.inactive3 {
  background-color: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
}


.content3 {
  display: none;
  color:black;
}

.forspace3{
    padding-bottom:20em;
}
.content-container {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  transition: transform 0.3s ease-in-out;
}

      #feedback {
            display: none;
            position: fixed;
            
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: rgba(0, 0, 0, 0.658);
            padding: 15px;
            border: 1px solid rgb(65, 61, 61);
            /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); */
            text-align: center;
            z-index: 999;
        }
        .mycommission{
          display: none;
       
        }
        .commissionbtn{
          
        }
        
/*withdraw page css*/

.withdraw-page{
    background-image: linear-gradient(to right, rgb(241, 155, 70), rgb(237, 75, 16));
    padding-top:20px;
    padding-bottom:2px;
  }
.with-text{
    font-weight:600;
}

.transfer-btn
{
  background-color:orangered;
}

#transfer 
{
  color:orangered;
}

.off-btn{
    background-color:orangered;
    color:white;
}
.off-btn:focus{
    background-color:orangered;
    color:white;
}
.transfer-text{
    color:orangered;
}
#off-confirm{
    background-color:rgb(182, 168, 168);
}
#bank-btn{
    border-color:orangered;
    background-color:rgb(255, 240, 235);
    color:orangered;
    width:100%;
}
#bank-btn:focus{
    border-color:orangered;
    background-color:rgb(255, 240, 235);
    color:orangered;
}

#with-btn{
    background-color:rgb(182, 168, 168);
    width:100%;
}
.btn-ornage
{
    background-color:orangered;
}

.withdraw-record{
    color:orangered;
    font-size:15px;
}

.line{
    text-decoration-color:orangered;
}

/* addbank page css */

.addbank-page{
    background-image: linear-gradient(to right, rgb(241, 155, 70), rgb(237, 75, 16));
    padding-top:20px;
    padding-bottom:2px;
  }
.addbank-text{
    font-weight:600;
}

input[type="number"],
select.form-control {
  background: transparent;
  border: none;
  border-bottom: 1px solid #9a9696;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
}

input[type="number"]:focus,
select.form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

input[type="text"],
select.form-control {
  background: transparent;
  border: none;
  border-bottom: 1px solid #9a9696;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
}

input[type="text"]:focus,
select.form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

input[type="email"],
select.form-control {
  background: transparent;
  border: none;
  border-bottom: 1px solid #9a9696;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
}

input[type="email"]:focus,
select.form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

#addbank-btn{
    background-color:orangered;
    width:100%;
}

.help{
    color:orangered;
}

/* MY Lotteries */

#noti-ro{
    background-color:red;
   
  }
  #noti-ro1{
    background-color: 	rgb(242, 242, 242); 
   
  }
  #noti-ro2{
    background-color: white;  /* Green */
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
  }
  .alote{
    text-decoration: none;
  
  }
  #hoverlot{
    text-underline-offset: auto;
  }
  
  .bro{
    background-color: white;
    color: red;
  }
  #noti-roll{
    background-color: white;  /* Green */
    border-radius: 15px;
   
   
  }
  
  .scrollmenu1 {
    background-image: linear-gradient(to right, rgb(241, 155, 70), rgb(237, 75, 16));
    color:white; 
    overflow: auto;
    white-space: nowrap;
  }
  
  .amylotd{
    display: inline-block;
    color:white;
    text-align: center;
    padding: 16px;
    text-decoration: none;
  }
  
  .amylotd:hover {
    text-decoration: underline ;
    text-decoration-thickness: 3px;
    text-underline-offset: 6px;
  }
  
  .bgtr{
  background-image: linear-gradient(to right, rgb(241, 155, 70), rgb(237, 75, 16));
  color:white;
  }
  .scrollbtntxt1{
  background-color: transparent;
  
  }
  #hoverlot{
  text-underline-offset: auto;
  }
  #hhh {
  display: none;
  }
  
  #noti-roo2{
  background-color: white;  
  border-radius: 15px;
  }
  .mylot{
  background-color:#ff8533;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  }
  

  #noti-rr{
  background-color: #ff8533;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  }
  #dashlot {
  border: 2px dashed red;
  }
  .scrollable-container-lot {
            width: 100%;
            height: 50px; 
            overflow: auto;
            position: relative;
        }
  
        .scrollable-arrow {
            position: absolute;
            top: 0;
            left: 0;
            background-color: rgb(241, 155, 70); 
            height:58px ;
            cursor: pointer;
        }
  
        .scrollable-arrow:hover {
            background-color: rgb(237, 75, 16);
        }
  .arrowlot{
         background-color: rgb(241, 155, 70); 
  }
  
  
  
  /* deposite.css */
.bg-custom{
    background-image: linear-gradient(to right, rgb(241, 155, 70), rgb(237, 75, 16));
 }

 #dep-input{
    background-color:#E8E8E8;
 }
 
.dep-button{
  color: white;
  width:23.5%;
  text-decoration: none;
  cursor: pointer;
}

#dep-button1 {
  background-color: red; 
  color: black; 
  border: 2px solid #FF5733;
}

#dep-button1:hover {
  background-color: #FF5733;
  color: white;
}
.reqbgcolor{
   background-color: #FF5733; 
   color:white;
}

#reqbgcolor{
   background-color: #FF5733; 
   color:white;
}

  
  
/* levelpage css */
.levelrow1{
  padding-top:2em;
  padding-bottom:1em;
 
}
.levelround{
  border-top-right-radius: 13px;
  border-top-left-radius: 13px ;
}
.custombtn{
  overflow:hidden;
  white-space: nowrap;
  font-size: small;
  
}
.spaceneedd{
  padding-top: 10em;
  padding-bottom: 30em;
  padding-left: 2em;
  padding-bottom: 30em;
  
}
 .levellinkks{
     font-size:small;
     text-decoration:none;
     color:black;
 }
 
 
 /*transaction*/
 
 .mytransaction{
    text-align:center ;
    display: inline;
}
.gradientorange
{
    background-image: linear-gradient(to right, rgb(241, 155, 70), rgb(237, 75, 16));
}
div.scrollmenu {
    
    overflow: auto;
    white-space: nowrap;
  }
  
  div.scrollmenu a {
    display: inline-block;
    color: black;
    text-align: center;
    padding: 10px;
    text-decoration: none;
  }
  
  div.scrollmenu a:hover {
    color:rgb(252, 77, 13);
    text-decoration: underline;
    font-family: Arial;
    
  }
  .rightarrow{
    float: right;
    margin-top: 5px;
  }
  
  
  /* chat page*/
  
  .support
{
    border-radius: 2px 8px 8px 8px;
    background-color:rgb(217, 237, 255);
    border-bottom:gray solid 1px;
}
.supporttext 
{
  font-size:small;
  color: gray;
  font-weight: bold;
  margin-left:105px;
}
.telegram
{
    width: auto;
    height: 30px;
    margin-top: 7px;
}
.typetext
{
    border:none;
    margin-left: 13px;
}

/* wincard css */
  .card-title{
   
    font-size: 13px;
    font-weight: bold;
  }
  .backattachimg{
    background-image: url("card1.jpg");
   background-size: contain;
   
  }
  .jakpotplace{
    font-size: 6px;
    text-shadow: 1px rgb(224, 219, 219);
  }
  .oncardtxt{
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    border-radius: 2px;
    color:white;
    font-size: 8px;
    background-color:rgba(45, 44, 44, 0.763);
    margin-bottom: 40%;
    font-weight: bolder;
  }
  .margtop{
   padding-top: 60%;
  }
  .oncardtxt1 {
    position: absolute;
    bottom: 20%;
    left: 0;
    color: white;
    text-align: left;
    
  }
  .jacktime {
  
font-size: 9px;
font-weight: bolder;
font-family: 'Times New Roman', Times, serif;
  }
  .timebox{
    border-radius: 2px;
    background-color:rgba(0, 0, 0, 0.786);
    font-size: 10px;
  }
.checkbox
{
    background-color:blue;
    color:white;
}

.secscroll{
    color:black;
}
    
/* vip page css */
.txtbold{
  font-weight: bolder;
  text-decoration:none;
  color:black;
  font-size:1.2rem;
background: #e1eec3;  /* fallback for old browsers */
background: -webkit-linear-gradient(to left, red, #e1eec3);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, red, #e1eec3); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}
.vipcard{
  padding-top: 19%;
  justify-content: flex-start;
  color:rgb(1, 1, 29);
}
.vipcount{
  font-size: 1.6rem;
  white-space:nowrap;
}
.txtsm{
  font-size: 0.5rem;
}
.finishbtn{
white-space: nowrap;
font-weight: 600;
border-radius:10px;
background-color: #ffffff5f;
}
.gradclr{
 margin-right: 2%;
  border-color: rgb(9, 2, 41) ;
  background: #2980B9;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #FFFFFF, #6DD5FA, #2980B9);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #FFFFFF, #6DD5FA, #2980B9); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}  
.rechto{
  justify-content: center;
  border-radius: 13px;
  background-color: red;

}
.txtbrw{
color:rgb(43, 3, 3);
}
}