body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, address {
	margin: 0;
	padding: 0;
}

.btn-purple {
    background-color: #0f4703;
    border-color: #0f4703;
    color: #fff;
}
.btn-purple:hover { background: #96e8bb; }

/*---Header---*/
.col.bg-logo {
    background-color: aliceblue;
	height: 200px;
}
.col.bg-user {
    background-color: aquamarine;
}
.col.bg-pass {
    background-color: bisque;
}
.col.bg-menu {
    background-color: crimson;
}

/*---Menu---*/

.col.bg-aqua {
    background-color: #5978d2;
	height: 200px;
}
.col.bg-red {
    background-color: brown;
}
.col.bg-pink {
    background-color: hotpink;
}
.col.bg-green {
    background-color: darkolivegreen;
}
.col.bg-yellow {
    background-color: lightgoldenrodyellow;
}

/*---News---*/
.floating-news {
    background-color: rgb(0,0,0,0.8);
    width: 100%;
    padding: 7px;
    color:#ffffff;
    position:absolute; 
    bottom:0px;
    font-size:12px;
}

/*---Banner---*/
.banner {
	height: auto;
	position:relative;
}
#banner .container-fluid {
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.carousel-indicators {
    bottom: 30px;
}
/*---Footer---*/
#footer{}
.floter {
   position:fixed;
    bottom: 0px;
    width: 100%;
    color:#fff;
    text-transform:uppercase;
    font-weight:bold;
}

.floter ul{padding:0px; margin:0px;}
.floter ul li{display:inline-block; float:left; width:33.3%;}
.footercenter{
    background: url(../imgs/bgregisterfixed.jpg)no-repeat;
    background-size: 100% 100%;
    text-align: center;
    border-left: 1px solid #ffffff;
    padding:15px 0px;
    font-size:24px;
  }

.footleft{
	border:0px solid green; 
	background:#4b1a77;
  text-align:center;
  padding:20px 0px 21px;
  font-size:12px;
  overflow: hidden;
	}
	 
.footleft ul{padding:0px; margin:0px;}
.footleft ul li{display:inline-block; padding:3px 30px; }	 
.footleft ul li a{color:#ffffff; padding:8px; border-radius:15px; background:#000;}
	 
.footright{
	border:0px solid green; 
	background:#4b1a77;
  text-align:center;
  padding:23px 0px;
  font-size:13px;
  border-left:1px solid #ffffff;
	}
	.footright a{color:#ffffff;}


.bg-info {
    background-color: #17a2b8;
    padding: 20px;
}



.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{
	padding:0px;
	}

/*---toplanguage---*/
#toplanguage{}
.toplang {
    width: 100%;
    color:#fff;
    text-transform:uppercase;
    font-weight:bold;
    margin-top: 4%;
    margin-bottom: 4%;
}

.toplang ul{padding:0px; margin:0px;}
.toplang ul li{display:inline-block; float:left; width:100%;}
.langleft{
	border:0px solid green; 
  text-align:center;
  padding:5px 0px 5px;
  font-size:12px;
  overflow: hidden;
	}
	 
.langleft ul{padding:0px; margin:0px;}
.langleft ul li{display:inline-block; padding:3px 20px; }	 
.langleft ul li a{color:#000; padding:8px; border-radius:15px; background:#ffffff;}
	 

/******==========  TOPHEADER  ============****/
.topheader{background:#055127; padding:0px 20px;}
.logo{}
.menulang{border:0px solid red; margin-top: 20px;}
.menulang ul{}
.menulang ul li{display:inline; border:0px solid yellow;}
.menulangbg {
    width: 101px;
    height: auto;
    margin: 0 5px;
    padding: 5px 20px 10px;
    background: url(../imgs/languagebg.jpg);
    border-radius: 0;
    text-align: center;
    font-size: 14px;
    text-transform: capitalize;
    color: #fff;
    position: relative;
}
.menulangbg img{vertical-align:middle; padding-right:5px;}
nav.navbar{padding:0px; border:0px solid red; margin:0px;}
.navbar-nav{flex-direction: row; width:100%;}
.nav>li{background:url(../imgs/nav-bg.jpg)repeat-x; background-size:100% 100%; width: 20%; text-align:center; border-left:1px solid #ffffff;}
.nav>li:nth-child(1){border:0px solid #ffffff;}
.navbar-nav>li>a{color:#ffffff; text-transform:uppercase;}
.navbar-nav>li>a>img{display:block; margin:auto;}
.nav>li>a:focus, .nav>li>a:hover{background:#4b1a77;}

.algoin_inner {
    float: right;
    max-width: 100%;
    width: 100%;
    display: block;
    margin: 16px auto;
}
.menu_login_button{
    max-width: 420px;
    width: auto;
    height: 25px;
    font:normal 12px Arial; 
    font-weight: bold;
    float: right;
}
.algoin_inner li {
    list-style: none;
    display: inline-block;
    width:auto;
    color: #fff;
    font-size: 14px;
}

.loginicon{width:62px; height:20px; float:left; margin-right:20px; background-image:url(../images/login-icon.jpg); background-repeat:no-repeat; font:arial; color:#000; font-style:italic; font-weight:bold; font-size:13px; text-align:right; padding-top:2px;}
.registericon{width:82px; text-align:right; height:20px; float:left; margin-right:18px; background-image:url(../images/register-icon.jpg); background-repeat:no-repeat; font:arial; color:#000; font-style:italic; font-weight:bold; font-size:13px; padding-top:2px;}
.flagicon{width:79px; text-align:right; height:20px; float:left; margin:0 auto; background-image:url(../images/eng.jpg); background-repeat:no-repeat; font:arial; color:#000; font-style:italic; font-weight:bold; font-size:13px; padding-top:2px;}
.form-button{border-color: #bb89f7; background-color: #8a20fa; color: #fcfafa;}
.formbox {
    max-width:327px;
    height: 26px;
    float: right;
    margin-bottom: 12px;
    margin-top: 20px;
    width: 100%;
}
.formbox_two span, .formbox_two span a{ color:#fff; font-size:13px;}
span.forgetpass {
    float: right;
    margin-right: 0px;
	margin-top: 4px;
}
span.autosave {
    margin-top: 4px;
    float: left;
    font-size:12px;
	}


.formbox_two span a{ text-decoration:none;}
.formbox_two span a:hover{color:#f4eb01}
.autosave input[type="checkbox"] {
    margin-right: 7px;
    float: left;
    margin-top: 1px;
}
.form-indent{width:70px;; float:left; margin:0px 0 0 10px;}
.form-indent-name{font:bold 13px arial; color:#fff; font-style:italic; padding:8px 0;}
.text-area{width:100%; height:auto; float:left; border-color:#fff; border: 1px solid #fff; color:#243238; padding:5px 4px; font:normal 12px Arial; background-color:#ebd9fc;}

.login {
    width:90px;
    height: 32px;
    float: left;
    margin:  0 4px 0 0;
    background: none;
    border-radius: 4px 0 0 4px;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    text-transform: capitalize;
    color: #fff;
    position: relative;
    display: inline-block;
}
.register {
    width:106px;
    height: 32px;
    float: left;
    margin: 0 4px 0 0;
    background: none;
    border-radius:0;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    text-transform: capitalize;
    color: #fff;
    position: relative;
    display: inline-block;
}

/*.register::before, .login::before {
    display: block;
    clear: both;
    content: "";
    height: 26px;
    width: 26px;
    left: 5px;
    position: absolute;
    top: 3px;

}*/
/*.register::before{ background:url("../images/reg.png") no-repeat;}
.login::before {background:url("../images/login.png") no-repeat;}*/

.login.user_login::before {

    display: block;
    clear: both;
    content: "";
    height: 26px;
    width: 26px;
    left: 13px;
    position: absolute;
    top: 5px;

}
.login.user_login::before {background:url("../images/login.png") no-repeat;}
.login.user_login button {
    height: 30px;
    width: 100%;
    border: 0;
	background-image:url(../images/language-bg.jpg); background-repeat:repeat-x; /* background:none; */
    cursor: pointer;
    font-size: 12px;
    line-height: 30px;
    margin: 0;
    padding: 0 0 0 24px;
    color: #fff;
}
.register button, .login button {
    height: auto;
    width: 100%;
    border: 0;
    background: no-repeat;
    cursor: pointer;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    border: 1px solid #fff;
    margin: 0;
    padding: 0;
    vertical-align: top;
    padding: 3px 0 4px;

}
.register button {
    border-color: #fff;
    border: 1px solid #fff;
	color:#fff;
}
.formbox_two .login {
    float: right;
    margin: 0 0 0 8px;
    border-radius: 0;
	height:26px
}
.register button:hover, .login button:hover {
    background:#25333a;
}
.formbox_two .login:hover {
    background:#25333a;
}


.formbox_two {
    float: right;
    width: 100%;
    max-width: 503px;
	margin-right: 6px;
}
.user_wrp {
    display: inline-block;
}
.user_wrp label {
    float: left;
    font-size: 15px;
    text-transform: capitalize;
    color: #fff;
    line-height: 26px;
    margin-right: 5px;
    margin-left: 5px;
}
.user_wrp .text-area {
    width: 100px;
}

.btn-purple-light {
    background-color: #c19afe;
    border-color: #c19afe;
    color: #4b0897;
}
.btn-purple-light:hover { 
    background: #4b0897; 
    color: #c19afe;
}

.chk-remember, .chk-remember a {
	color: #FFF;
}

	
/******===========  COROUSEL  ==============*****/
.carousel .carousel-item {
    width: 100%;
    height: auto;
    background-size: cover;
    background-position: center;
}

.carousel .carousel-item:first-of-type {
    
}

.carousel .carousel-item:nth-of-type(2) {
    
}

.carousel .carousel-item:last-of-type {
    
}

.carousel .carousel-item img{width:100%;}

.carousel-control-prev-icon, .carousel-control-next-icon {
    width: 50px;
    height: 50px;
}

img {
    -webkit-backface-visibility: hidden;
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.prod-casino{}
.prod-casino img{width:100%; padding:5px; position:relative;}
.prod-casino-content{position:absolute; bottom:0px; left:5px;background:rgb(0,0,0,0.8); width:98%; padding:15px 0px 5px; margin:auto;}
.prod-casino-content p{color:#ffffff; text-align:center; font-size:1.5em; text-transform:uppercase;}

.home-prod{padding-bottom:70px; position: relative; overflow: hidden;}

/*-------------   login   -------------*/
.login100-form{margin-top:10px;}
.login100-form label{color:#ffffff; font-size:12px;}
.input100 {
    width: 60px;
    height: 5.5px;
    float: none;
    border-color: #fff;
    border: 1px solid #fff;
    color: #243238;
    padding: 9px 4px;
    font: bold 12px Arial !important;
    background-color: #ebd9fc;
    
}
.login100-form-btn{    
	background-color: #c19afe;
    border-color: #c19afe;
    color: #4b0897;
    font-size:12px;
    font-weight:bold;
    }
.menu_login_button {
    max-width: 420px;
    width: auto;
    height: 25px;
    font: normal 12px Arial;
    float: right;
}
#ckb1{font-weight:normal; font-size:11px;}
.contact100-form-checkbox a{color:#ffffff; font-size:12px; padding-left:30px; text-decoration:underline;}


/*================   CONTACTPAGE   ===============*/
#contactpage{text-align:center; color:#ffffff; font-weight:bold; padding:10px;}
.telegramcontact{    
		background-image: url(../imgs/icn-telegram-01.png);
    background-repeat: no-repeat;
    background-color: #0288FE;
    background-position-y: 10px;
    background-position-x: 20px;
    padding:10px 10px 2px;
    margin-bottom:10px;
    border-radius:25px;
    }
.whatsappcontact{
	  background-image: url(../imgs/icn-whatsapp-01.png);
    background-color: #28a71a;
    background-repeat: no-repeat;
    background-position-y: 10px;
    background-position-x: 20px;
   	padding:10px 10px 2px;
    margin-bottom:10px;
    border-radius:25px;
	}
.wechatcontact{
		background-image: url(../imgs/icn-wechat-01.png);
    background-repeat: no-repeat;
    background-position-x: 20px;
    background-color: #28a71a;
    background-position-y: 12px;
    padding:10px 10px 2px;
    margin-bottom:10px;
    border-radius:25px;
	}
	
.logo img {
    width: 31%;
    max-width: 150px;
    margin: auto;
    margin-left: 4%;
}	
	
.logo-in img {
    width: 50%;
    max-width: 250px;
    min-width: 120px;
    margin: auto;
    float:left;
    margin-left: 4%;
    margin-top: 4%;
    margin-bottom: 4%;
}	
	
	/* RESPONSIVE VIEW*/
@media all 
and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) 
and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) 
and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) 
and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) 
and (max-width: 1024px), only screen and (min-resolution: 192dpi) 
and (max-width: 1024px), only screen and (min-resolution: 2dppx) 
and (max-width: 1024px) {
	
.navbar-nav {margin: 0px;}	
.nav>li{width:19.5%;}
.nav>li>a{padding:10px 0px; font-size:10px;}	
.nav>li>a>img {height:33px;}	
	
.algoin_inner ul{padding:0px;}	
.algoin_inner li{display:block;}	
.text-area{    margin: 2px 2px 2px 0px;}	
	
.menu_login_button {
    max-width: 100%;
    width: 100%;
    margin-top: 3px;
    height: 25px;
    font: normal 12px Arial;
    float: left;
}	
	
	
.home-prod {
    padding-bottom: 17%;
}	

.logo{width:100%; text-align:center;}	
.logo img{width:45%; margin:auto;}	

.prod-casino{text-align:center;}	
.prod-casino .col-sm-4{width:45%; display:inline-block;  margin:5px 0px;}	
.prod-casino img{padding:0px;}	
.prod-casino-content{left:0px; width: 100%;}	
.prod-casino-content p{font-size:0.6em;}	


.footleft ul li{padding:3px 0px;}
.footercenter	{ padding: 18px 0px; font-size: 20px;}
	
	
	
	
	
	}
	
	
	
	
	@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
  	
  .logo img{width:45%; margin-top: 30px;	}
}
.log-ss img {
    width: 160px;
    border-radius: 4px;
}
.c_vx {
    display: flex;
    align-items: center;
    height: 100vh;
    color: #016928;
}
.log-ss {
    position: absolute;
    top: -27px;
}
.form-register {
	margin: 5px auto;
	max-width: 1000px;
	padding: 5px 10px 10px;
	background-color: #f8ddfe ;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
}

.form-signin {
    margin: 20px auto;
    width: 500px;
    padding: 44px;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    background: #fff;
    box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.15);
    border-radius: 5px;
    position: relative;
}
.form-signin .form-signin-heading, .form-signin .checkbox {
    line-height: normal;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 600;
    font-size: 21px;
    padding: 18px 0;
}

.marquee {
	margin-top: 5px;
	width: 100%;
}
.form-control {
    border: 1px solid rgb(188 188 188 / 44%);
    box-shadow: none;
    padding: 26px 15px;
    border-radius: 7px;
    font-size: 14px;
    margin-bottom: 11px;
}

.form-control:focus {
    border-color: rgb(38 160 84 / 55%);
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(38 160 84 / 0%);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(38 160 84 / 0%);
}
.runtext-container {
*background-color:#ccf;

min-width: 50px;
width: auto;
overflow-x: hidden;
overflow-y: visible;
margin: 0 0px 0 0px;
padding:0 3px 0 3px;
}
.main-runtext {margin: 0 auto;
overflow: hidden;
position: relative;
height: 40px;
}
.runtext-container .holder {
position: relative;
overflow: hidden;
display:inline;
}
.runtext-container .holder .text-container {
	display:inline;
}
.runtext-container .holder a{
	text-decoration: none;
	font-weight: bold;
	background-color:#e8e6e6;
	color:#ff0000;
	text-shadow:0 -1px 0 rgba(0,0,0,0.25);
	line-height: -0.5em;
	font-size:12px;
}
.runtext-container .holder a:hover{
	text-decoration: none;
	color:#6600ff;
}

.bodybox {
    width: auto;
    height: auto;
    float: none;
    padding: 20px 10px 20px 10px;
    display: block;
    margin: 0 auto;
    background-position:center;
        background: url(../imgs/bg.jpg) no-repeat center center fixed; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    margin-top: 0px;
}
.bodybox::after, .bodybox::before {
    display: block;
    clear: both;
    content: "";
}
.promotionbox{width:100%; height:auto; float:left; margin-bottom:20px; background-color:#FFF; border-bottom-left-radius:7px; border-bottom-right-radius:7px; border-top-left-radius:7px; border-top-right-radius:7px;}
.promotionbox1{width:100%; height:auto; float:left; margin-bottom:20px; background-color:#FFF; border-bottom-left-radius:7px; border-bottom-right-radius:7px; border-top-left-radius:7px; border-top-right-radius:7px;}

.deposittitle{width:auto; float:none; margin:0 auto; padding:0px; font-family:arial; font-size:18px; font-weight:bold; color:#fff; text-align:center;}

.onlinepaymenttitle{width:auto; float:none; margin:0 auto; padding:10px 10px 0 10px; font-family:arial; font-size:18px; font-weight:bold; color:#3d1267; text-align:center;}
.form-map{width:90%; float:left; margin:10px 30px 40px 10px;}

#slides {
    float: left;
    width: 100%;
    display: block;
}
.slider img{
width:100%;
height:auto;
}

#slides1 {
    float: left;
    width: 100%;
    display: block;
}
.slider1 img{
width:100%;
height:auto;
}

#slidecontrols li a {
    padding: 9px 5px;
}
#slidecontrols li {
    font-size: 14px;
}
#slidecontrols li {
    background: #3d1267;
    border: 1px solid #ffff;
    display: inline-block;
    border-radius: 6px 6px 0 0;
    font-size: 14px;
    text-transform: capitalize;
}
#slidecontrols li a {
    text-decoration: none;
    font-weight: bold;
    display: block;
    padding: 9px 20px;
	color:#fff;
}
#slidecontrols li a:hover {
    background: #fff;
    color: #3d1267;
}
#slidecontrols li.selected a{ background:#fff; color:#3d1267;}
#slides {
    float: left;
    width: 100%;
    display: block;
}
.slider img{
width:100%;
height:auto;
}
#slides .promotionbox{border-top-left-radius: 0px;}

/* Profile Page */
ul#slidecontrols1 li {
    background: #3d1267;
	border: 1px solid #ffff;
    display: inline-block;
    border-radius: 6px 6px 0 0;
	color:#fff;    
}
 ul#slidecontrols1 {
    background: #3d1267;
    padding: 18px 14px 0;
    margin: 0 010px;
    border-radius: 6px 6px 0 0;
	
} 
ul#slidecontrols1 li a {
    text-decoration: none;
    font-size: 14px;
	display: block;
	padding: 10px 5px;
	color: #fff;
}
ul#slidecontrols1 li a:hover {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
	background:#000;
}
ul#slidecontrols1 li.selected a{ background:#fff; color:#3d1267;}

/* Deposit Page */
.textboxblack{width:auto; height:auto; margin:5px 5px; float:left;}
.paymentbox{width:98%; height:auto; float:none; margin:5px auto; background-color:#3d1267; border-bottom-left-radius:7px; border-bottom-right-radius:7px; border-top-left-radius:7px; border-top-right-radius:7px;}
.paymentbox-1{width:98%; height:auto; float:none; margin:5px auto; background-color:#1f1f1f; border-top-left-radius:7px; border-top-right-radius:7px;}
.normaltext{width:auto; height:auto; float:left; font-family:arial; color:#fff; font-size:13px; font-weight:500; text-align:left;}
.normaltextr{width:auto; height:auto; float:right; margin-left:35px; font-family:arial; color:#fff; font-size:13px; font-weight:500; text-align:right;}
.bold{width:auto; line-height:30px; float:none; margin:10px; font-family:arial; font-size:18px; font-weight:bolder; color:#3d1267; text-align:center; border-color:#3d1267; border-style:solid;}
.form{width:100%; float:left;}
.dropdown-sm{width:134px; height:30px; float:left; border:1px solid #dcdcdc; background:#fff; padding-left:5px; font:normal 12px Arial; color:#a5a5a5; font-style:normal; drop-initial-size:auto;}
.indent{width:100%; float:left; margin-top:3px;}

.clear{clear:both;}
.left{float:left;}
.left3{float:none;}
.left1{float:left; margin-left:10px;}
.left2{float:left; margin:5px 0 0 10px;}
.right{float:right;}

/* Bonus */

.bonusbox{width:auto; height:auto; margin:20px 20px; float:left;}
.bonusleft-img{width:160px; height:101px; margin: 0 20px 20px 0; float:left; background-image:url(../imgs/welcome-bonus.jpg); background-repeat:no-repeat;}
.bonusleft-img1{width:160px; height:101px; margin: 0 20px 20px 0; float:left; background-image:url(../imgs/bonus-img.jpg); background-repeat:no-repeat;}
.bonusleft-img2{width:160px; height:101px; margin: 0 20px 20px 0; float:left; background-image:url(../imgs/referral-bonus.jpg); background-repeat:no-repeat;}
.bonus-righttext{ max-width:500px; width:100%; height:auto; float:right; margin-left:0 auto; font-family:arial; color:#fff; font-size:13px; font-weight:500; text-align:left;}
.bonus-righttext > span{font-weight:bold;}
.bonus-lefttext{ max-width:500px; width:100%; height:auto; float:left; margin-left:0 auto; font-family:arial; color:#fff; font-size:13px; font-weight:500; text-align:left;}
.bonus-lefttext > span{font-weight:bold;}

.info_outer {
   display: block;
   float: left;
   padding: 0;
   width: 100%;
}

.info{
    background:url(../imgs/more_info.png) no-repeat;
    border: 0 none;
    float:left;
    height: 32px;
    margin:3px 10px 0 0;
    width: 121px;
}

#pro_popup {
    display: none;
    height: auto;
    max-width: 500px;
    padding: 20px 20px 20px 0;
    position: relative;
    width: 100%;
    float:left;
}

#pro_popup h2 {
    color: #fac62f;
    font-size: 22px;
    font-family:Verdana;
    font-weight: bold;
}

#pro_popup p {
    color: #fff;
    font-family:Verdana;
    font-size: 14px;
    font-weight: normal;
}

#pro_popup h3 {
    color: #fff;
    font-family:Verdana;
    font-size: 14px;
    font-weight:bold;
    margin: 26px 0 17px;
    padding: 0;
}

.popup_inner {
    display: block;
    float: right;
    height: auto;
    padding-right: 0;
    width: 100%;
}

.myreport {
    margin: 10px 20px 10px 20px;
}

.table-trx {
    table-layout: fixed;
    width: 100%;
}

.table-bonus {
    width: 100%;
}

.totalwidth {
    width: 100%;
}

.topmenu-width {
    width: 50%;
}

.table-header {
  border-collapse: collapse;
  width: 100%;
}

.table-left {
  text-align: left;
}

.table-right {
  text-align: left;
}

.table-info {
  border-collapse: collapse;
  width: 95%;
}

.table-info-sub {
  text-align: left;
  width: 45%;
  font-family:arial; color:#fff; font-size:13px; font-weight:500;
  background-color:#3d1267;
}

.form-kiss{display:block;width:100%;height:calc(2.25rem + 2px);padding:.375rem .75rem;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media screen and (prefers-reduced-motion:reduce){.form-kiss{transition:none}}.form-kiss::-ms-expand{background-color:transparent;border:0}.form-kiss:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-kiss::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-kiss::-moz-placeholder{color:#6c757d;opacity:1}.form-kiss:-ms-input-placeholder{color:#6c757d;opacity:1}.form-kiss::-ms-input-placeholder{color:#6c757d;opacity:1}.form-kiss::placeholder{color:#6c757d;opacity:1}

.vmmm.btn-block.btn-kiss {
    background-color: rgb(38 160 84);
    border: 0;
    color: #fff;
    padding: 16px;
    border-radius: 7px;
    font-size: 16px;
    font-family: 'Plus Jakarta Sans';
    transition: 0.3s;
}
.vmmm.btn-block.btn-kiss:hover {
    transition: 0.3s;
    background-color: #016928;
}