body {
    background-color: #6138B8;
    /* font-family: 'Helvetica LT Std'; */
    font-family: 'Arial';
    font-family: 'Glober';
    letter-spacing: 1.5;
    height: 100%;
}

.con_icon
{
    width: 25%;
}

@media screen and (max-width: 800px) {
    .con_icon {
      width: 10%; /* The width is 100%, when the viewport is 800px or smaller */
    }
  }

.header {
    height: 15%;
    text-align: center;
    padding: 0;
}

.header_raj {
    height: 20%;
    text-align: center;
    padding: 0;
}

@font-face {
    font-family: 'Glober';
    src: url('../fonts/GloberRegular.eot');
    src: url('../fonts/GloberRegular.eot?#iefix') format('embedded-opentype'), url('../fonts/GloberRegular.woff') format('woff'), url('../fonts/GloberRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

input {
    outline: none;
    letter-spacing: 1.5;
    border-radius: 5px;
}

.user_1 {
    background-color: #151515;
    height: 100%;
    padding-top: 1.2%;
}

.user_1 input {
    text-align: center;
    width: 100%;
    border-radius: 5px;
    border: none;
    padding: 10px 0;
    font-size: 20px;
    margin-bottom: 10px;
    box-shadow: 1px 1px 10px #333232 inset;
}

.remchk {
    width: 16px !important;
}

.user_1 p {
    color: #fff;
    font-size: 16px;
}

.Loginrow
{
    background-image: url('images/LOGINPage.png');
}

.login input {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    background: -webkit-linear-gradient(#ffa600, #b16100);
    background: -o-linear-gradient(#ffa600, #b16100);
    background: -moz-linear-gradient(#ffa600, #b16100);
    background: linear-gradient(#ffa600, #b16100);
    text-shadow: 2px 2px 1px #000;
    box-shadow: none;
    padding: 14px 0;
    font-size: 16px;
}

.login input:hover {
    box-shadow: 0px 0px 14px #ffb901 inset;
}

.middle {
    height: 78%;
    padding: 0;
    background-color: #000;
    position: relative;
}

.middle_raj {
    height: 73%;
    padding: 0;
    background-color: #000;
    position: relative;
}

a:visited {
    text-decoration: none
}

a:active {
    text-decoration: none
}

a:hover {
    text-decoration: none
}

.san_1 {
    background-color: #525f7f !important;
}

.che_1 {
    background-color: #555abe !important;
}

.super_1 {
    background-color: #2179b8 !important;
}

.del_1 {
    background-color: #159670 !important;
}

.bhag_1 {
    background-color: #ce7d3b !important;
}

.dia_1 {
    background-color: #c13d4b !important;
}

.luc_1 {
    background-color: #c95d41 !important;
}

.new_1 {
    background-color: #9251ad !important;
}

.new_2 {
    background-color: #7555b6 !important;
}

.new_3 {
    background-color: #423355 !important;
}

.draw_1 {
    background-color: #211d43;
}

.chart_head_1 {
    height: 12%;
}

.chart_cont_1 {
    height: 60px;
    background-color: #ebe9fd;
}

.chart_cont_2 {
    border: 1px solid #000;
    height: 60px;
    width: 9.09%;
    float: left;
    display: grid;
    align-items: center;
    font-size: 16px;
}

.chart_1 {
    /*    height: 100%;
    padding: 1%;
    background-color: #c8181e;
    box-shadow: 0px 0px 5px #710004 inset;
    border-radius: 10px; */
    padding: 1%;
    height: 90%;
}

.chart_scroll {
    height: 87%;
    overflow: scroll;
    overflow-x: auto;
    font-size: 22px;
    font-weight: bold;
    color: #000;
}

.right_qty div,
.right_amt div,
.lastres_1 div {
    /* display: flex;
    align-items: center;
    justify-content: center; */
    text-align: right;
    padding-right: 5px;
}

.htp_cont::-webkit-scrollbar {
    width: 12px;
}

.chart_scroll::-webkit-scrollbar {
    width: 12px;
    display: none;
}

.chart_scroll::-webkit-scrollbar-track,
.htp_cont::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.chart_scroll::-webkit-scrollbar-thumb,
.htp_cont::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgb(167, 0, 0);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.chart_head {
    float: left;
    width: 9.09%;
    height: 100%;
    padding: 0 1%;
    border-radius: 10px 10px 0 0;
    color: #fff;
    font-size: 17px;
    text-align: center;
    font-weight: bold;
    text-shadow: 1px 1px 1px #333;
    display: grid;
    align-items: center;
}

.tab.mid_head .active {
    position: relative;
    z-index: 1;
    top: 2px;
}

div#maza_cont {
    background-color: #121752;
    position: relative;
    z-index: 0;
    /* box-shadow: 0px 4px 0px #006187, 0px -4px 0px #006187, 4px 0px 0px #006187 inset, -4px 0px 0px #006187 inset,0 1px 47px #000; */
}

div#sangam_cont {
    background-color: #525f7f;
    position: relative;
    z-index: 0;
    /* box-shadow: 0px 4px 0px #006187, 0px -4px 0px #006187, 4px 0px 0px #006187 inset, -4px 0px 0px #006187 inset,0 1px 47px #000; */
}

div#chetak_cont {
    background-color: #555abe;
    position: relative;
    z-index: 0;
    /* box-shadow: 0px 4px 0px #7d00cd, 0px -4px 0px #7d00cd, 4px 0px 0px #7d00cd inset, -4px 0px 0px #7d00cd inset, 0 1px 47px #000; */
}

div#super_cont {
    background-color: #2179b8;
    position: relative;
    z-index: 0;
    /* box-shadow: 0px 4px 0px #cf1e00, 0px -4px 0px #cf1e00, 4px 0px 0px #cf1e00 inset, -4px 0px 0px #cf1e00 inset, 0 1px 47px #000; */
}

div#deluxe_cont {
    background-color: #159670;
    position: relative;
    z-index: 0;
    /* box-shadow: 0px 4px 0px #b25e00, 0px -4px 0px #b25e00, 4px 0px 0px #b25e00 inset, -4px 0px 0px #b25e00 inset, 0 1px 47px #000; */
}

div#bhagya_cont {
    background-color: #ce7d3b;
    position: relative;
    z-index: 0;
    /* box-shadow: 0px 4px 0px #008c8f, 0px -4px 0px #008c8f, 4px 0px 0px #008c8f inset, -4px 0px 0px #008c8f inset, 0 1px 47px #000; */
}

div#diamond_cont {
    background-color: #c13d4b;
    position: relative;
    z-index: 0;
    /* box-shadow: 0px 4px 0px #4c8200, 0px -4px 0px #4c8200, 4px 0px 0px #4c8200 inset, -4px 0px 0px #4c8200 inset, 0 1px 47px #000; */
}

div#lucky_cont {
    background-color: #c95d41;
    position: relative;
    z-index: 0;
    /* box-shadow: 0px 4px 0px #d3005c, 0px -4px 0px #d3005c, 4px 0px 0px #d3005c inset, -4px 0px 0px #d3005c inset, 0 1px 47px #000; */
}

div#new1_cont {
    background-color: #9251ad;
    position: relative;
    z-index: 0;
    /* box-shadow: 0px 4px 0px #006d36, 0px -4px 0px #006d36, 4px 0px 0px #006d36 inset, -4px 0px 0px #006d36 inset, 0 1px 47px #000; */
}

div#new2_cont {
    background-color: #7555b6;
    position: relative;
    z-index: 0;
    /* box-shadow: 0px 4px 0px #cc0022, 0px -4px 0px #cc0022, 4px 0px 0px #cc0022 inset, -4px 0px 0px #cc0022 inset, 0 1px 47px #000; */
}

div#new3_cont {
    background-color: #423355;
    position: relative;
    z-index: 0;
    /* box-shadow: 0px 4px 0px #3235b3, 0px -4px 0px #3235b3, 4px 0px 0px #3235b3 inset, -4px 0px 0px #3235b3 inset, 0 1px 47px #000; */
}


/* .san_1.active {box-shadow: 0px 4px 0px #006187 inset, 4px 0px 0px #006187 inset, -4px 0px 0px #006187 inset, 3px -7px 10px rgba(0, 0, 0, 0.69);    border: none;}
.che_1.active {box-shadow: 0px 4px 0px #7d00cd inset, 4px 0px 0px #7d00cd inset, -4px 0px 0px #7d00cd inset, 3px -7px 10px rgba(0, 0, 0, 0.69);    border: none;}
.super_1.active {box-shadow: 0px 4px 0px #cf1e00 inset, 4px 0px 0px #cf1e00 inset, -4px 0px 0px #cf1e00 inset, 3px -7px 10px rgba(0, 0, 0, 0.69);    border: none;}
.del_1.active {box-shadow: 0px 4px 0px #b25e00 inset, 4px 0px 0px #b25e00 inset, -4px 0px 0px #b25e00 inset, 3px -7px 10px rgba(0, 0, 0, 0.69);    border: none;}
.bhag_1.active {box-shadow: 0px 4px 0px #008c8f inset, 4px 0px 0px #008c8f inset, -4px 0px 0px #008c8f inset, 3px -7px 10px rgba(0, 0, 0, 0.69);    border: none;}
.dia_1.active {box-shadow: 0px 4px 0px #4c8200 inset, 4px 0px 0px #4c8200 inset, -4px 0px 0px #4c8200 inset, 3px -7px 10px rgba(0, 0, 0, 0.69);    border: none;}
.luc_1.active {box-shadow: 0px 4px 0px #d3005c inset, 4px 0px 0px #d3005c inset, -4px 0px 0px #d3005c inset, 3px -7px 10px rgba(0, 0, 0, 0.69);    border: none;}
.new_1.active {box-shadow: 0px 4px 0px #006d36 inset, 4px 0px 0px #006d36 inset, -4px 0px 0px #006d36 inset, 3px -7px 10px rgba(0, 0, 0, 0.69);    border: none;}
.new_2.active {box-shadow: 0px 4px 0px #cc0022 inset, 4px 0px 0px #cc0022 inset, -4px 0px 0px #cc0022 inset, 3px -7px 10px rgba(0, 0, 0, 0.69);    border: none;}
.new_3.active {box-shadow: 0px 4px 0px #3235b3 inset, 4px 0px 0px #3235b3 inset, -4px 0px 0px #3235b3 inset, 3px -7px 10px rgba(0, 0, 0, 0.69);    border: none;}
 */


/*
div#sangam_cont {
    background-color: #3d3588;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 0px 0px 4px #006187, 0 1px 47px #000;
    position: relative;
    z-index: 0;
}
div#chetak_cont {
    background-color: #017fcb;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 0px 0px 4px #7d00cd , 0 1px 47px #000;
    position: relative;
    z-index: 0;
}
div#super_cont {
    background-color: #79ba18;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 0px 0px 4px #cf1e00 , 0 1px 47px #000;
    position: relative;
    z-index: 0;
}
div#deluxe_cont {
    background-color: #ff8a00;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 0px 0px 4px #b25e00, 0 1px 47px #000;
    position: relative;
    z-index: 0;
}
div#bhagya_cont {
    background-color: #09846b;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 0px 0px 4px #008c8f, 0 1px 47px #000;
    position: relative;
    z-index: 0;
}
div#diamond_cont {
   background-color: #b5c23a;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 0px 0px 4px #4c8200, 0 1px 47px #000;
    position: relative;
    z-index: 0;
}
div#lucky_cont {
    background-color: #3aaac2;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 0px 0px 4px #d3005c, 0 1px 47px #000;
    position: relative;
    z-index: 0;
}
.san_1.active {
    border: 4px solid #006187 !important;
}
.che_1.active {
    border: 4px solid #7d00cd !important;
}
.super_1.active {
    border: 4px solid #cf1e00 !important;
}
.del_1.active {
    border: 4px solid #b25e00 !important;
}
.bhag_1.active {
    border: 4px solid #008c8f !important;
}
.dia_1.active {
    border: 4px solid #4c8200 !important;
}
.luc_1.active {
    border: 4px solid #d3005c !important;
}
 */

.time_selection {
    display: inline-block;
    padding: 0 1%;
    background-color: #d1d025;
    font-size: 16px;
    color: #000;
    font-weight: bold;
    border: none;
    box-shadow: 0 0 6px #000 inset;
    text-shadow: 1px 1px #d4d4d4;
    cursor: pointer;
    width: 100%;
    height: 100%;
}

.rowbet
{
    margin-left: 19px;
    background:  #fff !important;       /*#f7fac0*/
    color: #000;
    font-size: 15px !important;
}

.col_bet
{
    background:  #000 !important;
     
}
.coltext
{
    border-top: #fff;/*#f7fac0*/
    background:  #fff !important; 
    font-size: 15px !important;
}


.future_date {
    background-color: #171717;
    /* height: 50%; */
    display: flex;
    align-items: center;
    justify-content: center;
    /* padding-left: 8px; */
    width: 100%;
}

.select_futuredraw {
    /* height: 50%; */
    /* width: 100%; */
    border-right: 2px solid black;
}

.nextdraw_sec_1 {
    /* height: 100%; */
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
    /* width: 50%; */
    /* float: left; */
}

.futuredraw_sec_1 {
    /* width: 50%; */
    /* float: left; */
    display: flex;
    height: 100%;
}

.futuredraw_day {
    color: #fff;
    background-color: #0006;
    font-weight: bold;
}

.san_sel,
.san_left,
.san_left1 {
    background-color: #525f7f;
    /* font-weight: bold; */
}

.total_sel {
    background-color: #151515;
    font-weight: bold;
}

