@charset "utf-8";


/*---- For replce boostrap pre-set ---*/
ul,ol,li  {padding:0px 0px 0px 0px;  margin:0px 0px 0px 0px;}
ximg {  display: block;width: 100% \9;max-width: 100%; height: auto;}
a , a:hover{ text-decoration:none;}
span { display:inline-block;}
.clear { clear:both;}
.Zero { padding:0px; margin:0px;}
.bold { font-weight:bold;}
.ftoLeft { float:left;}
.ftoRight { float:right;}
.marginAuto { margin:0 auto;}
.uppercase {text-transform: uppercase;}
.positionR { position:relative;}
/*-----------------------------------------------*/

.form-control::-webkit-input-placeholder { color:#787878; }
.form-control:-moz-placeholder { color:#787878; }
.form-control::-moz-placeholder { color:#787878; }
.form-control:-ms-input-placeholder { color:#787878; }

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    cursor: not-allowed;
    background: #4f525c; color: #ff0000 !important;
    opacity: 1; border:1px solid #000;
}


@media(max-width:1051px) {
	body {display:inline-block;}
}

/*--------------Mobile box  LEft Right Floating --------------*/
.mobileBox {      border:1px solid #797979;
				  width: 140px;
				  min-height: 58px; 
			      margin-bottom: 6px;padding-top: 7px;
				  -webkit-border-radius: 5px 5px 5px 5px;
				  border-radius: 5px 5px 5px 5px;
			      font-family: 'Abel', sans-serif;
									  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#54aee4+0,54aee4+50,2889d9+53,2889d9+100 */
				background: rgb(84,174,228); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU0YWVlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzU0YWVlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUzJSIgc3RvcC1jb2xvcj0iIzI4ODlkOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyODg5ZDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgb(84,174,228) 0%, rgb(84,174,228) 50%, rgb(40,137,217) 53%, rgb(40,137,217) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(84,174,228)), color-stop(50%,rgb(84,174,228)), color-stop(53%,rgb(40,137,217)), color-stop(100%,rgb(40,137,217))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(84,174,228) 0%,rgb(84,174,228) 50%,rgb(40,137,217) 53%,rgb(40,137,217) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(84,174,228) 0%,rgb(84,174,228) 50%,rgb(40,137,217) 53%,rgb(40,137,217) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(84,174,228) 0%,rgb(84,174,228) 50%,rgb(40,137,217) 53%,rgb(40,137,217) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgb(84,174,228) 0%,rgb(84,174,228) 50%,rgb(40,137,217) 53%,rgb(40,137,217) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54aee4', endColorstr='#2889d9',GradientType=0 ); /* IE6-8 */
}
.mobileBox h4 { font-size:18px; margin:0px; padding:0px;text-shadow: 0px 1px 1px #0055a5;text-align: center;}
.mobileBox p { font-size:12px;text-shadow: 0px 1px 1px #004177;}

.mobileBox:hover {opacity:0.8;}


/*---- for qrcode only ----*/
.qrbox {width:219px; height:239px; position:relative; float:left; margin-right:60px;}
.qrbox_bg {position:absolute; z-index:1;}
.qrbox_qrcode {position:absolute; z-index:1; right:35px; top:30px;}
.qrbox_title1 {position:absolute; z-index:200; font-size:15px; bottom:65px; left:50px; color:#FFF}
.qrbox_title2 {position:absolute; z-index:200; font-size:15px; bottom:65px; left:60px;color:#FFF}
.qrbox_title3 {position:absolute; z-index:200; font-size:15px; bottom:65px; left:60px;color:#FFF}

.qrbox_android {position:absolute; z-index:200; font-size:13px;bottom:20px; left:40px;
background:#006cc0; padding:5px 12px; xborder:3px solid #fff;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
.qrbox_android  a {color:#fff}
.qrbox_pc{position:absolute; z-index:200; font-size:13px;bottom:20px; left:40px;
background:url(../images/common/bg_png.png) repeat-x; padding:5px 18px; border:3px solid #fff;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;

 }
.qrbox_pc a {color:#fff}
.qrbox_iso{position:absolute; z-index:200; font-size:13px;bottom:20px; left:63px; 
background:url(../images/common/bg_png.png) repeat-x; padding:5px 7px; border:3px solid #fff;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
.qrbox_iso a {color:#fff}





/*--------------end Mobile box --------------*/


body { font-family: 'Abel', sans-serif; background:#1d1919 }

.downloadM { position:fixed; top:200px; left:0px; z-index:500000;}

.headerWrapper { width:100%; height:102px;background:#000000;}
	 .header { width:1038px; margin:0 auto;height:102px;  padding-top:6px;}
	
	 .headerLeft { width:338px; float:left; text-align:left; xheight:87px; padding-top:0px;}
	 .headerLeft img { width:250px;}
	 .headerRight { width:700px; float:left;}
	 .headerRight1 { height:35px; text-align:right; width:700px;color:#fff; }
	 	 .headerRight1 a { color:#FFF;} .headerRight1 a:hover{color:#31b1f8;}
	 .headerRight2 { height:30px; width:700px; color:#000; margin-top:5px; }
	 .headerRight2 a { color:#000;} .headerRight2 a:hover { color:#a9a9a9;}
	 
	 .announcement { width:83%; background-color:#26272b; padding:0 5px;
	                 -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; color:#FFF;} 
	  .headerRight3 {  text-align:right; width:500px; padding-top:0px;color:#000;}
	 
	 
	 
	 .textinput {
		background: #fff;
		border: 1px solid #516997;
		font-size: 11px;
		padding: 2px 0px;
		margin: 0px 3px 0 0px; font-size:13px;
	}
	 .dropdown-menu {  background-color:#999; }
	 .dropdown-menu li {xwidth:70px;}
	 .dropdown { float:right;}
	 
	 .h_text{ color:#535353; margin-top:3px;}
	 .h_text span { padding-top:1px;}
	 .h_text a {color:#535353;}
	 
	 

/*************** MENU *****************************/

.menuWrapper.affix {
    position: fixed;
    top: 0;
    width: 100%;
    z-index:10;
}

.menuWrapper {width:100%; height:43px;font-weight:400; 
			font-family: 'Ropa Sans', sans-serif;
			  background:#006cc0;
			  }
	.menupart { width:1219px; margin:0 auto;height:43px;


	}
	
	.menupart > ul > li {
	display: inline-block; 
		}
	.menupart > ul > li > a {
		xfont-weight: 700;text-transform: uppercase;
		padding: 12px 12px 7px 12px; 
		color: #fff;  font-size:15px;
		display: inline-block;
    	margin-right: 10px;
	}
	.menupart > ul > li > a img{
		margin-right: 5px;
	}
	.menupart > ul > li > a:hover {
	    color:#FFF; text-decoration:none;
		background-color:#2f91dc; 
		}
	
	.menupart> ul > li > .icon {padding:8px 5px 3px 5px;    margin-right: 0px;}
	

	.subPlaynow {
	height:30px; text-decoration:none;font-size:14px; 
	background:#006cc0; width:100%; color:#FFF; padding-top:5px;
	font-family: 'Source Sans Pro', sans-serif;
	border:1px solid #0162ae;
		}

	.subPlaynow:hover  {
	opacity: 1;text-decoration:none; background-color:#0064b1;
	-webkit-transition: opacity 0.25s, -webkit-transform 0.25s;
	transition: opacity 0.25s, transform 0.25s;
	
	}


/*---------- BANNER ------------*/	
.bannerWrapper {width:100%;}	
	.banner { width:1035px; margin:0 auto;
			  padding:5px 0 5px 0;height:315px;background:#1d1919;}
	.bannercontent { float:left; }	
	
	.stepWrapper { width:1242px; margin:0 auto; color:#FFF; }
		.stepDiv{ width:1242px; position:relative;}	
		.stepDiv h3  { font-size:28px; }
			.step1 { width:368px; height:138px; position:absolute; top:-138px; left:0px; background:url(../images/en/step1.png) no-repeat; 
					 color:#FFF;} 
			.step1:hover { background:url(../images/en/step1-rollover.png) no-repeat;}		
			
			.step2 { width:259px; height:138px; position:absolute; top:-138px;left:355px; background:url(../images/en/step2.png) no-repeat; 
					 color:#FFF;}  
			.step2:hover {  background:url(../images/en/step2-rollover.png) no-repeat;} 
			
			.step3 { width:257px; height:138px; position:absolute; top:-138px;left:605px; background:url(../images/en/step3.png) no-repeat; 
					 color:#FFF;}  
			.step3:hover {  background:url(../images/en/step3-rollover.png) no-repeat;}  
			
			.step4 { width:358px; height:138px; position:absolute; top:-138px; left:855px; background:url(../images/en/step4.png) no-repeat; 
					 color:#FFF;} 
			.step4:hover { background:url(../images/en/step4-rollover.png) no-repeat;}		 
			  
/*---------- Center Wrapper  ------------*/
.centerWrapper {width:100%; background:#1d1919}
.centerCWrapper {width:100%; background:#303030}
	.centerpart { width:1024px; margin:0 auto 1px auto; padding:0px 0; }
	.centerpartSlot {width:1200px; margin:0 auto 1px auto; padding:0px 0;}
	
	.centerTittleArea { 
		width: 96%;
	    margin: 0 auto;
	    height: 60px;
	    position: relative;
	    justify-content: center;
	    display: flex;
	}
	.centerTittle { width:420px; color:#00cbff; font-size:25px; top:-20px; text-align:center; 
					font-weight:700; position:absolute; background-color:#1d1919}
	.centerSubcontent { color:#FFF;position:absolute;top:15px;}				
	
	/*---- Categories box ----*/
	.categories1{ border:2px solid #39393d; width:246px; background-color:#222223; }
	.categories1:hover {background-color:#2b2b2c;}
	.categoriesDIV { width:94%; margin:0 auto}
	.categories1 .title {color:#00cbff;font-size:20px; border-bottom:1px solid #39393d;}
	.categories1 p {color:#b0b0b0;font-size:13px; line-height:16px; padding-top:10px;}
	.categories1PLAY { font-size:16px !important; color:#FFF !important;}
	.categories1 i {color:#00cbff; padding-right:10px;}
	
	
	/*--------  home Jackpot Area ------*/
	.jackpotWrapper {width:100%; background:#1e1f23; height:400px; clear:both; color:#FFF; }
		.jackpotTittleArea { 
			width: 96%;
		    margin: 0 auto;
		    height: 60px;
		    position: relative;
		    margin-top: 20px;
		    background-color: #1e1f23;
		    justify-content: center;
		    display: flex;
		}
		.jackpotTittle { width:350px; color:#00cbff; font-size:25px; top:-20px;  text-align:center; 
						font-weight:700; position:absolute;background-color:#1e1f23;}
		.jackpotSubcontent {color:#FFF;position:absolute;top:15px;}	
		.jackpot { padding-top:15px; position:relative;}
		.jackpot h4 { font-size:22px;color:#00cbff;}
		.jackpot p { width:430px; font-size:15px; line-height:20px; z-index:10000;}
	
	/*-------  Slot -------*/
		.suitepart { height:40px; text-align:center; color:#31b1f8;font-size:25px; 
					 font-weight:700; padding-top:5px;}	
		.suitedesc { text-align:center; color:#FFF;}
		
		
	/*-----  Poker --------*/		
		.centerPokerWrapper {width:100%; background:#1d1919 top center url(../images/en/pokerbg.jpg) no-repeat; height:596px;}
		.pokerbtt  { font-family: 'Abel', sans-serif;
					padding:8px 0px; height:40px;
					font-size:17px; font-weight:bold; 
					width:220px !important; color:#fff;
					background:#006cc0; text-align:center
				
					}
		
	/*-----  sport --------*/		
		.centerSportWrapper {width:100%; background:#1d1919 top center url(../images/en/sportbg.jpg) no-repeat; min-height:743px;}
			.sportProduct{  
				padding: 20px;
			    background-color: rgba(0, 0, 0, 0.8);
			    text-align: center;
			}
			.sportProduct h4{color:#00cbff; font-size:28px; padding-top:10px; font-weight: 700;}
			.sportProduct p {color:#FFF;}
	
	/*---- Normal Font -----*/
		.centerContent { width:1024px; margin:20px auto 20px auto;  border:1px solid #4d4f56; padding:10px; color:#FFF;}	
		.centerContent h1 { font-size:32px;color:#31b1f8}
		.titleContent{width:1024px; margin:20px auto; position:relative;}
		.titleContent span { margin-right:20px;} 
		.titleContent a{ color:#FFF; font-size:20px;}
		.onPage a {color:#31b1f8 !important; font-weight:700;}
		.shape {font-size:45px;color:#31b1f8;position:absolute;}
		.tnc-content li{ padding-bottom:10px;}
		
		.mobileTitle { text-align:center; color:#31b1f8;font-size:25px; 
					 font-weight:700; padding-top:5px; text-align:left}
		.mobileTitle2 {color:#31b1f8; font-size:35px; border-bottom:#31b1f8 1px solid; width:97%; margin-bottom:10px;}			 
		
/*-------------- Game page -----------------*/
.centerGamepart { width:1024px; margin:0 auto ;text-align:center;background-color:rgba(0, 0, 0, 0.5); padding:30px 0; clear:both;}
.categorybar {width:1024px; margin:0 auto ; }
.categorybar div {  background-color:rgba(0, 0, 0, 0.5);height:36px;font-size:18px; 
				    width:120px; text-align:center; padding-top:5px; float:left; margin-right:3px; }
.categorybar div a { color:#FFF;}	
.categorybar div a:hover { color:#006cc0;}
.categorybar div:hover { background-color:rgba(0, 0, 0, 0.2)}


	.Ptgame { width:142px; height:258px; border:1px #676666 solid; padding:3px; margin-bottom:10px;}
	.Ptgame .gameName { background:#0e263e; color:#FFF; text-align:center; font-size:12px; height:25px; padding-top:2px;width:100%px;}	
	.Ptgame .funplay {background:#0170c7; color:#FFF; text-align:center; font-size:12px; height:25px; width:50%; padding-top:2px;}
		.Ptgame .funplay:hover {background:#0375cd}
	.Ptgame .realplay {background:#073d7f ; color:#FFF; text-align:center; font-size:12px; height:25px;width:50%; padding-top:2px;}
		.Ptgame .realplay:hover {background:#0d4b98}	
		
		
	.Gpgame { width:154px; height:246px; border:1px #676666 solid; padding:3px; margin-bottom:10px;}
	.Gpgame .gameName { background:#0e263e; color:#FFF; text-align:center; font-size:12px; height:25px; padding-top:2px;width:100%;}	
	.Gpgame .funplay {background:#0170c7; color:#FFF; text-align:center; font-size:12px; height:25px; width:50%; padding-top:2px;}
		.Gpgame .funplay:hover {background:#0375cd}
	.Gpgame .realplay {background:#073d7f ; color:#FFF; text-align:center; font-size:12px; height:25px;width:50%; padding-top:2px;}
		.Gpgame .realplay:hover {background:#0d4b98}
		
	.intgame { width:408px; height:378px; border:1px #676666 solid; padding:3px; margin-bottom:20px;}
	.intgame .gameName { background:#0e263e; color:#FFF; text-align:center; font-size:15px; height:35px; padding-top:8px;width:100%;}	
	.intgame .funplay {background:#0170c7; color:#FFF; text-align:center; font-size:15px; height:35px; width:50%; padding-top:8px;}
		.intgame .funplay:hover {background:#0375cd}
	.intgame .realplay {background:#073d7f ; color:#FFF; text-align:center; font-size:15px; height:35px;width:50%; padding-top:8px;}
		.intgame .realplay:hover {background:#0d4b98}		
		
	
	.Qtgame { width:208px; height:208px; border:1px #676666 solid; padding:3px; margin-bottom:20px;}
	.Qtgame .gameName { background:#0e263e; color:#FFF; text-align:center; font-size:12px; height:25px; padding-top:2px;width:100%;}	
	.Qtgame .funplay {background:#0170c7; color:#FFF; text-align:center; font-size:12px; height:25px; width:50%; padding-top:2px;}
		.Qtgame .funplay:hover {background:#0375cd}
	.Qtgame .realplay {background:#073d7f ; color:#FFF; text-align:center; font-size:12px; height:25px;width:50%; padding-top:2px;}
		.Qtgame .realplay:hover {background:#0d4b98}
		
		
		
	.mobileBG { background:url(../images/en/b_mobilebg.jpg) center top no-repeat; height:234px;}	
	.ptbg { background:url(../images/en/b_playtech.jpg) center top no-repeat; height:234px;}
	.GPbg { background:url(../images/en/b_gameplay.jpg) center top no-repeat; height:234px;}
	.agbg { background:url(../images/en/b_ag.jpg) center top no-repeat; height:234px;}	
	.abbg { background:url(../images/en/b_allbet.jpg) center top no-repeat; height:234px;}
	.spadebg { background:url(../images/en/b_sapdegaming.jpg) center top no-repeat; height:234px;}
	.scrbg { background:url(../images/en/b_scr.jpg) center top no-repeat; height:234px;}
	.s1sbg { background:url(../images/en/b_1sgame.jpg) center top no-repeat; height:234px;}
	
		
/*---------- bottom Wrapper  ------------*/
.bottomWrapper {width:100%; background:#0c0c0c; clear:both; float:left}
	.bottom { color:#FFF; padding:15px 0; }
	.bottom a { color:#FFF; padding-right:5px;}		
	.bottom a:hover { text-decoration:underline;}
	.fourCol { color:#FFF !important; font-size:13px; padding-top:20px;}
	.fourCol h4 { font-size:14px;}
	.fourCol a { color:#FFF;}
	.fourCol a:hover { text-decoration:underline;}
	
	.desc { clear:both;border:1px dotted #b5b4b4; border-right:none;border-left:none; 
			min-height:440px; width:100%; padding:10px 0; }
	.descSEO { width:50%; float:left;}
	.descSEO h4 { font-weight:700; font-size:16px;}
	
/*--- info center box ----*/
.infoBox { background:#c8c8c8 url(../images/common/infopart.jpg) no-repeat ; float:left; padding:10px; padding-top:0px; color:#000;
 text-shadow: 0px 1px 1px #F2F1F0; width:1016px; margin:0 auto; 
}
.infoBox p { font-size:13px;font-family: Tahoma,Arial, Helvetica, sans-serif;}
.infoBox a { color:#FFF;}
.infoBox img { border:3px solid #323232;}
.infoBox img:hover { border:3px solid #0e4b75;}
.infoBox ul { margin-bottom:10px;}
.infoBox ul li { display:inline; margin-right:3px; }
.infoBox h1 { color:#0d0d0d; font-size:25px; font-weight:bold; text-shadow: 0px 1px 1px #F2F1F0;}
.infoBox .slidebox { width:319px; height:263px; background-color:#009966; float:left;border:3px solid #323232;margin-right:15px;}

	/*-------------- PLAY BUTTON ----------------------------*/
	.plybtt {
	z-index:1000; color:#FFFFFF; font-size:17px;
    text-align:center; width:118px; height:35px;  padding-top:7px; 
	}
	
	.plybtt2 {
	z-index:1000; font-size:18px;
	border:3px solid #175f99; text-align:center; width:150px; height:45px; font-weight:700; padding-top:8px;
	}


	.boxbutton { background:url(../images/common/boxbutton.jpg) repeat-x; 
			     text-align:center; text-shadow: 1px 1px 1px #020202; text-align:center; 
				 font-size:25px; height:48px;width:335px; padding-top:4px;
				 font-family: 'Lato', sans-serif;
				 }
	.boxbutton2 { 
			     text-align:center; text-shadow: 1px 1px 1px #020202; text-align:center; 
				 font-size:25px; height:48px;width:335px; padding-top:4px;
				 font-family: 'Lato', sans-serif;
				 }





		
/*-------------- MOBILE  QRcode  MOBILE PAGE  --------------------------*/
.mobileTitle { xcolor:#FFF; font-size:17px; padding-left:30px;}
.mobile_banner { background:url(../images/common/mobilebanner.jpg) center no-repeat; 
				height:295px; width:1036px;}

.mobileQRcode { width:321px; height:221px; float:left; color:#FFFFFF; font-size:17px; 
			    position:relative; margin-right:18px; margin-bottom:10px;
				text-shadow: 0px 1px 1px #020202;
				
				}
.mobileQRcode .bgimg { z-index:-1;}	
.mobileQRcode .qr {
	z-index:1;
	position:absolute;
	width:85px; height:85px;
	left: 20px;
	top: 28px;
}		
.mobileQRcode a { color:#FFFFFF;}	
.mobileQRcode i { font-size:20px;}

.mobileTable { background-color:#FFFFFF; margin:20px 0 0 30px;
			    border:1px solid #9f9f9f; width:45%;
				-webkit-border-radius: 8px 8px 8px 8px;
				border-radius: 8px 8px 8px 8px;
				

			}
.mobileTable td {padding:0 10px;}
.setPosition { width:180px; height:178px; position:relative;}
.setPosition2 { width:180px; height:178px; position:relative;}
.setButton { 
 color:#fff; width:200px; margin-top:10px; position:absolute; left:5px; font-size:15px;
    background:#006cc0;
    padding: 5px 7px;
  
}

/*--------------- Promotions -----------------*/
.titlebar {background-color:#1f1f1f; margin-bottom:10px; height:35px;
			padding:5px 0 0 5px; color:#000; border:1px solid #1d1d1d; width:1025px;}
.titlebar a { color:#FFF}			
.moreinfo {
	float: right;
    padding-right: 10px;
    background: #00b9e9;
    padding: 0 10px;
    color: #000;
    margin-right: 5px;
}
.moreinfo:hover {background:#0c8ef2; }
/*------- FORM or TABLE --------------*/
.textfield1 { background:#393939; border:1px solid #5e5e5e; font-size:14px; color:#fff !important}
.textfield2 { background:#262626; border:1px solid #5e5e5e; font-size:14px; color:#e0e0e0}
.textfieldAfter {background:#ff0000; color:#000 !important;}

.forTable { background:rgba(238,238,238,0); }
.forTable td { border-collapse:collapse; border:1px solid #474848; 
		       line-height:30px; padding-left:5px; color:#fff;border-top:1px solid #474848 !important;}
			   
.forTable2 { background:rgba(33,27,20,0.5);}
.forTable2 td { border-collapse:collapse; border:1px solid #dbc481; 
		       line-height:20px; padding-left:5px; height:25px;}
	
.forTable3 { background:rgba(33,27,20,0.5);border:1px solid #dbc481;}	
.forTable3 td  { padding-left:5px;  font-family: 'Roboto', sans-serif; font-size:17px; font-weight:bold}	
.forTable3 .topcontent {border-bottom:1px solid #dbc481; width:90%;}

.forTable4 { background:#070a0f;}
.forTable4 td { border-collapse:collapse; border:1px solid #445067; 
		       line-height:20px; padding-left:5px; text-align:center;}

.forRegister { xbackground:rgba(239,239,239,1);}
.forRegister td { border-collapse:collapse; xborder:1px solid #cccccc; 
		      height:45px; padding-left:5px;}

			   
.tr1 { background:rgba(221,221,221,0.1);}
.tr2 { background:#e6e6e6; color:#FFF;}
.forUL { padding-left:30px;}

.forText2 { color:#F00;}

/*-------------- BUTTON ---------------------------*/
.joinnow {
	padding:2px 22px 0 22px; height:28px;
	font-size:17px; font-weight:bold;
	background-color:#b0b0b0; min-width:110px; color:#006cc0;
	}	
.joinnow:hover {background-color:#9e9e9e;}	

.loginbtt  { font-family: 'Abel', sans-serif;
	padding:3px 0px; height:30px;
	font-size:17px; font-weight:bold; 
	width:130px !important; color:#fff;
	background:#006cc0; text-align:center

	}

.actionbtt { font-family: 'Abel', sans-serif;
	padding:5px 20px; height:30px;
	font-size:17px; font-weight:bold; 
	 color:#fff;
	background:#006cc0; text-align:center

	}
	
	
		
.loginbtt:hover , .joinnow:hover,.actionbtt:hover {
	opacity: 0.7;
	-webkit-transition: opacity 0.25s, -webkit-transform 0.25s;
	transition: opacity 0.25s, transform 0.25s;
	}
	
	
	
/*-------------- pop up Register / forgot password -------- */
.popRegister {
	height:60px; position:absolute; bottom:0px; left:0px;width:100%; border-top:1px solid #000;
	text-align:center; color:#000; padding-top:20px; font-size:20px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dddddd+0,8f8f8f+32,dddddd+69,eff5f2+100 */
background: rgb(221,221,221); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iIzhmOGY4ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY5JSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmY1ZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgb(221,221,221) 0%, rgb(143,143,143) 32%, rgb(221,221,221) 69%, rgb(239,245,242) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgb(221,221,221) 0%,rgb(143,143,143) 32%,rgb(221,221,221) 69%,rgb(239,245,242) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgb(221,221,221) 0%,rgb(143,143,143) 32%,rgb(221,221,221) 69%,rgb(239,245,242) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#eff5f2',GradientType=0 ); /* IE6-8 */
	
	
	}	
	
/*------------- replace  MODAL bootstrap ------------*/

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0; color:#fff;
}

.close {
    float: right;
    font-size: 31px;
    font-weight: bold;
    line-height: 1;
    color: #831315;
    text-shadow: 0 1px 0 #000;
    filter: alpha(opacity=20);
    opacity: .9;
}
.close:hover {  text-shadow: 0 1px 0 #fff;}


.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 15%;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0; 
  
  	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}
.modal.fade .modal-dialog {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	-moz-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	-ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	transform-origin: 0 100%;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.modal.in .modal-dialog {
	-webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg);
	-moz-transform: translateZ(0px) translateX(0%) rotateY(0deg);
	-ms-transform: translateZ(0px) translateX(0%) rotateY(0deg);
	transform: translateZ(0px) translateX(0%) rotateY(0deg);
	opacity: 1;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #393939;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
		  color:#a2a2a2;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .8;
}
.modal-header {
  min-height: 16.42857143px;
  padding: 15px;
  border-bottom:none; background:url(../images/common/pop_divide.png) no-repeat;
}

.modal-header2 {
  min-height: 16.42857143px;
  padding: 7px 15px;
  border-bottom: 1px solid #797979;
}
.modal-header .close {
  margin-top: -2px; font-size:40px;
}
.modal-title {
	padding:0 0 0 10px; height:60px;

}
.modal-title2{
	padding:0 0 0 10px; height:20px; color:#fff;

}
.modal-title .logo {
	padding:16px 0 0 150px; height:33px;

}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}



.modalP {
  position: fixed;
  top:0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;  margin:0 auto;
      overflow-y: scroll;

}


.modal-dialogP {
  position: relative;
  max-width:960px; height:auto;
  margin: 0px auto ; margin-top:5%;
  xoverflow-y: initial !important
}


.modal-contentP {
font-size:14px;
  position: relative;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
	background:#1e1f23;
	opacity: 1;
  border-radius: 6px; 
  outline: 0; xoverflow-y:scroll;overflow-x:hidden;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
		  padding-bottom:10px;
}
.modal-headerP {
	height:49px; position:absolute; right:0; top:0px; z-index:1500;
}

.modal-headerP img { opacity:1;}
.modal-headerP .close {
 opacity:1; width:50px; height:49px; 
}


.modalP.fade .modal-dialogP {
  -webkit-transition: -webkit-transform .4s ease-out;
       -o-transition:      -o-transform .4s ease-out;
          transition:         transform .4s ease-out;
  -webkit-transform: translate3d(0, -15%, 0);
       -o-transform: translate3d(0, -15%, 0);
          transform: translate3d(0, -15%, 0);
}
.modalP.in .modal-dialogP {
  -webkit-transform: translate3d(0, 0, 0);
       -o-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.modal-bodyP {
  position: relative;
  xpadding: 15px; xbackground:#000; xheight:350px; color:#fff;  xoverflow-y: auto;
}
.modal-bodyP h1 {  color:#fff; font-weight:700; font-size:30px;}
.modal-bodyP i{ font-size:18px; text-decoration:underline; }
.modal-bodyP h3 { font-size:18px; text-decoration:underline;color:#535353;}
.modal-bodyP ul { margin-left:20px; font-size:13px;color:#fff; line-height:20px;}
.modal-bodyP .promocontent { padding:0px 15px;}
.modal-bodyP .promocontent p { padding:0px !important; font-size:18px;}
.accordion-heading { background:#141c28; }
.accordion-heading:active { background:#1a293f;}
.accordion-heading h1 { padding:8px; }
.accordion-inner {background:#070a0f; padding:10px;}
.modal-bodyP ul , .modal-bodyP p { padding-left:30px !important;}


/****************************
****** After Login CSS ******
****************************/

.forAfter {float:left; background-color:rgba(201, 201, 201,1.0); width:100%; padding-bottom:15px;    }



.af-left {
	padding-left: 0;
}
.af-right {
	padding-right: 0;
}
.tab-content > .tab-pane {
	padding: 1.6rem;
	overflow-y: auto;
	border: 1px solid #a09c9c;
	background-color:rgba(173, 173, 173, 0.3); xcolor:#FFF;
}
.nav-tabs {
	float: left;
}
.nav-tabs li {
	float: none;
}
.nav-tabs > li {
	border-top: 1px solid #1d1d1d;
	border-left: 1px solid #1d1d1d;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	cursor: default;
	border: 1px solid transparent;
	xborder-bottom: 1px solid #ff0000;
	z-index: 0;
	color:#000;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dddddd+0,8f8f8f+32,dddddd+69,eff5f2+100 */
background: rgb(221,221,221); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iIzhmOGY4ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY5JSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmY1ZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgb(221,221,221) 0%, rgb(143,143,143) 32%, rgb(221,221,221) 69%, rgb(239,245,242) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgb(221,221,221) 0%,rgb(143,143,143) 32%,rgb(221,221,221) 69%,rgb(239,245,242) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgb(221,221,221) 0%,rgb(143,143,143) 32%,rgb(221,221,221) 69%,rgb(239,245,242) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#eff5f2',GradientType=0 ); /* IE6-8 */
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover {
	margin-right: -1px;
}
.nav-tabs {
	border-bottom: 1px solid #1d1d1d !important;
}
.nav > li > a {
	color: #fff;
	font-size: larger;
	background: #373636;
}
.nav > li > a:hover, .nav > li > a:focus {
	text-decoration: none;
	color: #fff;
	background:#242424;
}

.pillActive {background:#dadada !important; color:#000!important}
.table2 {
	border-spacing: 0;
	border-collapse: collapse;
	border-bottom: 1px solid #1d1d1d;
	border-left: 1px solid #1d1d1d;
	border-right: 1px solid #1d1d1d;
	background:#373636; color:#FFF
}

.table2 td {border-top: 1px solid #1d1d1d !important;}
.currentBalance {background:#6b6b71; color:#FFFFFF;}



.table {
	margin-bottom: 0px;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	font-weight: 400;
	
}
.color-b {
	color: #000;
}
.nav-tabs > li > a {
	margin-right: 0px;
	line-height: 1.42857143;
	border: 1px solid transparent;
	border-radius: 0px 0px 0 0;
}
.nav-tabs > li > a:hover {
	border-color: transparent;
}
.btnaf-joinnow {
	height: 49px;
	background: #4e95bf;
	font-size: 15px;
	font-weight: bold;
	border: none;
	border-radius: 4px;
	color: #FFF;
	padding: 6px 20px;
}
.btnaf-joinnow:hover {
	text-decoration: none;
	color: #F00;
}

/*-----------  Balance Part --------------------*/
.fa-balance {
	font-size: 15px;
}
.dropdown button > .fa {
	float: left;
	padding-top: 2px;
}
.btn_balance, .btn_balance:hover {
	border-radius: 4px; 
	padding: 5px 5px 5px 15px;
	background: #006cc0;
	border: 1px solid #000;
	width: 250px;
	text-align: right;
	font-size: 15px; color:#fff;
}
.caret {
	margin-left: 5px;
}
.dropdown-menu {
	padding: 2px 5px;
	background: #1f1f1f;
	border: 2px solid #323232;
	border-radius: 4px;
	width: 250px; 
}
.dropdown-menu > li > div > span > a {
	display: inline;
	color: #333;
}
.dropdown-menu > li > div > div.suite {
	width: 100px;
	float: left;
	padding: 3px 0px;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: 400;
}
.dropdown-menu > li > div > div.remaining {
	float: right;
	padding: 3px 0px;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: 400;
}
/*-----------  end Balance Part --------------------*/
/*------ progress bar ------*/

.progressbar {width:100%;height:15px;background-color:#f3f3f3; margin:0;clear: both;border-radius:3px;}
.deposit {background: #785e2b; height:15px;width:0%;max-width:100%;float:left;-webkit-animation: deposit 2s 1 forwards;-moz-animation: deposit 2s 1 forwards;-ms-animation: deposit 2s 1 forwards;animation: deposit 2s 1 forwards;}
.withdraw {background: #785e2b; height:15px;width:0%;max-width:100%;float:left;-webkit-animation: withdraw 2s 1 forwards;-moz-animation: withdraw 2s 1 forwards;-ms-animation: withdraw 2s 1 forwards;animation: withdraw 2s 1 forwards;}
.pbaranim {height:15px;width:100%;overflow: hidden;background:#fdcc04;border-radius:3px 0 0 3px;}

#progressbar {
    width: 100%;
    height: 15px;
    background:url(../images/common/progress.png) repeat-x;
    xpadding: 2px;
    xmargin: .6em 0;
    xborder: 1px #000 double;
    clear: both;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}



#progress {
    background: #4d8acb; /*-- Color of the bar --*/
    height: 15px;
    width: 0%;
    max-width: 100%;
    float: left;
    -webkit-animation: progress 2s 1 forwards;
    -moz-animation: progress 2s 1 forwards;
    -ms-animation: progress 2s 1 forwards;
    animation: progress 2s 1 forwards;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	-webkit-box-shadow:inset 0 0 5px 3px #4378ad;
	box-shadow:inset 0 0 5px 3px #4378ad;
}

#progress2 {
    background: #4d8acb; /*-- Color of the bar --*/
    height: 15px;
    width: 0%;
    max-width: 100%;
    float: left;
    -webkit-animation: progress2 2s 1 forwards;
    -moz-animation: progress2 2s 1 forwards;
    -ms-animation: progress2 2s 1 forwards;
    animation: progress2 2s 1 forwards;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	-webkit-box-shadow:inset 0 0 5px 3px #4378ad;
	box-shadow:inset 0 0 5px 3px #4378ad;
}

@-webkit-keyframes progress { 
    from { }

    to { width: 36% }
}

@-moz-keyframes progress { 
    from { }

    to { width: 36% }
}

@-ms-keyframes progress { 
    from { }

    to { width: 36% }
}

@keyframes progress { 
    from { }

    to { width: 36% }
}


@-webkit-keyframes progress2 { 
    from { }

    to { width: 56% }
}

@-moz-keyframes progress2 { 
    from { }

    to { width: 56% }
}

@-ms-keyframes progress2 { 
    from { }

    to { width: 56% }
}

@keyframes progress2 { 
    from { }

    to { width: 56% }
}

/*slotbanner*/
.slot_banner img{
	width: 100%;
}

/*newaddmsgmodal*/
.msg-p-ttl {
    text-align: left;
    font-size: 18px;
    padding: 10px;
    color: #fff;
    background: linear-gradient(to bottom, #1b9bff 0%, #083c64 100%);
    padding-left: 6%;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.msg-content-pop {
    padding: 0px 30px;
    color: #ffffff;
}

.msg-pp-t {
    margin-top: 15px;
    background: #353535;
}

    .msg-pp-t tr td {
        border: 1px solid #1b9bff;
        font-size: 14px;
        text-align: center;
        padding: 10px 0px;
        color: #ffffff;
    }

.msg-in {
    font-size: 14px;
    padding: 15px 10px;
    min-height: 80px;
}

.msg-pp button.close {
    color: #ffffff;
    opacity: 1;
    font-size: 13px;
    /* position: absolute; */
    right: 30px;
    bottom: 20px;
    background: linear-gradient(to bottom, #1b9bff 0%, #083c64 100%);
    font-weight: 100;
    padding: 6px 20px;
    border-radius: 8px;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 20px;
    float: none;
}

.btn-rp {
    text-align: right;
}

#msgmodal .modal-body {
    padding: 0px;
}

#msgmodal .modal-content {
    background: #000000d9;
    min-height: 250px;
    border-radius: 9px;
    border: 1px solid #1b9bff;
}

.inbox_head {
    text-align: center;
}

    .inbox_head h1 {
        color: #fff;
        margin-top: 0px;
    }

.msg-table {
    background: #2a2625;
    padding: 30px;
    border: 1px solid #1b9bff;
    border-radius: 10px;
    margin: 20px;
}

table.inbox-table tr th {
    text-align: left;
    padding: 8px;
    border-bottom: 1px solid #1b9bff;
    font-size: 18px;
}

table.inbox-table tr td {
    text-align: left;
    padding: 12px;
    font-size: 18px;
}
/*newaddmsgmodalEND*/