.che_sel,
.che_left,
.che_left1 {
    background-color: #555abe;
    /* font-weight: bold; */
}

.super_sel,
.super_left,
.super_left1 {
    background-color: #2179b8;
    /* font-weight: bold; */
}

.deluxe_sel,
.deluxe_left,
.deluxe_left1 {
    background-color: #159670;
}

.bhag_sel,
.bhagya_left,
.bhagya_left1 {
    background-color: #ce7d3b;
}

.dia_sel,
.dia_left,
.dia_left1 {
    background-color: #c13d4b;
}

.luc_sel,
.lucky_left,
.lucky_left1 {
    background-color: #c95d41;
}

.new1_sel,
.new1_left,
.new1_left1 {
    background-color: #9251ad;
}

.new2_sel,
.new2_left,
.new2_left1 {
    background-color: #7555b6;
}

.new3_sel,
.new3_left,
.new3_left1 {
    background-color: #423355;
}

.san_res_col {
    background-color: #525f7f !important;
}

.che_res_col {
    background-color: #555abe !important;
}

.super_res_col {
    background-color: #2179b8 !important;
}

.deluxe_res_col {
    background-color: #159670 !important;
}

.bhagya_res_col {
    background-color: #ce7d3b !important;
}

.dia_res_col {
    background-color: #c13d4b !important;
}

.lucky_res_col {
    background-color: #c95d41 !important;
}

.new1_res_col {
    background-color: #9251ad !important;
}

.new2_res_col {
    background-color: #7555b6 !important;
}

.new3_res_col {
    background-color: #423355 !important;
}

.mid_title {
    word-break: break-word;
    text-align: center;
    width: 33.31%;
    background: aqua;
    height: 100%;
    color: #ffffff;
    font-weight: bold;
    padding: 0.5% 0.5%;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.82);
    border-radius: 10px 10px 0 0px;
    border: 1px solid #181818;
    border-bottom: none;
    letter-spacing: 0px;
    cursor: pointer;
    line-height: 1.1;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-filter: brightness(60%);
    filter: brightness(60%);
    font-size: 12px;
    flex-direction: column;
    position: relative;
}

.mid_title:before {
    content: "";
    position: absolute;
    font-weight: bold;
    z-index: -1;
    font-size: 377%;
    /* transform: rotate(-45deg); */
    opacity: 0.3;
    color: #fff;
    text-shadow: none;
    font-family: arial;
}

.mid_title.active {
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
    border: 2px solid #fff;
    border: 2px solid rgb(255, 255, 255);
    border-bottom: none;
    position: relative;
    z-index: 1;
}

.footer_1 {
    height: 100%;
    padding: 0.5%;
    display: flex;
    justify-content: space-between;
}

.randompick {
    height: 25%;
    background-color: #393939;
    box-shadow: 0px 0px 5px #393939 inset;
    padding: 5px;
    text-align: center;
    margin-top: 2px;
}

.randompick_1 {
    height: 14%;
    background-color: #393939;
    display: flex;
    /*box-shadow: 0px 0px 5px #393939 inset;*/
    padding: 5px 10px 30px 10px;
}
.randompick_1 input {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    border-radius: 5px;
    height: 120%;
    line-height: 4.5vh;
    border: none;
    box-shadow: 0px 0px 2px #000000 inset, 0px 1px 2px #000;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.28);
    width: 150px;
}
.middlecont_1 {
    text-align: center;
    /*     border: 1px solid #000; */
    height: 9.1%;
    background-color:rgba(255, 255, 255, 0.64);
}
.mazamiddlecont_1 {
    text-align: center;
    /*     border: 1px solid #000; */
    height: 9.1%;
    background-color:white;
}

.table_midcont {
    width: 9.09%;
    float: left;
    height: 100%;
    border-right: 2px solid rgba(0, 0, 0, 0.17);
    border-bottom: 2px solid rgba(0, 0, 0, 0.17);
    display: flex;
    align-items: center;
    justify-content: center;
}

.table_midcont input {
    width: 68%;
    height: 65%;
    box-shadow: 1px 1px 1px #616060 inset, -1px -1px 1px #616060 inset;
    text-align: center;
    background: -webkit-linear-gradient(rgba(140, 140, 140, 0.21), #fff);
    background: -o-linear-gradient(rgba(140, 140, 140, 0.21), #fff);
    background: -moz-linear-gradient(rgba(140, 140, 140, 0.21), #fff);
    background: linear-gradient(rgba(140, 140, 140, 0.21), #fff);
    border: none;
    font-weight: bold;
    font-size: 18px;
}

.table_midcont p {
    margin: 0;
    font-weight: bold;
    display: inline;
    padding-right: 5px;
    letter-spacing: 0px;
}

.tabmid_cont {
    height: 100%;
    padding: 1%;
    background-color: #393939;
    margin-right: 2px;
}
.mazamid_cont {
    height: 100%;
    padding: 1%;
    background-color: #393939;;
}

.mid_head {
    height: 12%;
    display: flex;
    align-items: center;
}

.middlecontent {
    height: 88%;
    padding: 1%;
    border: 2px solid rgb(255, 255, 255);
    position: relative;
    color: #000;
}

.footer {
    height: 7%;
    text-align: center;
    background: -webkit-linear-gradient(#222222, #151515);
    background: -o-linear-gradient(#222222, #151515);
    background: -moz-linear-gradient(#222222, #151515);
    background: linear-gradient(#222222, #151515);
}

.footer input {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    margin: 0 1%;
    border-radius: 5px;
    height: 100%;
    line-height: 4.5vh;
    border: none;
    box-shadow: 0px 0px 2px #000000 inset, 0px 1px 2px #000;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.28);
    width: 150px;
  
}

.ticket_1 {
    width: 40%;
    height: 55px;
    padding-left: 5%;
    font-size: 16px;
}

.random_1 ul {
    list-style: none;
    padding: 0;
    margin: 10% 5%;
}

.random_1 li {
    display: inline;
    text-align: center;
    background-color: #d6d521;
    padding: 3%;
    font-size: 20px;
    font-weight: bold;
    margin: 2%;
    box-shadow: 0px 0px 7px #403f07 inset;
    border: 5px solid #a40e12;
    border-radius: 5px;
}

.random_cont {
    height: auto;
}

.random_1 {
    margin: 1.5% auto;
    width: auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    /* height: 65%; */
}

.tic_amt label {
    width: 66%;
    font-size: 16px;
    color: #000;
    font-size: 13px !important;
}

.tic_amt {
    height: 29%;
    width: 50%;
    float: left;
    line-height: 1;
    display: flex;
    text-align: center;
    align-items: center;
    background: -webkit-linear-gradient(rgba(255, 255, 255, 0.26), rgba(255, 255, 255, 0.53));
    background: -o-linear-gradient(rgba(255, 255, 255, 0.26), rgba(255, 255, 255, 0.53));
    background: -moz-linear-gradient(rgba(255, 255, 255, 0.26), rgba(255, 255, 255, 0.53));
    background: linear-gradient(rgba(255, 255, 255, 0.26), rgba(255, 255, 255, 0.53));
    box-shadow: 0px -1px 1px #cab5b5;
}

.tic_amt input {
    font-size: 15px;
    font-weight: bold;
    color: #000;
    width: 31%;
    height: 88%;
    text-align: center;
    border: none;
    box-shadow: 1px 1px 1px #2b2b2b inset, -1px -1px 1px #383838 inset;
    text-align: center;
    background: -webkit-linear-gradient(rgba(144, 144, 144, 0.15), #fff);
    background: -o-linear-gradient(rgba(144, 144, 144, 0.15), #fff);
    background: -moz-linear-gradient(rgba(144, 144, 144, 0.15), #fff);
    background: linear-gradient(rgba(144, 144, 144, 0.15), #fff);
}

.logo 
{
    text-align: right;    
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo img 
{
    width: 20vh;
}

.cont_right1 {
    width: 7.3%;
    float: left;
}

.lastres_1 {
    width: 12%;
    padding-left: 15px;
}

.right_qty {
    width: 15.69%;
}

.right_amt {
    width: 2.89%;
}

.cont_right1 input {
    width: 68%;
    height: 65%;
    margin: 5%;
    text-align: center;
    letter-spacing: 1.5;
    border: none;
    box-shadow: 1px 1px 1px #616060 inset, -1px -1px 1px #616060 inset;
    background: -webkit-linear-gradient(rgba(140, 140, 140, 0.21), #fff);
    background: -o-linear-gradient(rgba(140, 140, 140, 0.21), #fff);
    background: -moz-linear-gradient(rgba(140, 140, 140, 0.21), #fff);
    background: linear-gradient(rgba(179, 179, 179, 0.32), #fff);
    font-size: 16px;
}

.inputtotal div {
    box-shadow: none;
    color: #fff;
    height: 100%;
    font-weight: bold;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cont_right input {
    text-align: center;
    letter-spacing: 1.5;
    border: none;
    box-shadow: 1px 1px 1px #616060 inset, -1px -1px 1px #616060 inset;
    background: -webkit-linear-gradient(rgba(140, 140, 140, 0.21), #fff);
    background: -o-linear-gradient(rgba(140, 140, 140, 0.21), #fff);
    background: -moz-linear-gradient(rgba(140, 140, 140, 0.21), #fff);
    background: linear-gradient(rgba(179, 179, 179, 0.32), #fff);
}

.cont_left {
    color: #fff;
    text-shadow: 1px 1px 2px rgb(0, 0, 0);
    font-weight: bold;
    font-size: 14px;
}

.andar {
    height: 45.5%;
    text-align: center;
    background-color: #c8181e;
    /*     box-shadow: 0px 0px 5px #710004 inset; */
    border-radius: 0 10px 10px 10px;
    padding: 1%;
    margin-bottom: 7px;
}

.bahar {
    height: 100%;
    text-align: center;
    background-color: #393939;
    box-shadow: 0px 0px 0px #710004 inset;
    padding: 1%;
    margin: 2px auto 7px auto;
}

.total_sec {
    height: 7%;
    text-align: center;
    background-color: #c8181e;
    box-shadow: 0px 0px 5px #710004 inset;
    border-radius: 10px;
    padding: 1%;
}

.user_1_d {
    /* display: inline-block; */
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    font-weight: bold;
    background: #393939;
}

.details_down_box {
    /* display: inline-block; */
    width: 100%;
    display: flex;
    align-items: center;
    /* justify-content: space-evenly; */
    font-weight: bold;
    background: #393939;
    margin:5px;
    padding: 2px 0px;
}

.details_down {
    /* display: inline-block; */
    width: 100%;
    align-items: center;
    /* justify-content: space-evenly; */
    font-weight: bold;
    background: #393939;
    margin:5px;
    padding: 3px 7px;
}

.user_1_d_11 {
    /* display: inline-block; */
    width: 100%;
    align-items: center;
    justify-content: space-evenly;
    font-weight: bold;
    background: #393939;
    padding-top: -4px;
}

.userval {
    font-size: 14px;
    font-weight: bold;
    color: #feff00;
    /* width: 100%; */
    /* height: 100%; */
}

.userdata {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}

.userval span {
    color: #fff;
    padding-left: 2%;
}

.ttd {
    /* font-size: 125%; */
    font-weight: bold;
    color: #feff00;
    /* height: 32%; */
    display: flex;
    align-items: center;
    justify-content: center;
    /* flex-direction: column; */
    width: 100%;
    background: #393939;
    margin-left: 2px;
}

.runtime_1 {
    font-size: 200%;
    font-weight: bold;
    color: #fff;
    /*box-shadow: 0px 1px 2px #ff5155;
    /* border-radius: 10px; */
     height: 80%; 
    display: flex;
    align-items: center;
    justify-content: center;
    /* margin: 0 8%; */
    /* margin-bottom: 1%; */
    width: 100%;
    background: #393939;
}

.ticket_value_1 {
    color: #fff;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: #393939;
}

.timedraw_1 {
    background-color: black;
    /*box-shadow: 0px 0px 5px black inset;*/
    height: 100%;
    display: flex;
}

.log_out {
    height: 50%;
}

.logout_1 {
    text-align: right;
    margin:auto auto 2px 2px;
}

.popup_head {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    background: -webkit-linear-gradient(#222222, #151515);
    background: -o-linear-gradient(#222222, #151515);
    background: -moz-linear-gradient(#222222, #151515);
    background: linear-gradient(#222222, #151515);
    border-radius: 5px;
    padding: 10px;
    text-align: left;
}

.result_logo {
    width: 100px;
    margin: 0 auto;
    display: block;
}

.create_form input {
    display: block;
    width: 65%;
    font-size: 18px;
    color: #000;
    padding: 2%;
    margin: 4% 17%;
    border-radius: 10px;
    border: 1px solid #000000;
    box-shadow: 1px 1px 9px #333232 inset;
}

#fp-dialog .create_form input {
    margin: 4% auto 0;
}

.createacc {
    background: -webkit-linear-gradient(#9ae770 52%, #51b31e 56%);
    background: -o-linear-gradient(#9ae770 52%, #51b31e 56%);
    background: -moz-linear-gradient(#9ae770 52%, #51b31e 56%);
    background: linear-gradient(#9ae770 52%, #51b31e 56%);
    box-shadow: 1px 2px 5px #000 inset !important;
    font-size: 28px !important;
    font-weight: bold;
    border: none !important;
    margin-top: 10% !important;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.51);
}

.date_time {
    background-color: #393939;
    box-shadow: 0px 0px 5px #393939 inset;
    color: #fff;
    font-size: 25px;
    font-weight: bold;
    height: 50%;
    margin: 2px auto auto 2px;
}

.username {
    /*   height: 100%;
    display: grid;
    align-items: center; */
}
.bg-blue
{
   background-color: #121752;
}
.bg-light
{
    background-color:#f8f9fa!important
}

a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover
{
    background-color:#dae0e5!important
}
.bg-warning
{
    background-color:#ffc107!important
}
a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover
{
    background-color:#d39e00!important
}


.user_2 {
    border-radius: 5px;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0;
    background-color: rgb(0, 0, 0);
}


.username_login {
    height: 100%;
    /* padding: 0; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    font-weight: bold;
}

.ttd_1 {
    /* height: 100%; */
    /* padding: 0; */
    /* display: flex; */
    /* height: 30%; */
    height: 33.33%;
    margin-bottom: 2px;
}

.logout {
    padding: 0;
    height: 100%;
}


/* .logout_1 img {
    width: 65px;
} */

.logout_1 img {
    width: 40%;
}

.date_time div {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.userdetails_1 p,
.nextdraw_1 p {
    margin: 0;
}

.userdetails_1 {
    background-color: black;
    /*box-shadow: 0px 0px 5px black inset;*/
    display: flex;
    /* height: 55%; */
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
    height: 33.33%;
    margin-bottom:2px;
}

.nextdraw_1 {
    background-color: #393939;
    /*box-shadow: 0px 0px 5px black inset;
      padding: 1%; */
    /* height: 45%; */
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
    /* height: 30%; */
    height: 33.33%;
}

.cont_left,
.cont_right {
    padding: 0;
    height: 100%;
}

.contright_head,
.contleft_head {
    height: 9%;
    background-color: #000;
    color: #fff;
    border-bottom: 2px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-shadow: 0 0 rgba(0, 0, 0, 0);
    padding: 0 !important;
    letter-spacing: 0.1px;
    font-size: 20px;
    text-transform: uppercase
}

.cont_right {
    color: #000;
    font-weight: bold;
    font-size: 18px;
}

.san_right,
.che_right,
.super_right,
.deluxe_right,
.bhagya_right,
.dia_right,
.lucky_right,
.new1_right,
.new2_right,
.new3_right {
    /* height: 9.1%; */
    border-bottom: 2px solid #fff;
    border-right: 2px solid rgba(0, 0, 0, 0.17);
    display: flex;
    align-items: center;
    justify-content: center;
}

.san_left,
.che_left,
.super_left,
.deluxe_left,
.bhagya_left,
.dia_left,
.lucky_left,
.new1_left,
.new2_left,
.new3_left {
    height: 13%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 2px solid #fff;
}

.san_left1,
.che_left1,
.super_left1,
.deluxe_left1,
.bhagya_left1,
.dia_left1,
.lucky_left1,
.new1_left1,
.new2_left1,
.new3_left1 {
    height: 8.15%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    padding-left: 5%;
    border-bottom: 2px solid #fff;
    letter-spacing: 0.1px;
    word-break: break-word;
    font-size: 15px;
}

.cont_left1 .ads_Checkbox {
    margin-right: 15px;
    transform: scale(1.5);
}

.mid_head input[type="checkbox"] {
    transform: scale(1.5);
    margin-top: 6px;
}

.total_res {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #151515;
    color: #fff;
    /* 
	margin: 4% 0 3.5%; */
    font-size: 22px;
}

.cont_right1total {
    width: 84.7%;
    float: left;
    height: 100%;
}

.total_resinput {
    height: 8.5%;
    background-color: #151515;
    color: #fff;
    margin: 0.58% 0;
}

.cont_rightheight {
    padding: 0;
    height: 90.4%;
    color: #000;
    font-weight: bold;
    font-size: 14px;
}

.san_right {
    background-color: #C5CCCA;
}

.che_right {
    background-color: #C6C6EB;
}

.super_right {
    background-color: #B1D2EE;
}

.deluxe_right {
    background-color: #AEDBCE;
}

.bhagya_right {
    background-color: #F4D1B0;
}

.dia_right {
    background-color: #E4BEC9;
}

.lucky_right {
    background-color: #F2C6BB;
}

.new1_right {
    background-color: #DBC1E4;
}

.new2_right {
    background-color: #CDC6E7;
}

.new3_right {
    background-color: #B6B8BD;
}

.random_1 .random_num {
    padding: 0px;
    background-color: #d1d025;
    background: -webkit-linear-gradient(#d1d025, #f39b00);
    background: -o-linear-gradient(#d1d025, #f39b00);
    background: -moz-linear-gradient(#d1d025, #f39b00);
    background: linear-gradient(#d1d025, #f39b00);
    font-size: 15px;
    color: #000;
    font-weight: bold;
    border-radius: 5px;
    /* border: 2px solid #9e0000; */
    box-shadow: 1px 1px 1px #9e0000, -1px -1px 1px #9e0000, 1px 1px 1px #9e0000, -1px -1px 1px #9e0000;
    text-shadow: 1px 1px #e9bd67;
    cursor: pointer;
    width: 35px;
    height: 33px;
    line-height: 33px;
    align-items: center;
    justify-content: center;
    margin: 1px 0px;
    margin-right: 2px;
}

.series_all {
    /* line-height:30px;
 height: 30px; */
    margin: 0px;
}

.slider-popup .series_all {
    /* line-height:30px;
 height: 30px; */
    margin: 0px;
    font-size: 20px;
    font-weight: bold;
    color: #3d3588;
    margin-bottom: 15px;
}

.mid_head1 {
    display: flex;
    align-items: center;
    position: absolute;
    top: -34px;
    width: 25%;
    text-align: center;
}

.d-right {
    width: 100%;
    text-align: right;
}

.single_tab,
.maza_tab {
    background-color: #151515;
    color: #fff;
    font-weight: bold;
    border-radius: 10px 10px 0 0;
    font-size: 20px;
    position: relative;
    /* padding: 3% 8%; */
    height: 36px;
    align-items: center;
    /* border-right: 3px solid #eee; */
    cursor: pointer;
    text-shadow: 2px 1px 3px #000;
    display: flex;
    width: 46%;
    align-items: center;
    justify-content: center;
    margin-right: 3px;
}

.double_tab {
    background-color: #151515;
    color: #fff;
    font-weight: bold;
    border-radius: 10px 10px 0 0;
    font-size: 20px;
    position: relative;
    /* padding: 3% 8%; */
    height: 36px;
    align-items: center;
    /* border-right: 3px solid #eee; */
    cursor: pointer;
    text-shadow: 2px 1px 3px #000;
    display: flex;
    width: 46%;
    align-items: center;
    justify-content: center;
    margin-right: 3px;
}

.single_tab.active {
    background-color: #393939;
    /*box-shadow: 0px 0px 6px rgba(113, 0, 4, 0.66) inset;*/
}

.double_tab.active {
    background-color: #393939;
    /*box-shadow: 0px 0px 6px rgba(113, 0, 4, 0.66) inset;*/
}

.maza_tab.active {
    background-color: #393939;
    /*box-shadow: 0px 0px 6px rgba(113, 0, 4, 0.66) inset;*/
}

.qty_1 {
    width: 20%;
    height: 55px;
    font-size: 16px;
    text-align: center;
}

.value_1 {
    width: 18%;
    height: 55px;
    font-size: 16px;
    text-align: center;
}

.ticket_2 {
    width: 72%;
    padding-left: 5px;
    font-size: 18px;
    letter-spacing: 0.5px;
    font-weight: bold;
    /* padding: 1% 2%; */
    line-height: 1
}

.qty_2 {
    width: 20%;
    text-align: center;
    font-size: 16px;
    line-height: 1;
}

.value_2 {
    width: 20%;
    text-align: center;
    font-size: 16px;
    line-height: 1;
}

.value_3 {
    width: 49%;
    text-align: center;
    border-left: 7px solid #393939;
    font-size: 30px !important;
    padding: 0 4px;
    font-weight: bold;
    line-height: 1;
}
.value_Result {
    width: 49%;
    text-align: center;
    border-left: 7px solid #393939;
    font-size: 22px !important;
    padding: 0 4px;
    font-weight: bold;
    line-height: 1;
}

.user_1 p {
    margin: 0;
}

.top_selected_1 {
    width: 100%;
    height: 50%;
    background-color: #393939;
    box-shadow: 0px 0px 5px #393939 inset;
    color: #fff;
}

.selected_1 {
    width: 100%;
    height: 75%;
    background-color: #393939;
    box-shadow: 0px 0px 5px #393939 inset;
    padding: 5px 0px;
    color: #fff;
}

.selected_2 {
    width: 100%;
    height: 81%;
    background-color: #393939;
    box-shadow: 0px 0px 5px #393939 inset;
    padding: 6px;
    color: #fff;
}

.select_head {
    font-size: 20px;
    font-weight: 500;
}

.select_right p {
    margin: 0;
}

.select_right {
    text-align: center;
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    background: -webkit-linear-gradient(#222222, #151515);
    background: -o-linear-gradient(#222222, #151515);
    background: -moz-linear-gradient(#222222, #151515);
    background: linear-gradient(#222222, #151515);
    padding: 4px;
}

.sel_val2 {
    border: 1px solid #000;
}

.select_val_1 {
    width: 100%;
    height: 99%;
    color: #fff;
    text-shadow: 1px 1px 1px #000000;
    margin-top: 1%;
}

.freeacc {
    background: -webkit-linear-gradient(#a2d847 53%, #7dc010 45%);
    background: -o-linear-gradient(#a2d847 53%, #7dc010 45%);
    background: -moz-linear-gradient(#a2d847 53%, #7dc010 45%);
    background: linear-gradient(#a2d847 53%, #7dc010 45%);
    width: 200px;
}

.htp {
    background: -webkit-linear-gradient(#f96449 53%, #e1290e 45%);
    background: -o-linear-gradient(#f96449 53%, #e1290e 45%);
    background: -moz-linear-gradient(#f96449 53%, #e1290e 45%);
    background: linear-gradient(#f96449 53%, #e1290e 45%);
    width: 200px;
}

.abtus {
    background: -webkit-linear-gradient(#ffa63d 53%, #ff7c00 45%);
    background: -o-linear-gradient(#ffa63d 53%, #ff7c00 45%);
    background: -moz-linear-gradient(#ffa63d 53%, #ff7c00 45%);
    background: linear-gradient(#ffa63d 53%, #ff7c00 45%);
    width: 200px;
}

.readytoplay {
    background-color: #fff;
    text-align: center;
    margin: 0 0.5% !important;
    width: 20%;
    border: 1px solid #000 !important;
    border-radius: 0 !important;
}

.rescht {
    background: -webkit-linear-gradient(#c146a4 53%, #c41b8f 45%);
    background: -o-linear-gradient(#c146a4 53%, #c41b8f 45%);
    background: -moz-linear-gradient(#c146a4 53%, #c41b8f 45%);
    background: linear-gradient(#c146a4 53%, #c41b8f 45%);
    width: 200px;
    margin: 0 0.5% !important;
}

.submit_1 {
    background: -webkit-linear-gradient(#a2d847 53%, #a2d847 45%);
    background: -o-linear-gradient(#a2d847 53%, #a2d847 45%);
    background: -moz-linear-gradient(#a2d847 53%, #a2d847 45%);
    background: linear-gradient(#a2d847 53%, #a2d847 45%);
    width: 200px;
    margin: 0 0.5% !important;
}

.clear_1 {
    background: -webkit-linear-gradient(#f96449 53%, #f96449 45%);
    background: -o-linear-gradient(#f96449 53%, #f96449 45%);
    background: -moz-linear-gradient(#f96449 53%, #f96449 45%);
    background: linear-gradient(#f96449 53%, #f96449 45%);
    width: 200px;
    margin: 0 0.5% !important;
}

.btn {
    background: -webkit-linear-gradient(#f96449 53%, #f96449 45%);
    background: -o-linear-gradient(#f96449 53%, #f96449 45%);
    background: -moz-linear-gradient(#f96449 53%, #f96449 45%);
    background: linear-gradient(#f96449 53%, #f96449 45%);
    width: 170px;
    /* height:25px; */
    text-align: center;
    font-weight: bold;
    margin: 0 0.5% !important;
}

.btn1 {
    background: -webkit-linear-gradient(#c146a4 53%, #c146a4 45%);
    background: -o-linear-gradient(#c146a4 53%, #c146a4 45%);
    background: -moz-linear-gradient(#c146a4 53%, #c146a4 45%);
    background: linear-gradient(#c146a4 53%, #c146a4 45%);
    width: 170px;
    height:25px;
    text-align: center;
    font-weight: bold;
    margin: 0 0.5% !important;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btn2 {
    background: -webkit-linear-gradient(#ffa63d 53%, #ffa63d 45%);
    background: -o-linear-gradient(#ffa63d 53%, #ffa63d 45%);
    background: -moz-linear-gradient(#ffa63d 53%, #ffa63d 45%);
    background: linear-gradient(#ffa63d 53%, #ffa63d 45%);
    width: 170px;
    height:25px;
    text-align: center;
    font-weight: bold;
    margin: 0 0.5% !important;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btn3 {
   /* background: -webkit-linear-gradient( #d39c9c 100%);
    background: -o-linear-gradient( #d39c9c 100%);
    background: -moz-linear-gradient( #d39c9c 100%);*/
    background: linear-gradient( #faa3a3 53%,#faa3a3 45%);
    width: 170px;
    height:25px;
    text-align: center;
    font-weight: bold;
    margin: 0 0.5% !important;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btn4 {
    background: -webkit-linear-gradient(#3dffa4 53%, #3dffa4 45%);
    background: -o-linear-gradient(#3dffa4 53%, #3dffa4 45%);
    background: -moz-linear-gradient(#3dffa4 53%, #3dffa4 45%);
    background: linear-gradient(#3dffa4 53%, #3dffa4 45%);
    width: 170px;
    height:25px;
    text-align: center;
    font-weight: bold;
    margin: 0 0.5% !important;
    border: 1px solid transparent;
    border-radius: 4px;
}

.report_1 {
    background: -webkit-linear-gradient(#ffa63d 53%, #ffa63d 45%);
    background: -o-linear-gradient(#ffa63d 53%, #ffa63d 45%);
    background: -moz-linear-gradient(#ffa63d 53%, #ffa63d 45%);
    background: linear-gradient(#ffa63d 53%, #ffa63d 45%);
    width: 200px;
    margin: 0 0.5% !important;
    
}

.rescht_1 
{
    background: -webkit-linear-gradient(#c146a4 53%, #c146a4 45%);
    background: -o-linear-gradient(#c146a4 53%, #c146a4 45%);
    background: -moz-linear-gradient(#c146a4 53%, #c146a4 45%);
    background: linear-gradient(#c146a4 53%, #c146a4 45%);
    width: 200px;
    margin: 0 0.5% !important;
}

.cancht_1 
{
    background: -webkit-linear-gradient(#c146a4 53%, #c146a4 45%);
    background: -o-linear-gradient(#c146a4 53%, #c146a4 45%);
    background: -moz-linear-gradient(#c146a4 53%, #c146a4 45%);
    background: linear-gradient(#c146a4 53%, #c146a4 45%);
}

.repeat_1 {
    background: -webkit-linear-gradient(#c13d4b 53%, #c13d4b 45%);
    background: -o-linear-gradient(#c13d4b 53%, #c13d4b 45%);
    background: -moz-linear-gradient(#c13d4b 53%, #c13d4b 45%);
    background: linear-gradient(#c13d4b 53%, #c13d4b 45%);
    width: 200px;
    margin: 0 0.5% !important;
}

.reprint_1 {
    background: -webkit-linear-gradient(#2179b8 53%, #2179b8 45%);
    background: -o-linear-gradient(#2179b8 53%, #2179b8 45%);
    background: -moz-linear-gradient(#2179b8 53%, #2179b8 45%);
    background: linear-gradient(#2179b8 53%, #2179b8 45%);
    width: 200px;
    margin: 0 0.5% !important;
}

.clearall_1 {
    background: -webkit-linear-gradient(#7555b6 53%, #7555b6 45%);
    background: -o-linear-gradient(#7555b6 53%, #7555b6 45%);
    background: -moz-linear-gradient(#7555b6 53%, #7555b6 45%);
    background: linear-gradient(#7555b6 53%, #7555b6 45%);
    width: 200px;
    margin: 0 0.5% !important;
}

.scan {
    background: -webkit-linear-gradient(#159670 53%, #159670 45%);
    background: -o-linear-gradient(#159670 53%, #159670 45%);
    background: -moz-linear-gradient(#159670 53%, #159670 45%);
    background: linear-gradient(#159670 53%, #159670 45%);
    width: 200px;
    margin: 0 0.5% !important;
}

.tkt_cncl {
    background: -webkit-linear-gradient(#c13d4b 53%, #c13d4b 45%);
    background: -o-linear-gradient(#c13d4b 53%, #c13d4b 45%);
    background: -moz-linear-gradient(#c13d4b 53%, #c13d4b 45%);
    background: linear-gradient(#c13d4b 53%, #c13d4b 45%);
    width: 200px;
    margin: 0 0.5% !important;
}

.rescont_1 div,
.rescont_2 div {
    display: inline-block;
}

input.remchk {
    box-shadow: none;
    margin: 0;
}

.san_result,
.che_result,
.super_result,
.deluxe_result,
.bhagya_result,
.dia_result,
.lucky_result,
.new1_result,
.new2_result,
.new3_result {
    padding: 2%;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    border-radius: 10px;
    height: 200px;
    width: 195px;
    margin: 2% 0.5%;
    box-shadow: 1px 1px 5px rgba(39, 39, 39, 0.64) inset, 1px 1px 8px rgba(0, 0, 0, 0.7);
    text-shadow: 1px 1px 1px #000;
}

.san_result {
    background-color: #3d3588;
}

.che_result {
    background-color: #017fcb;
}

.super_result {
    background-color: #79ba18;
}

.deluxe_result {
    background-color: #ff8a00
}

.bhagya_result {
    background-color: #09846b;
}

.dia_result {
    background-color: #b5c23a;
}

.lucky_result {
    background-color: #3aaac2;
}

.new1_result {
    background-color: #1d8b00;
}

.new2_result {
    background-color: #9b610e;
}

.new3_result {
    background-color: #095284;
}

.res_points {
    font-size: 20px;
    background-color: #fff;
    width: 100%;
    color: #1c1c1c;
    height: 70%;
    box-shadow: 1px 2px 5px #000;
}

.htp_cont {
    text-align: left;
    color: #fff;
    font-size: 20px;
    padding: 1% 3%;
    overflow: scroll;
    overflow-x: hidden;
    height: 60%;
}

.notification {
    position: fixed;
    top: 3em;
    left: 20%;
    right: 20%;
    z-index: 1051;
    /* must be larger than .modal */
    text-align: center;
}

/* .notification_success {
    position: fixed;
    top: 7em;
    left: 34%;
    right: 20%;
    z-index: 1051;
    
    text-align: center;
} */

.notification_success {
    position: fixed;
    top: 35%;
    width: 350px;
    height: 80px;
    font-size: 21px;
    margin: 0 auto;
    left: 0;
    right: 0;
   /*  z-index: 1051; */
    z-index: 10510;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    border: 2px solid;
    box-shadow: 0 0 40px #000;
    
}



#loading-img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -43px;
    display: none;
}

.loading-spinner {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 7px;
    text-align: center;
}

.overlay {
    background: #000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.4;
    pointer-events: none;
}

.loading-spinner.white i {
    background: #033b42;
}

.loading-spinner i:nth-child(1) {
    float: left;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s;
}

.loading-spinner i:nth-child(2) {
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.loading-spinner i:nth-child(3) {
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.loading-spinner i {
    vertical-align: top;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 0%;
    background: #7D7D8E;
    opacity: 0;
    -webkit-animation: pulse ease-in-out 1s infinite alternate;
    -moz-animation: pulse ease-in-out 1s infinite alternate;
    animation: pulse ease-in-out 1s infinite alternate;
}

@-webkit-keyframes pulse {
    0% {
        opacity: 0.0
    }
    10% {
        opacity: .20
    }
    20% {
        opacity: .40
    }
    30% {
        opacity: .60
    }
    40% {
        opacity: .80
    }
    50% {
        opacity: 1.0
    }
    60% {
        opacity: .80
    }
    70% {
        opacity: .60
    }
    80% {
        opacity: .40
    }
    90% {
        opacity: .20
    }
    100% {
        opacity: 0.0
    }
}

#confirmation,
#idlestate {
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: #000;
    z-index: 111;
    display: none;
}

.advancedraw_txt {
    background: -webkit-linear-gradient(#37dc0b 53%, #45d81f 45%);
    background: -o-linear-gradient(#37dc0b 53%, #45d81f 45%);
    background: -moz-linear-gradient(#37dc0b 53%, #45d81f 45%);
    background: linear-gradient(#37dc0b 53%, #45d81f 45%);
    width: 200px;
    margin: 0 0.5% !important;
    font-size: 15px;
    font-weight: bold;
    color: #000;
    margin: 0 1%;
    border-radius: 5px;
    height: 83%;
    /* line-height: 4.5vh; */
    border: 2px solid #313131;
    box-shadow: 0px 0px 10px #000000 inset, 0px 1px 4px #000;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.28);
    width: 170px;
}

.slider-popup {
    position: absolute;
    width: 600px;
    bottom: 0;
    display: none;
    letter-spacing: 0.4px;
    left: 25px;
    text-align: center;
}

.slider-popup .popup_head {
    font-size: 20px;
    text-align: center;
    background: linear-gradient(#014771, #004a77);
    background: -webkit-linear-gradient(#014771, #004a77);
    background: -o-linear-gradient(#014771, #004a77);
    background: -moz-linear-gradient(#014771, #004a77);
    border-radius: 0;
    text-shadow: none;
    border-bottom: none;
}

.slider-popup .modal-body {
    background: #a3d1ec;
}
.LR_modal-body
{
    position: relative;
    overflow: auto;
    padding: 15px;
    height: 100%;
}


.slider-bottom-footer {
    background: #1d1d1d;
    padding: 10px;
    text-align: center;
}

.slider-popup input {
    width: 100px;
    box-shadow: none;
    font-size: 15px;
    width: 100px;
    height: 33px;
    line-height: 1;
    text-align: center;
}
.checkboxclass
{
    width: auto;
    height: auto;
    transform: scale(1.8);
    box-shadow: none;
    margin-right: 14px;
    position: relative;
    top: 2px;
    left: 5px;
}

.slider-popup input.checkboxclass,
.slider-popup input#select_all {
    width: auto;
    height: auto;
    transform: scale(1.8);
    box-shadow: none;
    margin-right: 14px;
    position: relative;
    top: 2px;
    left: 5px;
}

.bet_lmt_check 
{
    margin-bottom: 10px;
    text-align: center;
    font-size: 14px;
    margin-right: 8px;
    padding: 4px;
    width: auto;
    color: #b83a00;
    flex-wrap: break-word;
    /* word-wrap: break-word; */
}

.advanced-draw-check 
{
    margin-bottom: 10px;
    text-align: center;
    font-size: 14px;
    /* display: flex; */
    width: 104px;
    border: 1px solid #6b7b86;
    margin-right: 8px;
    border-radius: 5px;
    padding: 4px;
    background: #bad8ec;
    /* flex: 1; */
    flex-wrap: nowrap;
}

.slider-popup #error_msg {
    position: relative;
    top: 7px;
}

.slider-popup .ok {
    background: #37db0b;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    color: #000;
    margin: 0 1%;
    border-radius: 5px;
    height: 100%;
    line-height: 4.5vh;
    border: none;
    box-shadow: 0px 0px 2px #000000 inset, 0px 1px 2px #000;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.28);
}

.slider-popup .clear {
    background: #ffa63d;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    color: #000;
    margin: 0 1%;
    border-radius: 5px;
    height: 100%;
    line-height: 4.5vh;
    border: none;
    box-shadow: 0px 0px 2px #000000 inset, 0px 1px 2px #000;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.28);
}

.slider-popup .cancel {
    background: #f96449;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    color: #000;
    margin: 0 1%;
    border-radius: 5px;
    height: 100%;
    line-height: 4.5vh;
    border: none;
    box-shadow: 0px 0px 2px #000000 inset, 0px 1px 2px #000;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.28);
}

#advance_draw {
    /* border: 1px solid #000; */
    display: flex;
    justify-content: space-around;
    width: 100%;
    max-height: 200px;
    overflow: auto;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.random_sel_blink {
    /*   background: #fff !important; */
    box-shadow: 0 0 0 #000!important;
    border: 2px solid #ff0000 !important;
}

.seg {
    display: inline-block;
    margin: 0 5px;
    font-family: 'Helvetica Neue', sans-serif;
    width: 60px;
    margin: 13.7px -3px;
    float: left;
    padding: 0px;
}

.flip-wrapper {
    position: relative;
    height: 80px;
}

.flip {
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid black;
    height: 100%;
    padding: 0 8px;
    color: #FAFAFA;
    border-radius: 6px;
    background: #444444;
    font-weight: normal;
    font-size: 57px;
    text-shadow: 0 -1px black;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 0 rgba(255, 255, 255, .3) inset, /* top */
    0 0 1px rgba(255, 255, 255, .3) inset;
}

.flip1 {
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid black;
    height: 100%;
    padding: 0 8px;
    color: #FAFAFA;
    border-radius: 6px;
    background: #444444;
    font-weight: normal;
    font-size: 57px;
    text-shadow: 0 -1px black;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 0 rgba(255, 255, 255, .3) inset, /* top */
    0 0 1px rgba(255, 255, 255, .3) inset;
}

.flip--top,
.flip--bottom {
    overflow: hidden;
}

.flip--top1,
.flip--bottom1 {
    overflow: hidden;
}

.flip--top {
    animation: flip 1000ms ease-in-out infinite;
    transform-origin: bottom;
    height: 50%;
    border-radius: 6px 6px 0 0;
    z-index: 2;
    backface-visibility: hidden;
}

.flip--back {
    animation: flip-back 1000ms ease-in-out infinite;
    line-height: 0;
    transform-origin: top;
    transform: rotateX(180deg);
    margin-top: 40px;
    border-radius: 0 0 6px 6px;
}

.flip--top1 {
    transform-origin: bottom;
    height: 50%;
    border-radius: 6px 6px 0 0;
    z-index: 2;
    backface-visibility: hidden;
}

.flip--back1 {
    line-height: 0;
    transform-origin: top;
    transform: rotateX(180deg);
    margin-top: 40px;
    border-radius: 0 0 6px 6px;
}

.flip--bottom {
    height: 50%;
    margin-top: 40px;
    border-radius: 0 0 6px 6px;
    border-top: none;
    line-height: 0;
    z-index: 1
}

.flip--bottom1 {
    height: 50%;
    margin-top: 40px;
    border-radius: 0 0 6px 6px;
    border-top: none;
    line-height: 0;
    z-index: 1
}

@-webkit-keyframes flip {
    to {
        transform: rotateX(180deg);
    }
}

@-webkit-keyframes flip-back {
    to {
        transform: rotateX(0deg);
    }
}

.cont_right1.lastres_1 div {
    text-align: center;
    padding: 0;
    color: #fff;
    text-shadow: 1px 1px 2px rgb(0, 0, 0);
    font-size: 18px;
}

.cont_left1 {
    /* width: 73%;
    float: left;
    border-right: 1px solid #fff; */
    width: 100%;
    border-right: 1px solid #fff;
}

.cont_left2 {
    width: 27%;
    display: initial;
}

.cont_left i,
.mid_title i {
    font-size: 14px;
}

.results_cont p 
{
    font-size: 17px;
    letter-spacing: 0.1px;
    text-transform: uppercase;
    width: 165px;
    margin-left: -6px;
}

.ticket_1,
.qty_1,
.value_1 {
    height: 30px;
    line-height: 5vh;
    padding: 0 4px;
}

.random_num_1 {
    float: none;
}

.random_no_1 {
    width: 30% !important;
    display: inline-block;
}

.random_no_2 {
    width: 7.5% !important;
    display: inline-block;
}

.random_no_3 {
    width: 15% !important;
}

.random_no_input {
    background-color: white !important;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: 1px 1px 1px #2b2b2b inset, -1px -1px 1px #383838 inset !important;
    text-align: center;
    background: -webkit-linear-gradient(rgba(144, 144, 144, 0.15), #fff);
    background: -o-linear-gradient(rgba(144, 144, 144, 0.15), #fff);
    background: -moz-linear-gradient(rgba(144, 144, 144, 0.15), #fff);
    background: linear-gradient(rgba(144, 144, 144, 0.15), #fff) !important;
    margin-left: 7px;
    height: 30px !important;
    width: 38% !important;
}

.random_no_input input {
    width: 100%;
    background: none;
    border: none;
}

.random_num.active {
    background: #42a22c !important;
    color: #000000;
    box-shadow: 0 0 6px #ffffff;
    text-shadow: 1px 1px 0px #00b807;
}

.logout_1,
.back {
    text-align: center;
    text-transform: uppercase;
    height: 100%;
    font-size: 27px;
    color: #feff00;
    font-weight: bold;
    background-color: #393939;
    box-shadow: 0px 0px 5px #393939 inset;
    cursor: pointer;
    line-height: 3.7vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.report_iframe_modal {
    width: 85%;
    margin: 30px auto;
}

.mfp-close {
    color: #333333;
    background: -webkit-linear-gradient(#f96449 53%, #e1290e 45%) !important;
    background: -o-linear-gradient(#f96449 53%, #e1290e 45%) !important;
    background: -moz-linear-gradient(#f96449 53%, #e1290e 45%) !important;
    background: linear-gradient(#f34e13 53%, #e41d00 45%) !important;
    font-weight: bold;
    font-size: 40px;
    border: 4px solid #303030;
    box-shadow: 0 0 10px #000 inset;
    border-radius: 10px;
    text-shadow: 1px 1px 5px #040404;
    opacity: 1;
}

@media (min-width: 1300px) {
    .footer input {
        /*width: 200px;*/
    }
}

@media (min-width: 1600px) {
    .ticket_value_1 {
        font-size: 20px;
    }
    .logo img 
    {
        width: 200px;
    }
    .single_tab,
    .double_tab {
        font-size: 22px;
    }
    .userval {
        font-size: 20px;
    }
    .logout_1,
    .back {
        font-size: 20px;
    }
    .userdata {
        font-size: 25px;
    }
    .time_selection {
        font-size: 20px;
    }
    /* .ttd{font-size: 38px;} */
    .contright_head,
    .contleft_head,
    .cont_rightheight {
        font-size: 20px;
    }
    .san_left1,
    .che_left1,
    .super_left1,
    .deluxe_left1,
    .bhagya_left1,
    .dia_left1,
    .lucky_left1,
    .new1_left1,
    .new2_left1,
    .new3_left1 {
        font-size: 18px;
    }
    .cont_right1 input {
        font-size: 20px;
    }
    .single_amt_div,
    .single_qty_div {
        font-size: 20px;
    }
    .cont_right1.lastres_1 div {
        font-size: 20px;
    }
    .date_time div {
        font-size: 22px;
    }
    .total_res {
        font-size: 23px;
    }
    .inputtotal div {
        font-size: 20px;
    }
    .footer input {
        font-size: 20px;
    }
    .mid_title {
        font-size: 16px;
        line-height: 1;
    }
    .table_midcont p {
        font-size: 18px;
    }
    .table_midcont input {
        font-size: 18px;
    }
    .select_right {
        font-size: 22px;
    }
    .ticket_1,
    .qty_1,
    .value_1 {
        font-size: 20px;
    }
    .sel_val2 {
        font-size: 21px;
    }
    .tic_amt label {
        font-size: 18px;
    }
    .tic_amt input {
        font-size: 20px;
    }
    .random_1 .random_num {
        font-size: 20px;
        height: 45px;
        line-height: 45px;
    }
    /* .series_all {
    height: 45px;
    line-height: 45px;
} */
    .chart_head {
        font-size: 20px;
    }
    .chart_scroll {
        font-size: 22px;
    }
    .cont_left i,
    .mid_title i {
        font-size: 18px;
    }
    .ticket_2 {
        font-size: 18px;
    }
    .random_no_input {
        height: 40px !important;
    }
}

@media (max-width: 1599px) {
    .cont_right1 input {
        width: 68%;
        height: 65%;
        letter-spacing: 0.1;
    }
    .table_midcont input {
        width: 68%;
        height: 65%;
        letter-spacing: 0.1;
    }
    .ticket_1,
    .qty_1,
    .value_1,
    .value_3 {
        font-size: 16px;
        letter-spacing: 0.1px;
    }
}

.yes_btn {
    margin: 2% 0 !important;
    background: -webkit-linear-gradient(#9ae770 52%, #51b31e 56%);
    background: -o-linear-gradient(#9ae770 52%, #51b31e 56%);
    background: -moz-linear-gradient(#9ae770 52%, #51b31e 56%);
    background: linear-gradient(#9ae770 52%, #51b31e 56%);
    box-shadow: 0px 0px 5px #000 inset !important;
    border: none;
    padding: 1.5% 4%;
    color: #000;
    cursor: pointer;
}

a.yes_btn,
a.yes_btn:hover {
    color: #000;
    text-decoration: none;
}

#confirmation button {
    display: none;
}

.htp_head {
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
}

p.htp_cont_sub {
    padding-left: 2%;
}

.timer_1 {
    position: relative;
    left: 11%;
    background-color: #c8181e;
    box-shadow: 0px 0px 5px #710004 inset;
    border-radius: 10px;
    padding: 4px 6px;
    color: #fff;
    font-size: 26px;
    font-weight: bold;
}

.random_1 label {
    font-weight: bold;
    color: #fff;
    text-shadow: 0px 0px 3px #000;
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 18px;
}

.cont_left2 .san_left1,
.cont_left2 .che_left1,
.cont_left2 .super_left1,
.cont_left2 .deluxe_left1,
.cont_left2 .bhagya_left1,
.cont_left2 .dia_left1,
.cont_left2 .lucky_left1,
.cont_left2 .new1_left1,
.cont_left2 .new2_left1,
.cont_left2 .new3_left1 {
    justify-content: flex-end;
    padding-right: 10px;
}

.logout_1 a {
    color: #feff00;
}

.logout_1 i {
    margin-left: 2%;
}

.back a {
    display: block;
    color: #feff00;
}


/* .text_blink{
     animation:blink2 1s ease-in-out infinite;
}

@keyframes blink {
  70% { opacity: 0;  background-color: rgb(117,209,63);}
}
@keyframes blink2 {
  70% { opacity: 0.5; background-color: #e50000;}


} */

.text_blink {
    font-weight: bold;
    animation: changecolor 2s infinite;
    -moz-animation: changecolor 2s infinite;
    -webkit-animation: changecolor 2s infinite;
    -ms-animation: changecolor 2s infinite;
    -o-animation: changecolor 2s infinite;
}

@keyframes changecolor {
    0% {
        color: red;
    }
    25% {
        color: yellow;
    }
    50% {
        color: blue;
    }
    75% {
        color: white;
    }
    100% {
        color: green;
    }
}


/* Mozilla Browser */

@-moz-keyframes changecolor {
    0% {
        color: red;
    }
    25% {
        color: yellow;
    }
    50% {
        color: blue;
    }
    75% {
        color: white;
    }
    100% {
        color: green;
    }
}


/* WebKit browser Safari and Chrome */

@-webkit-keyframes changecolor {
    0% {
        color: red;
    }
    25% {
        color: yellow;
    }
    50% {
        color: blue;
    }
    75% {
        color: white;
    }
    100% {
        color: green;
    }
}


/* IE 9,10*/

@-ms-keyframes changecolor {
    0% {
        color: red;
    }
    25% {
        color: yellow;
    }
    50% {
        color: blue;
    }
    75% {
        color: white;
    }
    100% {
        color: green;
    }
}


/* Opera Browser*/

@-o-keyframes changecolor {
    0% {
        color: red;
    }
    25% {
        color: yellow;
    }
    50% {
        color: blue;
    }
    75% {
        color: white;
    }
    100% {
        color: green;
    }
}

@media (max-width: 1400px) {
    .tic_amt label {
        font-size: 14px;
    }
}

@media (max-width: 1200px) {
    .random_no_2 {
        width: 24px !important;
        display: inline-block;
    }
    /* .userval, .time_selection{    font-size: 13px;} */
    .random_1 .random_num {
        height: 26px;
        line-height: 26px;
    }
}

@media only screen and (min-device-width: 992px) {
    .select_row_1 {
        height: 70%;
        width: 70%;
        display: flex;
        align-items: center;
        background-color: #ffcf21;
        border-radius: 5px;
        border: 2px solid #393939;
        cursor: pointer;
    }
    .select_row_1 img {
        width: 40%;
        margin: 0 auto;
    }
}

.home_load {
    width: 100%;
    height: 100%;
    background-color: #344557;
    position: absolute;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home_load img {
    width: 100px;
}

.bet_load {
    width: 100%;
    height: 100%;
    background-color: #344557;
    position: absolute;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bet_load img {
    width: 100px;
}

@media only screen and (min-device-width: 768px) {
    .home_load img {
        width: 300px;
    }
    .bet_load img {
        width: 300px;
    }
}

.login_reg_sec {
    background: #313646;
}

.login_sec input {
    width: 100%;
    margin: 0 auto;
    font-size: 18px;
    color: #000;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #000000;
    box-shadow: 1px 1px 9px #333232 inset;
}

.formTxtfield {
    padding: 6px;
    width: 280px;
    border: 1px solid #226300;
    box-shadow: 0 0 2px rgba(50, 142, 0, 0.72) inset;
}

.form_btn {
    padding: 10px;
    width: 280px;
    color: #000;
    font-size: 16px;
    text-transform: uppercase;
    border: 1px solid #000;
    background: -webkit-linear-gradient(#9ae770 52%, #51b31e 56%);
    background: -o-linear-gradient(#9ae770 52%, #51b31e 56%);
    background: -moz-linear-gradient(#9ae770 52%, #51b31e 56%);
    background: linear-gradient(#9ae770 52%, #51b31e 56%);
    text-shadow: 0 0 5px #fff;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.61) inset;
    border-radius: 5px;
    margin-top: 18px;
}

.cont_rightheight .table_midcont {
    width: 7.69% !important;
    border-bottom: none;
}

.single_head_number .table_midcont {
    background-color: #000;
    color: #fff;
    font-size: 18px;
}

.cont_rightheight .table_midcont:last-child {
    color: #fff;
    text-shadow: 1px 1px 1px #000;
}

.plus_1 {
    height: -moz-calc(100% - 34px);
    height: -webkit-calc(100% - 34px);
    height: -o-calc(100% - 34px);
    height: calc(100% - 34px);
    text-align: left;
    display: flex;
    align-items: center;
}

.plus_1 img {
    min-height: 36px;
    max-height: 8vh;
}


/*--------cv new -------------------*/

.top_res_1 th:last-child {
    border-radius: 0 6px 0 0;
    border: none;
}

.top_res_2 th:last-child {
    border: none;
}

.top_res_1 th:first-child {
    border-radius: 6px 0 0 0;
}

.tc_header td:last-child {
    border-radius: 0 0 6px 0;
}

.tc_header td:first-child {
    border-radius: 0 0 0 6px;
}

.date_1 span {
    color: #ffffff;
    width: 85px;
    text-align: left;
}

.overall_total {
    font-size: 18px;
    background-color: #c8181e;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    height: 7%;
    width: 30%;
    float: right;
    border-radius: 5px 5px 0 0;
    text-transform: uppercase;
    padding: 5px 5px 0 5px;
}

.overall_total_div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #000;
    border-radius: 5px;
}

.right_tab_1 {
    height: 100%;
}

.curdraw_left {
    width: 100%;
    float: left;
    font-size: 15px;
    line-height: 1.8;
    letter-spacing: 0.3;
    height: 100%;
}

.curdraw_time {
    width: 100%;
    float: left;
    font-size: 17px;
    line-height: 1.5;
    letter-spacing: 0.3;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.curdraw_time span {
    /*     width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50%; */
    width: 100%;
    display: block;
    letter-spacing: 0;
}

.curdraw_left {
    /* background-color: #2c010b; */
    border-radius: 5px;
    line-height: 1.1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.top_res_2 th:nth-child(2),
.top_res_3 td:nth-child(2) {
    font-size: 12px;
    color: #c8181e;
}

.top_res_2 th:nth-child(2) {
    background-color: #f3f3f3;
}

.top_res_3 td:nth-child(2) {
    background-color: #c8181e;
    color: #fff;
}

.select_row_1 {
    height: 70%;
    width: 70%;
    display: flex;
    align-items: center;
    background-color: #ffcf21;
    border-radius: 5px;
    border: 1px solid #393939;
    cursor: pointer;
}

.select_row_1 img {
    margin: 0 auto;
    width: 16px;
}

.clear_row_1 {
    width: 43%;
    background-color: #ff9393;
    border: 1px solid rgba(57, 57, 57, 0.43);
}

.last_result_div {
    background: #000000;
    border: 5px solid #c8181e;
    border-radius: 10px;
    padding: 0;
    margin-right: 1%;
    height: 99%;
    margin-top: 7.8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.last_result_div.overall_points_1 {
    margin-left: 1%;
    margin-top: 5px;
}

.last_result {
    font-size: 18px;
    color: #ffffff;
    margin-bottom: 0;
    font-weight: bold;
}

.last_result_time {
    font-size: 18px;
    color: #ffffff;
    margin-bottom: 0;
    font-weight: bold;
}

.last_result_data {
    font-size: 3vw;
    color: #84ff00;
    font-weight: bold;
    margin-bottom: 0;
    line-height: 1;
    text-transform: uppercase;
}

.total_points {
    font-size: 25px;
}


/* Let's get this party started */

.select_val_1::-webkit-scrollbar {
    width: 7px;
}


/* Track */

.select_val_1::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}


/* Handle */

.select_val_1::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #fff;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.select_val_1::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255, 0, 0, 0.4);
}

.bs-example {
    margin: 20px;
}

.modal-content iframe {
    margin: 0 auto;
    display: block;
}

.last_result_div .drawrescancel {
    font-size: 1.5vw;
}

span#overall_total {
    display: block;
    text-align: center;
    font-size: 50px;
}

.clear-double-sec {
    position: absolute;
    top: 90.6%;
    height: 9%;
    background-color: #c8181e;
    box-shadow: 0px 0px 5px #710004 inset;
    border-radius: 7px;
    padding: 4px;
    text-align: center;
    width: 100%;
    right: 3px;
}

.double-btn,
.clear-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 49%;
    background-color: #d1d025;
    background: -webkit-linear-gradient(#d1d025, #f39b00);
    background: -o-linear-gradient(#d1d025, #f39b00);
    background: -moz-linear-gradient(#d1d025, #f39b00);
    background: linear-gradient(#d1d025, #f39b00);
    font-size: 18px;
    text-transform: uppercase;
    color: #000;
    font-weight: bold;
    border-radius: 7px;
    text-shadow: 1px 1px #e9bd67;
    cursor: pointer;
    height: 100%;
}

.clear-double-sec button {
    background-color: transparent !important;
    width: 100%;
    border: none;
    outline: none;
}

.select_right.select_right_1 {
    height: initial;
}

@media (min-width: 768px) {
    .modal-dialog1 {
        width: 85%;
        margin: 30px auto;
    }
    .mfp-close {
        color: #333333;
        background: -webkit-linear-gradient(#f96449 53%, #e1290e 45%) !important;
        background: -o-linear-gradient(#f96449 53%, #e1290e 45%) !important;
        background: -moz-linear-gradient(#f96449 53%, #e1290e 45%) !important;
        background: linear-gradient(#f34e13 53%, #e41d00 45%) !important;
        font-weight: bold;
        font-size: 40px;
        border: 4px solid #303030;
        box-shadow: 0 0 10px #000 inset;
        border-radius: 10px;
        text-shadow: 1px 1px 5px #040404;
        opacity: 1;
    }
}

@media (max-width: 1100px) {
    .last_result,
    .last_result_time {
        font-size: 11px;
    }
    .last_result_data {
        /* font-size: 35px; */
    }
    .nextdraw_sec_1 {
        letter-spacing: -0.5;
    }
    .curdraw_time,
    .curdraw_left,
    .ttd {
        font-size: 14px;
    }
    .time_selection {
        font-size: 14px;
    }
    .single_tab,
    .double_tab {
        font-size: 16px;
    }
    .tc_header tr {
        font-size: 9px;
    }
    .date_time,
    .logout_1,
    .back {
        font-size: 12px;
    }
    .userval {
        font-size: 14.5px;
    }
    .runtime_1 {
        font-size: 32px;
        /* padding: 6px; */
        /* margin-left: 7px; */
    }
    .total_points {
        font-size: 22px;
    }
    .last_result {
        font-size: 13px;
    }
    .last_result_time {
        font-size: 11px;
    }
    .last_result_data {
        /* font-size: 33px; */
    }
    .total_points {
        font-size: 20px;
    }
}

@media (min-width: 1101px) and (max-width: 1350px) {
    .time_selection {
        font-size: 16px;
    }
    .last_result,
    .last_result_time {
        font-size: 13px;
    }
    .last_result_data {
        /* font-size: 40px; */
    }
    .total_points {
        font-size: 28px;
    }
    .last_result {
        font-size: 13px;
    }
    .last_result_time {
        font-size: 12px;
    }
    .last_result_data {
        /* font-size: 35px; */
    }
    .total_points {
        font-size: 20px;
    }
}

@media (min-width: 1800px) {
    .runtime_1 {
        font-size: 42px;
    }
    .ttd {
        /* font-size: 26px !important; */
    }
}

@media (min-width: 1350px) and (max-width: 1599px) {
    .last_result {
        font-size: 15px;
    }
    .last_result_time {
        font-size: 15px;
    }
    .last_result_data {
        /* font-size: 35px; */
    }
    .total_points {
        font-size: 22px;
    }
    .tc_header tr {
        font-size: 12px;
    }
    .top_res_2 th:nth-child(2),
    .top_res_3 td:nth-child(2) {
        font-size: 13px;
        font-weight: bold;
    }
}

@media (min-width: 1600px) {
    .select_row_1 img {
        width: 38%;
    }
    .clear_row_1 img {
        width: 55%;
    }
    .top_res_2 th:nth-child(2),
    .top_res_3 td:nth-child(2) {
        font-size: 16px;
    }
    .tkt_value {
        font-size: 20px !important;
    }
    .overall_total,
    .random_1 label {
        font-size: 22px;
    }
    .logo img 
    {
        width: 200px;
    }
    .single_tab,
    .double_tab {
        font-size: 22px;
    }
    .userval,
    .curdraw_time,
    .curdraw_left {
        font-size: 18px;
    }
    .userdata {
        font-size: 25px;
    }
    /* .time_selection {  font-size: 20px;width: 28%;} */
    .time_selection {
        font-size: 23px;
    }
    .contright_head,
    .contleft_head {
        font-size: 22px;
    }
    .san_left1,
    .che_left1,
    .super_left1,
    .deluxe_left1,
    .bhagya_left1,
    .dia_left1,
    .lucky_left1,
    .new1_left1,
    .new2_left1,
    .new3_left1 {
        font-size: 21px;
    }
    .cont_right1 input {
        font-size: 22px;
    }
    .single_amt_div,
    .single_qty_div {
        font-size: 22px;
    }
    .cont_right1.lastres_1 div {
        font-size: 22px;
    }
    .date_time div {
        font-size: 18px;
    }
    .ttd {
        /* font-size: 24px; */
    }
    .total_res {
        font-size: 22px;
    }
    .inputtotal div {
        font-size: 22px;
    }
    .footer input {
        font-size: 22px;
    }
    .mid_title {
        font-size: 18px;
    }
    .table_midcont p {
        font-size: 18px;
    }
    .table_midcont input {
        font-size: 18px;
    }
    .select_right {
        font-size: 20px;
    }
    .ticket_1,
    .qty_1,
    .value_1 {
        font-size: 20px;
        height: 33px;
    }
    .sel_val2 {
        font-size: 21px;
    }
    .tic_amt label {
        font-size: 20px;
    }
    .tic_amt input {
        font-size: 20px;
    }
    .random_1 .random_num {
        font-size: 22px;
        /* height:45px; line-height: 33px; */
    }
    .double-btn,
    .clear-btn {
        font-size: 22px;
    }
    .chart_head {
        font-size: 22px;
    }
    .chart_scroll {
        font-size: 24px;
    }
    .cont_left i,
    .mid_title i {
        font-size: 18px;
    }
    .ticket_2 {
        font-size: 18px;
    }
    .random_no_input {
        height: 40px !important;
    }
    .tc_footer {
        font-size: 20px;
    }
    .user_det_tc_1 {
        height: 73%;
    }
    .user_det_tc_1 div {
        font-size: 20px;
    }
    .logout_1,
    .back {
        font-size: 18px;
    }
    .tc_header tr {
        font-size: 14px;
    }
}

@media (max-width: 1599px) {
    .cont_right1 input {
        width: 68%;
        height: 65%;
        letter-spacing: 0.1;
    }
    .table_midcont input {
        width: 60%;
        height: 65%;
        letter-spacing: 0.1;
    }
    .ticket_1,
    .qty_1,
    .value_1,
    .value_3 {
        font-size: 16px;
        letter-spacing: 0.1px;
    }
}


/* @media (min-width: 1250px){
.tc_header tr {
    font-size: 12px;
}
} */

.yes_btn {
    margin: 2% 0 !important;
    background: -webkit-linear-gradient(#9ae770 52%, #51b31e 56%);
    background: -o-linear-gradient(#9ae770 52%, #51b31e 56%);
    background: -moz-linear-gradient(#9ae770 52%, #51b31e 56%);
    background: linear-gradient(#9ae770 52%, #51b31e 56%);
    box-shadow: 0px 0px 5px #000 inset !important;
    border: none;
    padding: 1.5% 4%;
    color: #000;
    cursor: pointer;
}

a.yes_btn,
a.yes_btn:hover {
    color: #000;
    text-decoration: none;
}

#confirmation button {
    display: none;
}

.htp_head {
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
}

p.htp_cont_sub {
    padding-left: 2%;
}

.timer_1 {
    position: relative;
    left: 11%;
    background-color: #c8181e;
    box-shadow: 0px 0px 5px #710004 inset;
    border-radius: 10px;
    padding: 4px 6px;
    color: #fff;
    font-size: 26px;
    font-weight: bold;
}

.random_1 label {
    font-weight: bold;
    color: #fff;
    text-shadow: 0px 0px 3px #000;
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 16px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logout_1 .fa-power-off {
    color: #feff00;
    font-weight: bold;
    margin-left: 3%;
}

.claim_popup input {
    width: 35%;
    font-size: 18px;
    color: #000;
    padding: 1%;
    border-radius: 10px;
    border: 1px solid #000000;
    box-shadow: 1px 1px 9px #333232 inset;
}

.claim_popup label {
    width: 140px;
    color: #fff;
    font-size: 20px;
    margin: 20px 0 20px 24%;
}

.claim_popup td {
    padding: 0 5px;
}

.footer_1_tc a {
    color: #fff;
    text-decoration: none;
    outline: none;
}

.claim_popup table {
    width: 100%;
    color: #fff;
}

.win_no td,
.points_01 td {
    border: 1px solid #fff !important;
    height: 35px;
    text-align: center;
    color: #000;
    font-weight: bold;
}

.win_no,
.points_01 {
    margin: 20px 0;
}

.game_no_1 {
    font-size: 20px;
    font-weight: bold;
}

.disabled {
    background: #b9b9b9 !important;
    color: #636363;
    text-shadow: none;
    cursor: not-allowed !important;
    font-weight: normal;
    font-size: 20px;
    text-shadow: none !important;
}

.tc_footer td button {
    width: 100%;
    border: none;
    background: none;
    outline: none;
    border-radius: 4px;
    text-transform: uppercase;
}

.text_blink {
    font-weight: bold;
    animation: changecolor 2s infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation: changecolor 2s infinite;
    -webkit-animation: changecolor 2s infinite;
    -ms-animation: changecolor 2s infinite;
    -o-animation: changecolor 2s infinite;
}

.cont_left2 .san_left1,
.cont_left2 .che_left1,
.cont_left2 .super_left1,
.cont_left2 .deluxe_left1,
.cont_left2 .bhagya_left1,
.cont_left2 .dia_left1,
.cont_left2 .lucky_left1,
.cont_left2 .new1_left1,
.cont_left2 .new2_left1,
.cont_left2 .new3_left1 {
    justify-content: flex-end;
    padding-right: 10px;
}

@keyframes changecolor {
    0% {
        color: red;
    }
    25% {
        color: yellow;
    }
    50% {
        color: blue;
    }
    75% {
        color: white;
    }
    100% {
        color: green;
    }
}


/* Mozilla Browser */

@-moz-keyframes changecolor {
    0% {
        color: red;
    }
    25% {
        color: yellow;
    }
    50% {
        color: blue;
    }
    75% {
        color: white;
    }
    100% {
        color: green;
    }
}


/* WebKit browser Safari and Chrome */

@-webkit-keyframes changecolor {
    0% {
        color: red;
    }
    25% {
        color: yellow;
    }
    50% {
        color: blue;
    }
    75% {
        color: white;
    }
    100% {
        color: green;
    }
}


/* IE 9,10*/

@-ms-keyframes changecolor {
    0% {
        color: red;
    }
    25% {
        color: yellow;
    }
    50% {
        color: blue;
    }
    75% {
        color: white;
    }
    100% {
        color: green;
    }
}


/* Opera Browser*/

@-o-keyframes changecolor {
    0% {
        color: red;
    }
    25% {
        color: yellow;
    }
    50% {
        color: blue;
    }
    75% {
        color: white;
    }
    100% {
        color: green;
    }
}

@-webkit-keyframes blinker {
    from {
        opacity: 1.0;
    }
    to {
        opacity: 0.2;
    }
}

.add-blink {
    text-decoration: blink;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 0.3s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
}

.single_random_num,
.double_random_num,
.triple_random_num {
    border: 1px solid rgba(255, 255, 255, 0.54);
}

.single_random_num.add-blink {
    background-color: #af40ff;
}

.double_random_num.add-blink {
    background-color: #fa0785;
    opacity: 1 !important;
}

.triple_random_num.add-blink {
    background-color: #9bdf31;
}

.triple_blank {
    background-color: #dff4bf;
    border-radius: 0 0 10px 10px;
}

.color1 {
    background-color: #34b3e4;
}

.color2 {
    background-color: #b79ec7;
}

.color3 {
    background-color: #f38a78;
}

.color4 {
    background-color: #ec9f48;
}

.color5 {
    background-color: #57bfc1;
}

.color6 {
    background-color: #92c749;
}

.color7 {
    background-color: #f289b7;
}

.color8 {
    background-color: #31b573;
}

.color9 {
    background-color: #ff7a90;
}

.color10 {
    background-color: #6f71b4;
}

.claim_tab_head {
    color: #fff !important;
    text-align: center;
}

.top_text {
    vertical-align: text-top;
    padding: 3px;
    display: inline-block;
    width: 32%;
}

.triple_sel_div>div>div {
    display: inline-block;
    width: 32%;
}

.tkt_value {
    color: #000000;
    background-color: #e6ae0d;
    height: 30px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    text-transform: uppercase;
}

.fullbody_overlay {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.home_load {
    width: 100%;
    height: 100%;
    background-color: #344557;
    position: absolute;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home_load img {
    width: 100px;
}


.bet_load {
    width: 100%;
    height: 100%;
    background-color: #344557;
    position: absolute;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bet_load img {
    width: 100px;
}

@media only screen and (min-device-width: 768px) {
    .home_load img {
        width: 300px;
    }
    .bet_load img {
        width: 300px;
    }
}

#confirmation,
#idlestate {
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: #000;
    z-index: 111;
    display: none;
}

.selection_info {
    width: 97%;
    float: left;
    height: 92%;
    margin: 1%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.selection_info.time_selection select {
    background-color: #d1d025;
    border: none;
    text-transform: uppercase;
    outline: none;
    text-align-last: center;
}

option {
    text-align: left;
}

.next_draw_info {
    width: 100%;
    float: left;
    text-align: left;
    padding-left: 1%;
    height: 100%;
    line-height: 1.8;
    letter-spacing: 0.3;
}

.future_date,
.nextdraw_sec_1 {
    /* height: 50%; */
    /* line-height: 1.9; */
}

.futuredraw_day {
    color: #fff;
    background-color: #0006;
    font-weight: bold;
}

.game_start {
    /*opacity: 0.4;*/
    position: relative;
    z-index: -1;
}

.curdraw_time>div {
    width: 100%;
}

a:hover,
a:focus {
    text-decoration: none !important;
}

.nostream-text {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.nostream {
    position: absolute;
    height: 99%;
    width: 100%;
    z-index: 9;
    background-color: rgba(0, 0, 0, 0.91);
    color: #fff;
    font-size: 38px;
    left: 0;
    right: 0;
    display: block;
}

table.tc_footer td:last-child {
    border: none;
}

.rm-alert>div:first-child {
    float: left;
    width: 16%;
    text-align: left;
    font-weight: bold;
    font-size: 18px;
    line-height: 2;
    color: #000;
}

.rm-alert .alert_msg_1 {
    float: left;
    width: 83%;
    text-align: left;
    color: #f00;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3;
}

.rm-alert {
    margin-bottom: 8px;
    overflow: auto;
    background-color: #e6e6e6;
    border-radius: 5px;
    padding: 5px 7px;
    border: 1px solid #000;
}

.rem_bal {
    word-break: break-all;
    overflow: auto;
    max-height: 59px;
    color: #c7080e;
    margin-top: 0px;
    margin-bottom: 2px;
}

.rem_bal1 {
    word-break: break-all;
    overflow: auto;
    max-height: 59px;
    color: #51b31e;
    margin-top: 0px;
    margin-bottom: 2px;
}

.rem_bal1 p,
.rem_bal p {
    display: inline-block;
    border: 1px solid #636363;
    margin: 2px;
    padding: 0 2px;
}

.balance_popup {
    width: 800px;
}

.rem_bal::-webkit-scrollbar,
.rem_bal1::-webkit-scrollbar {
    width: 12px;
}

.rem_bal::-webkit-scrollbar-track,
.rem_bal1::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.rem_bal::-webkit-scrollbar-thumb,
.rem_bal1::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgb(167, 0, 0);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.rm_popup {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.buy_btn_1 {
    background: -webkit-linear-gradient(#38a633, #1c8f20) !important;
    background: -o-linear-gradient(#38a633, #1c8f20) !important;
    background: -moz-linear-gradient(#38a633, #1c8f20) !important;
    background: linear-gradient(#38a633, #1c8f20) !important;
    box-shadow: 0px 1px 8px #004301 inset !important;
    font-weight: bold;
    font-size: 1.4em;
}

.buy_btn_1 button {
    text-shadow: 1px 1px 3px #000;
}

.double-btn input,
.clear-btn input {
    width: 100%;
    border: none;
    background-color: transparent;
    display: block;
    height: 100%;
    border-radius: 7px;
}

.stream_off {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 2px 2px 0 0;
}

.stream_text {
    background: #000;
    height: 100%;
    color: #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.remain_alert {
    color: #0014ff;
    font-size: 14px;
}

.popup_cls_btn {
    text-align: center;
}

.popup_cls_btn button {
    color: #fff;
    background-color: #000;
    border: 1px solid #e34912;
    padding: 5px 20px;
    text-transform: uppercase;
    border-radius: 5px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 22px;
    margin-left: 7px;
    /* -webkit-transform: scale(0.7); */
    /* transform: scale(0.7); */
    /* top: -4px; */
}

.switch input {
    /* opacity: 0; */
    /* width: 0; */
    /* height: 0; */
    transform: scale(1.4);
    margin: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f70002;
    -webkit-transition: .4s;
    transition: .4s;
    box-shadow: 0 0 1px 2px #970002;
    display: none;
}

.slider:before {
    position: absolute;
    content: "off";
    height: 18px;
    width: 18px;
    left: 2px;
    bottom: 2px;
    background-color: #ffffff;
    -webkit-transition: .4s;
    transition: .4s;
    box-shadow: 0px 0px 3px #000;
    line-height: 60px;
    font-size: 15px;
    color: #000;
    text-shadow: none;
    font-weight: bold !important;
}

input:checked+.slider {
    background-color: #07d708;
    box-shadow: 0 0 1px 2px #0b7e0c;
}

input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
    content: "ON";
}


/* Rounded sliders */

.slider.round {
    /* border-radius: 34px; */
    border-radius: 2px;
}

.slider.round:before {
    /* border-radius: 50%; */
    border-radius: 2px;
}

.switch_btn {
    min-width: 125px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff !important;
    text-shadow: none !important;
}

.switch_btn2 {
    margin-left: 10px !important;
    width: 100px !important;
}

@media (min-width: 1600px) {
    .switch_btn {
        min-width: 150px;
    }
    .switch_btn2 {
        width: 100px !important;
    }
}

#s_name_no {
    float: right;
    font-size: 23px;
    color: #feff00;
}

#d_name_no {
    font-size: 20px !important;
    color: #feff00;
    line-height: 1;
}

td.ticket_2_name {
    color: yellow;
    font-weight: bold;
    width: 13%;
    font-size: 16px;
}

.sale_amt_sec {
    display: flex;
    width: 100%;
    text-align: left;
    border-left: 2px solid black;
}

.sale_amt span,
.trans_id span {
    font-weight: bold;
    color: #f7f800;
}

.sale_amt,
.trans_id {
    height: 100%;
    padding: 0 4px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 50%;
    line-height: 1.1;
}

span#curdrawTime {
    color: #fff;
    font-size: 20px;
}

.user_1_d:nth-child(even) {
    background: #393939;
}

.ver_1 {
    text-transform: lowercase;
    position: absolute;
    left: 4px;
    font-weight: bold;
    letter-spacing: 0px;
    color: #c8181e;
    font-size: 19px;
}

input.row-input-1 {
    width: 100%;
}

.row-sel-div {
    background: #000;
    border-left: 0;
    color: #fff;
    display: flex;
    flex-direction: column;
}

.hide_desk {
    background: #000;
    border-left: 0;
    color: #fff;
    display: flex;
    
}

.row-sel-div input,
.check-input1 {
    background: #fff !important;
    color: #000;
    font-size: 15px !important;
}

.row-sel-div input {
    height: 50%;
}

.num-cnt {
    font-size: 12px;
}

.table_midcont.check-input {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 13px;
    line-height: 1;
}

.table_midcont.check-input span {
    display: block;
}

input.check-input1 {
    height: 50%;
}

/* .user_1_d a:hover .userdata {
    color: #91e01b;
} */

.user_1_d a {
    color: #fff;
    display: flex;
    align-items: center;
    position: relative;
}

.user_1_d a i {
    margin-left: 6px;
    /* color: #91e01b; */
}

span.future_date {
    background: transparent;
    width: auto;
    color: #fff;
}

.ttd.next-draw-11 {
    background: #393939;
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear !important;
    animation: fa-spin 1s infinite linear !important;
}

.update_load {
    position: absolute;
    background: #171717;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    font-size: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.update_load i {
    margin: 0 !important;
    color: #fff !important;
    line-height: 1;
}

#logout-loader .update_load {
    background: #c8181e;
}

#update_loader,
#logout-loader {
    display: none;
}

.newmytable {
    background: #fff;
    margin: 0;
}

.newmytable th,
.newmytable td {
    border: 1px solid #efefef;
}

.newmytable thead td {
    background: #d8d8d8 !important;
}

.newmytable_div {
    max-height: 50vh;
    overflow: auto;
}

.newmytable_pop input {
    margin: 20px auto !important;
    max-width: 300px;
    padding: 10px;
}

.newmytable_pop {
    max-width: 980px !important;
}

.newmytable_div_form input {
    font-size: 22px !important;
}

.amusement-18 img {
    max-width: 100%;
    width: 175px;
    margin-top: 3%;
}

.rst_hsty{
    margin:5px 5px auto 5px;
    font-size: 40px;
    text-align: center;
    background-color: #CDC6E7;
    color:black;
    padding: -1px 10px;
    border-bottom: 1px solid rgb(0, 0, 0);
}

.rst_hsty1{
    margin:auto 5px 5px 5px;
    font-size: 18px;
    text-align: center;
    background-color: #d6d521;
    color:black;
}

.rst_hsty_sp{
    margin: -25px;
}




/*-----------------------------------EXTRA STYLE CSS---------------------------------------------*/

.modal 
{
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 2px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 95%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content 
{
    background-color: #fefefe;
    margin: auto;
    padding: 0px; 
    border: 1px solid #888;
    width: 90%;
}


.table_scroll_1 {
    height: 370px;
    overflow: auto;
    border-radius: 10px;
}

.table_scroll {
    height: calc(100% - 130px);
    border-radius: 10px;
    width: 100%;
    overflow: auto;
    overflow-x: hidden;
}



.table_scroll::-webkit-scrollbar,
.table_scroll_1::-webkit-scrollbar {
    width: 10px;
}

.table_scroll::-webkit-scrollbar-track,
.table_scroll_1::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.table_scroll::-webkit-scrollbar-thumb,
.table_scroll_1::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: rgb(198, 37, 37);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.san_11 {
    background-color: #357588 !important;
}

.che_11 {
    background-color: #017fcb !important;
}

.super_11 {
    background-color: #79ba18 !important;
}

.del_11 {
    background-color: #ff8a00 !important;
}

.bhag_11 {
    background-color: #09846b !important;
}

.dia_11 {
    background-color: #b5c23a !important;
}

.luc_11 {
    background-color: #3aaac2 !important;
}

.new_11 {
    background-color: #1d8b00 !important;
}

.new_21 {
    background-color: #9b610e !important;
}

.new_31 {
    background-color: #095284 !important;
}

.game_time {
    background-color: #000;
    color:  #efefef;
    width:120px;
}

tr.oddtable {
    background-color: #2fc21173;
    border: 2px solid #fff;
}

tr.eventable {
    background-color: #e7e5ff;
    border: 2px solid #fff;
}

tr.detailbtntable {
    background-color: #e7e5ff;
    border: 2px solid #fff;
}


.report_head {
    border-radius: 0 !important;
}

.report_head {
    background-color: #fff;
    border-radius: 5px;
    /* min-height: 80px; */
}
.report_head {
    height: 55px;
}
.report_head1 {
    height: 28px;
}



.gamehis_head {
    display: inline-block;
    padding: 10px 10px;
    border-radius: 5px;
    font-size: 20px;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    float: left;
}
.gamehis_head {
    display: inline-block;
    padding: 4px 0px;
    border-radius: 5px;
    font-size: 20px;
}

/* #check_luckydate
{
    width: 300px;
    height: 8%;
} */


.tbl_search input {
    width: 100% !important;
    height: 70% !important;
    letter-spacing: 0;
}
.tbl_search input,
.date_search select {
    border: 1px solid rgba(0, 0, 0, 0.74);
    padding: 4px 3px;
    border-radius: 5px;
    width: 100%;
    display: block;
    max-width: 220px;
}
.tbl_search img {
    width: 30px;
    margin: 0 3px;
}
.tbl_search label {
    color: #c8181e;
    font-size: 18px;
    margin: 0 3px;
}
.tbl_search label {
    font-size: 14px;
    margin: 0;
}
.tbl_search img {
    width: 5%;
    margin: 0;
}
.tbl_search label,
.gamehis_head,
.gamehis_table td,
.tbl_search input {
    font-size: 12px;
}

.gamehis_table th {
    font-weight: normal;
}

.gamehis_table th {
    text-align: center;
}

.gamehis_table td {
    text-align: center;
}

.gamehis_table tbody {
    color: #1c1c1c;
    background-color: #fff;
}

.gamehis_table thead {
    color: #fff;
    background: -webkit-linear-gradient(#222222, #151515);
    background: -o-linear-gradient(#222222, #151515);
    background: -moz-linear-gradient(#222222, #151515);
    background: linear-gradient(#222222, #151515);
}


.gamehis_table {
    border: 1px solid #000;
    margin-bottom: 0;
    border-radius: 8px;
    min-width: 650px;
}


.gamehis_table tbody {
    height: 250px;
    overflow-y: auto;
    overflow-y: overlay!important;
    display: block;
}

.gamehis_table tr {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.gamehis_table th {
    font-size: 12px;
    padding: 1% 0 !important;
    height: 10% !important;
}
.gamehis_table td {
    padding: 0 !important;
    font-size: 14px;
    text-align: center;
}

.gamehis_table>tbody>tr>td {
    border: 2px solid #fff;
    word-wrap: break-word;
    vertical-align: middle;
    line-height: 1;
    padding: 10px 0 !important;
    font-weight: bold;
}

.gamehis_table>thead>tr>th {
    text-shadow: 0 0 5px #000;
    text-transform: uppercase;
    border: 1px solid rgb(93, 93, 93);
    vertical-align: middle;
    word-wrap: break-word;
    line-height: 2;
    letter-spacing: 0;
    font-weight: bold;
}

.gamehis_table table,
.gamehis_table tbody,
.gamehis_table thead {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.date_search {
    display: inline;
    /* margin: 0 5px; */
    margin-bottom: 10px;
}



button.search_btn {
    width: 100px;
    margin-top: 23px;
    padding: 5px 3px;
    border-radius: 5px;
    background: -webkit-linear-gradient(#9ae770 52%, #51b31e 56%);
    background: -o-linear-gradient(#9ae770 52%, #51b31e 56%);
    background: -moz-linear-gradient(#9ae770 52%, #51b31e 56%);
    background: linear-gradient(#9ae770 52%, #51b31e 56%);
    text-shadow: 0px 1px 0px #e1e1e1;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #000;
    color: #000;
    text-transform: uppercase;
}


.myacc_section .tablinks {
    float: left;
    /* width: 25%; */
    width: 33.333%;
    text-align: center;
    cursor: pointer;
    color: #fff;
    background-color: #1c1c1c;
}
.myacc_sec_head {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    color: #fff;
}

.myacc_section .tablinks.active {
    background-color: #c62525 !important;
}
.myacc_section .tab {
    height: 60px;
}

/* --------------------- */
.change_pwd_sec {
    padding-top: 7vh;
}
.change_pwd_sec {
    margin-top: 0%;
}
.chg_pwd {
    border: 1px solid rgba(0, 0, 0, 0.4);
    width: 320px;
    background-color: white;
    border-radius: 10px;
    font-size: 16px;
    margin: 0 auto;
    text-align: center;
}
/* --------------- */

.form_input_sec {
    margin: 10px;
}
.formTxtfield {
    padding: 6px;
    width: 280px;
    border: 1px solid #226300;
    box-shadow: 0 0 2px rgba(50, 142, 0, 0.72) inset;
}
.form_btn {
    padding: 10px;
    width: 280px;
    color: #000;
    font-size: 16px;
    text-transform: uppercase;
    border: 1px solid #000;
    background: -webkit-linear-gradient(#9ae770 52%, #51b31e 56%);
    background: -o-linear-gradient(#9ae770 52%, #51b31e 56%);
    background: -moz-linear-gradient(#9ae770 52%, #51b31e 56%);
    background: linear-gradient(#9ae770 52%, #51b31e 56%);
    text-shadow: 0 0 5px #fff;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.61) inset;
    border-radius: 5px;
    margin-top: 18px;
}


.form_input_sec input {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    border-radius: 5px;
    line-height: 4.5vh;
    border: none;
    box-shadow: 0px 0px 2px #000000 inset, 0px 1px 2px #000;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.28);
    width: 250px;
    height: 50px;
}

.double_1 {
    background: -webkit-linear-gradient(#c146a4 53%, #c146a4 45%);
    background: -o-linear-gradient(#c146a4 53%, #c146a4 45%);
    background: -moz-linear-gradient(#c146a4 53%, #c146a4 45%);
    background: linear-gradient(#c146a4 53%, #c146a4 45%);
    width: 200px;
    margin: 0 0.5% !important;
}



/*Lucky report css */
.row1>th
{
    border: 1px solid black;
    height: 5px;
    text-align: center;
    color: white;
    background-color: black;
}
.row2>td
{
    border: 1px solid black;
    border-collapse: collapse;
    padding: 0px;
    color: black;
    text-align: center;
    border-spacing: 5px;
}
.LPaserror
{
    color:red;
}



/* LUCKY CLAIM CSS */
.L_scan_modal
{
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.scan_modal
{
    background-color:  #393939;    
    margin: auto;
    padding: 10px;
    border: 2px solid #888;
    width: 50%; 
    height: 80%;
}
.scan_modal-header
{
    border-bottom: 2px solid #888;
    text-align: center;
}
.close_scan
{
    color:black;
    width:20px;
    margin-top:0px;
    float:right;
    cursor: pointer;
}
.chg_scan {
    border: 1px solid rgba(0, 0, 0, 0.4);
    width: 320px;
    background-color: rgb(186, 199, 190);
    border-radius: 10px;
    font-size: 16px;
    margin: 0 auto;
    text-align: center;
}
.L_claim_modal-content
{
    background-color: #fefefe;
    margin: auto;
    padding-top: 1px;
    overflow: auto;
    border: 1px solid #888;
    width: 40%;
    height: auto;
   
}
#L_doubbetno,#L_singlebetno,#doubbetno,#detdoubbetno,#L_ssinglebetno,#L_sdoubbetno
{
    overflow-wrap: break-word;
}



/* ---------------- */


/* MAZA CSS */
.M_scan_modal
{
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.M_scan_modal-content 
{
    background-color: #fefefe;
    margin: auto;
    padding: 0px;
    border: 1px solid #888;
    width: 30%;
    height: 80%;
}
.M_closescan 
{
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.M_closescan:hover,
.M_closescan:focus 
{
    color:white;
    text-decoration: none;
    cursor: pointer;
}


/* ---------------- */
.M_Report_modal
{
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.M_Report_modal-content 
{
    background-color: #fefefe;
    margin: auto;
    padding: 0px;
    border: 1px solid #888;
    width: 30%;
    height:40%;
}
.Rep_modal-footer
{
    float: center;
}
.M_closereport
{
    color: aliceblue;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
.M_closereport:hover,
.M_closereport:focus 
{
    color:white;
    text-decoration: none;
    cursor: pointer;
}



/* ------------- */
.M_closeclaim 
{
    color:  #000;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.M_closeclaim:hover,
.M_closeclaim:focus 
{
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.M_claim_modal-content
{
    background-color: #fefefe;
    margin: auto;
    padding-top: 1px;
    border: 1px solid #888;
    font-size: 18px;
    width: 40%;
    height: auto;
}
.nmodal-content
{
    background-color: #fefefe;
    margin: auto;
    padding-top: 30px;
    border: 1px solid #888;
    width: 30%;
}
.Tmodal-content
{
    background-color: #fefefe;
    margin: auto;
    padding-top: 1px;
    border: 1px solid #888;
    width: 30%;
    height: 15%;
}

/* -------- */
/*Maza Report Modal Content */
.rptmodal-content 
{
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 95%;
}
.ext 
{
    color:white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.TCext 
{
    color:black;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.MazaTCext
{
    color:black;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.ext:hover,
.ext:focus 
{
    color:white;
    text-decoration: none;
    cursor: pointer;
}

.M_row2>td
{
    border: 1px solid white;
    border-collapse: collapse;
    padding: 20px;
    color: white;
    text-align: center;
    border-spacing: 5px;
}
.M_row1>td
{
    border: 1px solid white;
    height: 5px;
    color: white;
    background-color: black;
}

/*Lucky Winning Modal Content */
.MWin_modal-content
{
    background-color: #fefefe;
    margin: auto; 
    padding-top: 0px;
    border: 1px solid #888;
    width: 15%;
}

.M_Winning_modal 
{
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 95%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.MW_san_result
{
    padding: 1%;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    border-radius: 10px;
    height: 300px;
    width: 325px;
    margin: 2% 0.5%;
    box-shadow: 1px 1px 5px rgba(39, 39, 39, 0.64) inset, 1px 1px 8px rgba(0, 0, 0, 0.7);
    text-shadow: 1px 1px 1px #000;


}
.MW_san_result 
{
    background-color: #3d3588;
}
.MWflip-wrapper 
{
    position: relative;
    height: 150px;
}




.MWflip 
{
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid black;
    height: 100%;
    width: 75%;
    margin-left: 15px;
    padding: 0 8px;
    color: #FAFAFA;
    border-radius: 6px;
    background: #444444;
    font-weight: normal;
    font-size: 80px;
    text-shadow: 0 -1px black;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 0 rgba(255, 255, 255, .3) inset, /* top */
    0 0 1px rgba(255, 255, 255, .3) inset;
}


.MWflip--top,
.MWflip--bottom 
{
    overflow: hidden;
}



.MWflip--top 
{
    animation: flip 1000ms ease-in-out infinite;
    transform-origin: bottom;
    height: 70%;
    border-radius: 6px 6px 0 0;
    z-index: 2;
    backface-visibility: hidden;
}

.MWflip--back 
{
    animation: flip-back 1000ms ease-in-out infinite;
    line-height: 0;
    transform-origin: top;
    transform: rotateX(180deg);
    margin-top: 40px;
    border-radius: 0 0 6px 6px;
}


.MWflip--bottom 
{
    height: 70%;
    margin-top: 40px;
    border-radius: 0 0 6px 6px;
    border-top: none;
    line-height: 0;
    z-index: 1
}


.MW_seg 
{
    display: inline-block;
    margin: 0 5px;
    font-family: 'Helvetica Neue', sans-serif;
    width: 140px;
    margin: 13.7px -3px;
    float: left;
    padding: 0px;
}

.MWres_points 
{
    font-size: 3em;
    background-color: #fff;
    width: 100%;
    color: #1c1c1c;
    height: 80%;
    box-shadow: 1px 2px 5px #000;
}





/*Server Error Modal Content */
.Err_modal-content
{
    background-color: #fefefe;
    margin: auto; 
    margin-top: 85px;
    padding-top: 0px;
    border: 1px solid #888;
    width: 75%;    
}

.Err_Winning_modal 
{
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 95%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.lobby
{
    display: flex;
    position: absolute;
    top:40%;
    width:100%;
    text-align:center;
    padding:5px
}

.lobby_logout
{
    display: flex;
    position: absolute;
    top:65%;
    width:100%;
    text-align:center;
    padding:5px
}

.lobby_cont
{
    background: #c13d4b;
    color:white;
    border-radius: 10px;
    width:20%;
    margin:20px 30px;
    text-align: center;
    padding:10px;
    font-size: 30px;
    cursor:pointer;
}

.lobby_log_cont
{
    width:10%;
    margin:5px;
    padding:10px;
    border:3px solid white;
    border-radius:10px;
}

.TcLaim_modal-body 
{
    position: relative;
    overflow: auto;
    padding: 15px;
    height: 90%;
}


/* #tId 
{
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

#tId td, th {
border: 1px solid #dddddd;
text-align: center;
padding: 8px;
}

#tId tr:nth-child(even) {
background-color: #dddddd;
} */

#LuckycliamTicket
{
    background-color:#c13d4b;
    color:aliceblue;
    width: 170px;
    height: 30px
}

#luckydetailbutton,#Mazadetailbutton
{
    background-color:#c13d4b;
    color:aliceblue;
}

#MazacliamTicket
{
    background-color:#c13d4b;
    color:aliceblue;
    width: 170px;
    height: 30px
}

/* date picker css */

.datepicker tbody tr > td.day.today {
    background: #0e25d6;
    color: #ffffff;
    position: relative;
}

.datepicker tbody tr > td.day.selected, .datepicker tbody tr > td.day.selected:hover, .datepicker tbody tr > td.day.active, .datepicker tbody tr > td.day.active:hover {
    background: #c8181e;
    color: #ffffff;
}

.datepicker tbody tr > td.day.today:before {
    border-bottom-color: #ffffff;
    border-top-color: rgba(0, 0, 0, 0.2);
}
.datepicker tbody tr > td.day.today:before {
    content: '';
    display: inline-block;
    border: solid transparent;
    border-width: 0 0 7px 7px;
    border-bottom-color: #ffffff;
    border-top-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    bottom: 4px;
    right: 4px;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: black;                                     /* #380828 */
    text-align: center;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 20px;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
 }

 .dropdown-menu
 {
     background-color: white;             /* #45d81f */
 }

 .dropdown-menu > a:hover
 {
     background-color: black;
     color: white;
 }
 .dropdown-menu > a:active
 {
     background-color: black;
 }