/*-------------------------------- Global Class Start --------------------------------*/

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
    src: local('Material Icons'),
         local('MaterialIcons-Regular'),
         url(../fonts/MaterialIcons-Regular.woff2) format('woff2'),
         url(../fonts/MaterialIcons-Regular.woff) format('woff'),
         url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
}

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap');



html { margin:0px; padding:0px; }
body { margin:0px; padding:0px; font-family: 'Roboto', sans-serif; background-color: #f4f1f1;font-size: 12px; }
#printContainer{visibility:hidden;}
/*body.scrollHide {
		overflow-y: hidden;*/ /* Hide vertical scrollbar */
/*overflow-x: hidden;*/ /* Hide horizontal scrollbar */
/*}*/

.hidden {
	display: none;
}

#ajax_loader {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,.5);
	z-index: 9999;
}

	#ajax_loader i {
		position: relative;
		left: 40%;
		top: 45%;
	}

	#ajax_loader i img {
		width: auto;
		height: 200px;
	}
button, a {
	outline: none;
	text-decoration: none;
}
[type=reset], [type=submit], button, html [type=button] {
    outline: none !important;
}
.clr { clear:both !important; }



.form-check-label {cursor:pointer;}





.mandatory {
	color: #FF0000 !important;
}
.no-space { padding:0px; margin: 0px;}	
.fontSize12 {
	font-size: 12px;
}
.fontSize14 {
	font-size: 14px;
}
.fontSize16 {
	font-size: 16px;
}
.w-35 {
	width: 35%;
}
.w-auto {
	width: auto !important;
}
.w-65px {
	width: 65px;
}
.table td, .table th {
	padding: .25rem;
}
.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;  /* Preferred icon size */
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	vertical-align: middle;

	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;

	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;

	/* Support for IE. */
	font-feature-settings: 'liga';
}  

.tab-content input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ccc;
} 
.tab-content input::-moz-placeholder { /* Firefox 19+ */
  color: #ccc;
}
.tab-content input:-ms-input-placeholder { /* IE 10+ */
  color: #ccc;
}
.tab-content input:-moz-placeholder { /* Firefox 18- */
  color: #ccc;
}


/*-------------------------------- Global Class End --------------------------------*/


/*-------------------------------- Header Class Start --------------------------------*/

header .topHeader {
	/* background-color: #43279e; */
	padding: 10px;
	background-image: url(../images/header_bg1.jpg);
}
header .topHeader h1 {
	font-size: 42px;
	font-weight: bold;
	color: #FFF;
	line-height: 1;
	margin: 0px;
	padding: 0px;
}
header .topHeader h3 {
	font-size: 20px;
	color: #FFF;
	line-height: 1;
	margin: 0px;
	padding: 0px;
}
header .topHeader .userName {
	font-size: 12px; 
	/* color: #FFF; */
}
header .topHeader .userPoint {
	font-size: 12px; 
	/* color: #FFF; */
}
header .topHeader .userMenu {
	font-size: 12px; 
	color: #FFF;
	margin-top: 8px;
}
header .topHeader .userMenu a {
	font-size: 12px; 
	/* color: #FFF; */
}
header .topHeader .userMenuLogin {
	font-size: 12px; 
	color: #FFF;
	margin-top: 0px;
}
header .topHeader .userMenuLogin a {
	font-size: 12px; 
	/* color: #FFF; */
}
@media only screen and (min-width: 576px) and (max-width: 990px) {
    #qzimg {
        display:none !important;
    }
    #sklimg {
        display:none !important;
    }
} 
header .dateWrap {
	background-color: #f4f1f1;
	/*padding: 5px 10px;*/
	/*font-size: 14px;*/
	font-size: 20px;
	font-weight:bold;
	color: #000;
}

.burgerMenu {
	position: absolute;
    right: 0px;
    top: 30px;
	z-index: 999;
}	
.burgerMenu .navbar-toggler {
	border: none;
	background: transparent !important;
	padding: 0.25rem 0.875rem;
	height: 50px;
}
.burgerMenu .navbar-toggler:focus {
	outline: none;
	background: transparent !important;
}
.burgerMenu .navbar-toggler .icon-bar {
	background-color: #000;
	transform: rotate(0deg) translate(0px, 0px);
	transition: ease all 0.2s;
	display: block;
	width: 24px;
	height: 2px;
	border-radius: 1px;
}
.burgerMenu .navbar-toggler .icon-bar + .icon-bar {
	margin-top: 6px;
}
.burgerMenu .icon-bar:nth-child(2) {
	width: 24px;
	transition: ease all 0.2s;
}
.burgerMenu .navbar-toggler:hover > .icon-bar:nth-child(2), .burgerMenu .navbar-toggler:active > .icon-bar:nth-child(2) {
	width: 24px;
	transition: ease all 0.2s;
}
.burgerMenu .navbar-toggler:not(.collapsed) .icon-bar:nth-child(1) {
	transform: rotate(45deg) translate(6px, 5px);
	transition: ease all 0.2s;
}
.burgerMenu .navbar-toggler:not(.collapsed) .icon-bar:nth-child(2) {
	opacity: 0;
	transition: ease all 0.2s;
}
.burgerMenu .navbar-toggler:not(.collapsed) .icon-bar:nth-child(3) {
	transform: rotate(-45deg) translate(6px, -5px);
	transition: ease all 0.2s;
}

/*-------------------------------- Header Class End --------------------------------*/


/*-------------------------------- Main Body Class Start --------------------------------*/

.input-group.date .input-group-addon {
	cursor: pointer;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 2;
}

.mainBody .resultFilter .input-group.date {
	position: relative;
	width: 50%;
	float: right;
	margin: 0px;
	padding: 0px;
}

	.mainBody .resultFilter .input-group.date .form-control {
		padding: 2px;
		margin: 0px;
		font-size: 14px;
		text-align: center;
	}



.mainBody {
	width: 100%;
}
.mainBody .gameNumber {
	padding: 0px;
}
.mainBody .gameNumber h1.homeresult1{ 
	font-size: 35px;
	font-weight: bold;
	color: #FFF;
	height: 90px;
	line-height: 90px;
	border-bottom: 1px solid #FFF;
	margin: 0px;
	padding: 0px;
 }
.mainBody .gameNumber h1.homeresult2{ 
	font-size: 28px;
	font-weight: bold;
	color: #FFF;
	height: 45px;
	line-height: 45px;
	border-bottom: 1px solid #FFF;
	margin: 0px;
	padding: 0px;
 }
.mainBody .gameNumber h1.homeresult3{ 
	font-size: 22px;
	font-weight: bold;
	color: #FFF;
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid #FFF;
	margin: 0px;
	padding: 0px;
 }
/*.mainBody .gameNumber h1 {
	font-size: 22px;
	font-weight: bold;
	color: #FFF;
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid #FFF;
	margin: 0px;
	padding: 0px;
}*/
.mainBody .gameNumber h1.respTimeContest {
	font-size: 12px !important;
	font-weight: bold !important;
	/* writing-mode: vertical-lr!important; */
    /* text-orientation: upright!important; */
}
.respTmContesttext{
	font-size: 9px !important;
	/* transform: rotate(-45deg); */
	
}
 
.mainBody .gameNumber h2:not(:last-child) {
	border-bottom: 1px solid #FFF;
}
.mainBody .gameNumber h2 {
	font-size: 18px;
	color: #FFF;
	height: 30px;
	line-height: 30px;
	margin: 0px;
	padding: 0px;
}
.mainBody .gameNumber h1.game3D {
	font-size: 36px;
	font-weight: bold;
	color: #FFF;
	height: 60px;
	line-height: 60px;
	border-bottom: none;
	margin: 0px;
	padding: 0px;
}
.game3Dradio .form-check-inline{
margin-right:16px; 
}
.mainBody .gameNumber .colorHead3d {
	/* background-color: #43279e; */
	background-color: #804000;
}
.mainBody .gameNumber .color3d1st {
	/* background-color: #cb2436; */
	background-color: #0080FF;
}
.mainBody .gameNumber .color3d2nd {
	/* background-color: #cb2436; */
	background-color: #FF8000;
}
.mainBody .gameNumber .color3d3rd {
	/* background-color: #cb2436; */
	background-color: #FF0000;
}
.mainBody .gameNumber .colorHead {
	/* background-color: #43279e; */
	background-color: #FF0000;
}
.mainBody .gameNumber .color1, #p_seriesSection .series.color1 {
	/* background-color: #cb2436; */
	background-color: #330066;
}
.mainBody .gameNumber .color2, #p_seriesSection .series.color2 {
	background-color: #999900;
}
.mainBody .gameNumber .color3, #p_seriesSection .series.color3 {
	/* background-color: #4364d3; */
	background-color: #CC3333;
}
.mainBody .gameNumber .color4, #p_seriesSection .series.color4 {
	/* background-color: #d4be2c; */
	background-color: #663366;
}
.mainBody .gameNumber .color5, #p_seriesSection .series.color5 {
	/* background-color: #ef3d71; */
	background-color: #339966;
}
.mainBody .gameNumber .color6, #p_seriesSection .series.color6 {
	/* background-color: #2b7661; */
	background-color: #FF6633;
}
.mainBody .gameNumber .color7, #p_seriesSection .series.color7 {
	/* background-color: #cf23b9; */
	background-color: #993366;
}
.mainBody .gameNumber .color8, #p_seriesSection .series.color8 {
	/* background-color: #f56502; */
	 background-color: #0066CC; 
}
.mainBody .gameNumber .color9, #p_seriesSection .series.color9 {
	/* background-color: #27b3d4; */
	background-color: #666666;
}
.mainBody .gameNumber .color10, #p_seriesSection .series.color10 {
	/* background-color: #723b34; */
	background-color: #CC0066;
}

.loginWrap {
	width: 100%;
	padding: 20px 10px;
}
.loginWrap h1 {
	font-size: 16px;
	color: #FFF;
	font-weight: bold;
	line-height: 0;
	padding: 0px;
	margin: 0px 0px 20px 0px;
}
.loginWrap .form-group {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
.loginWrap label {
	font-size: 14px;
	color: #000;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}
.loginWrap .form-control {
	font-size: 14px;
	color: #000;
	font-weight: bold;	
	width: 100%;
}
.loginWrap .btn {
    margin: 10px 10px 0px 10px;
    padding: 5px 20px;
}
.btn-outline-light:hover {
	background-color: transparent;
}

.mainBody .newsBar {
	background-color: #f4f1f1;
	/*padding: 5px 10px;*/
	font-size: 14px;
	color: #000;
}

.mainBody .gameMenu {
	width: 100%;
	background-color: #fe6902;
}
.mainBody .gameMenu .navbar {
	padding: 0px;
}
.mainBody .gameMenu .navbar .navbar-nav {
	width: 100%;
}
.mainBody .gameMenu .navbar .navbar-nav .nav-item {
	width: 20%;
	border-right: 2px solid #FFF;
	position: relative;	
}
.mainBody .gameMenu .navbar .navbar-nav .nav-item:last-child {
	border-right: none;
}
.mainBody .gameMenu .navbar .navbar-nav .nav-item .nav-link { 
	font-size: 14px;
	text-transform: uppercase;
	color: #FFF;
	padding: 0px;
	line-height: normal;
	padding: 10px;
}
.mainBody .gameMenu .navbar .navbar-nav .nav-item .nav-link:hover, 
.mainBody .gameMenu .navbar .navbar-nav .nav-item .nav-link.active { 
	background-color: #f7e4b5;
	color: #fe6902;
	font-weight: bold;
}
.mainBody .gameMenu .navbar .navbar-nav .nav-item .nav-link .navArrow {
	width: 20px;
	height: 20px;
	background-color: #f7e4b5;
	border-radius: 50%; 
	text-align: center;
	position: absolute;
	right: 10px;
	top: 9px;
	transition: all 0.5s;
}
.mainBody .gameMenu .navbar .navbar-nav .nav-item .nav-link:hover .navArrow { 
	background-color: #fe6902;
}
.mainBody .gameMenu .navbar .navbar-nav .nav-item .nav-link .navArrow.active{
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	transition: all 0.5s;
}
.mainBody .gameMenu .navbar .navbar-nav .nav-item .nav-link .navArrow .material-icons {
	color: #FFF;
	line-height: normal;
	font-size: 22px;
}
.mainBody .gameMenu .navbar .navbar-nav .nav-item .nav-link.dropdown-toggle::after {
	display: none;
}
.mainBody .gameMenu .navbar .navbar-nav .nav-item .dropdown-menu {
	box-shadow: 0 0 10px 1px rgba(153,152,163,0.8);
	min-width: 100%;
	border-radius: 0px;
	margin: 0px;	
	padding: 10px;
	opacity: 0 !important;
	transition: all 0.5s !important;
	font-size: 15px;
}
.mainBody .gameMenu .navbar .navbar-nav .nav-item .dropdown-menu.show { 
	opacity: 1 !important;
	transition: all 0.5s !important;
}
.mainBody .gameMenu .navbar .navbar-nav .nav-item .dropdown-menu a {
	font-size: 14px;	
	color: #33363e;
	padding: 8px 15px;
}
.mainBody .gameMenu .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-submenu .dropdown-menu.show {
	position: relative;	
	box-shadow: none;
}
.mainBody .gameMenu .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-submenu .toggleIcon {
	position: absolute;
	top: 8px;
	right: 10px;
	transition: all 0.5s;
}
.mainBody .gameMenu .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-submenu .toggleIcon.active {
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	transition: all 0.5s;
}
.mainBody .gameMenu .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-submenu .dropdown-item { 
	border-top: 1px solid rgba(0,0,0,.15);
	border-bottom: 1px solid rgba(0,0,0,.15);
}
.mainBody .gameMenu .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-submenu .dropdown-toggle::after {
	display: none;
}
.mainBody .gameMenu .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-submenu .dropdown-menu { 
	border: none;
}
.mainBody .gameMenu .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-submenu .dropdown-menu a {
	font-size: 12px;	
	color: #33363e;
	padding: 8px 15px 8px 30px;
	text-decoration: none;
	display: block;
}
.mainBody .gameMenu .dropdown-item.active, .mainBody .gameMenu .dropdown-item:active {
	color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
}

.mainBody .lottTable {
	width: 100%;
}
.mainBody .lottTable .width220 {
	width: 220px;
}
.mainBody .lottTable .width190 {
	width: 190px;
}

.mainBody .lottTable .form-control {
	padding: 7px 2px;
	text-align: center;
	line-height: 1;
	width: 75%;
	margin: 0px auto;
	font-size: 12px;
	
}
.mainBody .lottTable .form-control.vrow {
	color:blue;
	font-weight:bold;
	font-size: 15px;
}
.mainBody .lottTable .form-control.entrycell {
	color:blue;
	font-weight:bold;
	font-size: 15px;
}
.mainBody .lottTable .form-control.entrycell:focus, .lottTable .form-control:focus, .modal .form-control:focus {
	background-color:#D3D3D3;
	outline: none !important;
    border-color: #fe6902;;
    box-shadow: 0 0 10px #fe6902;;
}
input {
  caret-color: red;
}
.mainBody .lottTable .form-control.mv_vrow {
	width: 100%;
}

.mainBody .lottTable .w-75 .form-control {
	width: 29%;
}
.mainBody .lottTable th {
	text-align: center;
	position: relative;
	font-size: 14px;
	padding: 5px;
}
.mainBody .lottTable th span {
	position: absolute;
	left: 0;
	top: 0px;
	font-size: 10px;
	color: #000;
}
.mainBody .lottTable td {
	text-align: center;
	position: relative;
	font-size: 14px;
	padding: 5px;
}


.mainBody .resultTable td {
	text-align: left;
	position: relative;
	font-size: 14px;
	padding-right: 5px;
	padding-left: 5px;
	vertical-align: top;

}
.mainBody .lottTable .bgColor {
	background-color: #f7e4b5;
}
.mainBody .lottTable  .selected, #p_seriesSection .series.selected{
    border: 2px solid #fe6902;
    font-weight: bold;
    
}
.mainBody .lottTable  .selected, #p_seriesSection .series.selected, .fs-dropdown .fs-option.selected{
	background-color: #f7e4b5;
	color: #fe6902;
}

.mainBody .resultTable tr td {
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: center;
}

.mainBody .lottTable tr td:first-child {
    padding-top: 0px;
    padding-bottom: 0px;
}


/*.mainBody .lottTable td.selected + td,.mainBody .lottTable td.selected + td + td {
    background-color: #f7e4b5;
}*/

.mainBody .lottTable .lottbutton {
	position: relative;
	display: block;
	padding-left: 1.25rem;
	color: #ffffff;
	padding-top: 9px;
	padding-bottom: 9px;
	/*background-color: #9966CC;*/
}
#p_seriesSection .series{
	color: #ffffff;
}
.mainBody .lottTable .selected .lottbutton {
	color: #fe6902;
	text-decoration: underline;
}

.mainBody .lottTable .bgColor1 {
	background-color: #f4f1f1;	
}
.mainBody .lottTable .gameNumber td span {
	position: absolute;
	left: 0;
	top: 0px;
	font-size: 13px;
	color: #000;
}

.mainBody .lottTable .btn-primary {
	background-color: #43279e;
}
.mainBody .lottTable .btn-primary, .mainBody .lottTable .btn-secondary, .mainBody .lottTable .btn-success{
	padding: 2px 12px;
	font-size: 14px;
	margin-right: 10px;
	border: none;
}
.mainBody .lottTable .game-3D .form-group {
	margin: 0px;
    padding: 0px;
}
.mainBody .lottTable .game-3D .form-group .form-control {
	height: auto;
    width: 100%;
    margin: 0px;
	padding: 0px !important;
	height: 30px;
	font-size: 12px;
}
.mainBody .lottTable .game-3D td {
	border: none;
}
.mainBody .lottTable .game-3D td .form-control {
	margin: 1px 5px;
	height: 30px;
}
.mainBody .lottTable .game-3D .game3DTitle {
	width: 100%;
	text-align: center;
	font-size: 30px;
	padding: 10px 0px;
	color: #43279e;
	font-weight: bold;
}
.mainBody .lottTable .game-3D .game3Dradio {
	padding: 15px 0px;
	text-align: center;
	background-color: #f4f1f1;
}
.mainBody .lottTable .game-3D .game3Dradio .form-control {
	padding: 5px !important;
	width: 100%;
	height: auto;
}
.mainBody .lottTable .game-3D-rule {
/*	background-color: #f4f1f1;
	border-radius: 20px;
	padding: 10px;*/
}
.mainBody .lottTable .game-3D-rule .howToPlayImg img {
	/*width: 100%;*/
	max-width: 100%;
}
.mainBody .lottTable .game-3D-rule .howToPlayImg {
    max-width: 100%;
    text-align: center;
    /* vertical-align: bottom; */
    /* height: 381px; */
    /* height: 350px; */
    /* padding-top: 35px; */
	height: 270px;
	padding-top: 15px;
}

.mainBody .lottTable .game-3D-rule .ruleTitle {
	width: 100%;
	font-size: 18px;
	color: #000;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}
.mainBody .lottTable .game-3D-rule .table th,
.mainBody .lottTable .game-3D-rule .table td {
	font-size: 12px !important;
}
.mainBody .lottTable .game-3D-rule .table .width21 {
	width: 21%;
}
.mainBody .lottTable .game-3D-rule .table .width12 {
	width: 12%;
}
.mainBody .lottTable .game-3D-rule .table ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline-block;
	margin: 0px 3px;
}
.mainBody .lottTable .game-3D-rule .table ul li {
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	border-radius: 50%;
	color: #000;
	font-size: 10px;
	background-color: #f7e4b5;
	margin: 0px 0px;
	display: inline-block;
}
.mainBody .lottTable .gameTotal {
	margin-top: 10px;	
}
.mainBody .lottTable .trayaFooter {
	border: 1px solid #ced4da;
	padding: 5px 0px;
}

.mainBody .lottTable .gameTotal .totalVal {
	padding: 0px 20px;
	height: 25px;
	line-height: 25px;
	border: 1px solid #ced4da;
	background-color: #f7e4b5;
	margin-left: 10px;
	margin-top: 2px;
}

.mainBody .resultFilter {
	background-color: #43279e;
	width: 100%;
	padding: 15px;
}


.mainBody .resultFilter .btn-outline-primary {
    color: #FFF;
    background-color: transparent;
    background-image: none;
	border-color: #FFF;
	padding: 2px 20px !important;
	font-size: 14px;
	margin-left: 10px;
}

.mainBody .lottTimer {
	background-color: #43279e;
}
.mainBody ul.lottTimer {
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: center;
	border-bottom: 1px solid white;
}
.mainBody ul.lottTimer li {
	margin: 0px;
	padding: 0px;
	display: inline-block;
	list-style: none;
	padding: 10px;
	border-right: 1px solid #FFF;
	width: 30%;
	color: #FFF;
	font-size: 13px;
	position: relative;
}
.mainBody ul.lottTimer li .material-icons {
	position: absolute;
    left: 0px;
    top: 7px;
    vertical-align: middle;
    font-size: 25px;
}
.mainBody ul.lottTimer li:last-child {	
	border-right: none;
}

.mainBody .priceProd {
	width: 100%;
}
.mainBody .priceProd ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: center;
}
.mainBody .priceProd ul li {
	display: inline-block;
	width: 25%;
	padding: 10px;
}
.mainBody .priceProd ul li .priceListBox {
	border: 1px solid #CCC;
	padding: 20px;
}
	.mainBody .priceProd ul li .priceListBox img {
		
		max-width: 100%;
		height: 150px;
		
	}
	

.mainBody .priceProd ul li .priceListBox h2 {
	font-size: 16px;
	color: #000;
	font-weight: bold;
	margin: 20px 0px 10px 0px;
	padding: 0px;
	width: 100%;
	text-align: center;
}
.mainBody .priceProd ul li .priceListBox p {
	font-size: 14px;
	color: #000;
	width: 100%;
	text-align: left;
	margin: 0px;	
}




.deskTable {
	display: block;
	margin-bottom: 0px;
}
.mobileTable {
	display: none;
	margin-bottom: 0px;
}
.greyBg {
	background-color: #f4f1f1;
}

#allDraw {
	font-size: 14px;
	padding: 0px 10px;
}



@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.mainBody .priceProd ul li {
		width: 50%;
	}
}
	



@media (max-width: 767px) {
	.m-btn {
		padding: 4px 40px !important;
	}

	.w-m-34 {
		width: 34% !important;
	}

	.container {
		padding: 0px;
	}

	.deskTable {
		display: none;
	}

	.mobileTable {
		display: block;
	}

	header .topHeader {
		background-color: #43279e;
		padding: 10px;
		position: fixed;
		width: 100%;
		top: 0px;
		left: 0px;
		z-index: 9;
		min-height: 92px;
		border-bottom: 1px solid #FFF;
	}


	.headerSpace {
		margin-top: 92px;
	}

	header .topHeader .userMenu {
		font-size: 12px;
		color: #ffffff;
		margin-top: 8px;
		width: 100%;
		position: fixed;
		background-color: #fe6902;
		top: 80px;
		left: 0px;
		height: auto;
		z-index: 9;
		display: none;
	}

		header .topHeader .userMenu a {
			font-size: 12px;
			color: #ffffff;
			display: block;
			text-align: left;
			width: 100%;
			font-size: 14px;
			padding: 10px !important;
			border-bottom: 1px solid #CCC;
		}
		header .topHeader .userMenu a:hover,
		header .topHeader .userMenu .active {
			color: #fe6902;
			font-size: 14px;
			background-color: #f7e4b5;
			border-bottom: 1px solid #f7e4b5;
			text-decoration: none;
		}

	header .topHeader .userMenuLogin a {
		font-size: 14px;
		color: #FFF;
	}

	header .topHeader .userMenu span {
		display: none;
	}

	header .topHeader .userName {
		/*margin-top: 15px;*/
		margin-top: 0px;
	}
	header .topHeader .headerLogo {
					max-width: 100%;
					max-height: 72px;
					margin: 0 auto;
	}
	.fs-dropdown{
		width: auto;
	}
	.nav-item .btn-primary{
		background-color: #fe6902 !important;
	}
	.burgerMenu {
		top:57px;
		/*top: 30px;*/
		/*top: 18px;*/
	}
.mainBody .resultTable tr td {
text-align: left;
}
	.mainBody .gameMenu .navbar .navbar-nav {
		display: block;
	}

		.mainBody .gameMenu .navbar .navbar-nav .nav-item {
			width: 33%;
			border-right: 1px solid #FFF;
			float: left;
			border-bottom: 1px solid #FFF;
			background-color: #fff;
		}
		.mainBody .gameMenu .navbar .navbar-nav .nav-item .dropdown{
			background-color: #fe6902;
		}

			.mainBody .gameMenu .navbar .navbar-nav .nav-item.noRightBorder {
				border-right: none;
				width: 67%;
			}

			.mainBody .gameMenu .navbar .navbar-nav .nav-item .nav-link .navArrow {
				left: 125px;
			}

			.mainBody .gameMenu .navbar .navbar-nav .nav-item .nav-link {
				padding: 10px;
			}

			.mainBody .gameMenu .navbar .navbar-nav .nav-item .dropdown-menu {
				width: 100%;
				position: absolute;
				left: 0px;
			}

			.mainBody .lottTable .btn {
				padding: 3px 6px;
				margin-right: 3px;
				font-size: 13px;
			}

	.mainBody .gameNumber {
		border-bottom: 2px solid #FFF;
		overflow: hidden;
	}

		/*.mainBody .gameNumber h1 {
			font-size: 16px;
			font-weight: normal;
		}*/
		.mainBody .gameNumber h1.homeresult3{ 
			font-size: 16px;
			font-weight: normal;
		}
		.mainBody .gameNumber h1.homeresult2{ 
			font-size: 16px;
			font-weight: normal;
		}
		.mainBody .gameNumber h1.homeresult1{ 
			font-size: 16px;
			font-weight: normal;
		}
		.mainBody .gameNumber h2 {
			font-size: 16px;
			font-weight: normal;
		}
		.mainBody .gameNumber h2.respTime{
			/* font-size: 11px; */
			font-size: 9px; 
			transform: rotate(-45deg);
		}
		.mainBody .gameNumber h1.game3D {
			font-size: 32px;
			font-weight: normal;
		}

		.mainBody .gameNumber .col-sm-3 {
			width: 25%;
		}

		.mainBody .gameNumber .col-sm-9 {
			width: 75%;
		}

	.mainBody .lottTable .width220 {
		width: 220px;
	}
	.mainBody .lottTable .width190 {
		width: 190px;
	}

	.mainBody .resultTable td {
		font-size: 14px;
		padding: 5px;
	}

	.mainBody .resultTable tr th{
		font-size: 13px;
	}
	.mainBody .resultTable tr th:first-child,
	.mainBody .resultTable tr td:first-child {
		width: 23%;

		
	}
	.mainBody .lottTable td {
		font-size: 12px;
		padding: 0px 0px;

		vertical-align:middle;
	}

	.mainBody .lottTable .material-icons{
		font-size: 19px;
	}


	.mainBody .lottTable .input-group input{
		max-width: 84px;
	}
	.mainBody .lottTable .input-group .player-name {
		max-width: 79px; 
	}


	.mainBody .loginWrap {
		margin-bottom: 18px;
	}

	.mainBody .lottTable .game-3D-rule {
		display: none;
	}

	.mainBody .lottTable .game-3D .table.w-50 {
		width: 100% !important;
		float: none !important;
		margin-bottom: 0px;
	}

	.mainBody .lottTable .game-3D .game3DTitle {
		font-size: 24px;
		padding: 5px 0px;
		display: none;
	}

	.mainBody .lottTable .game-3D .game3Dradio {
		padding: 8px 0px;
	}

	.mainBody .lottTable .cpDrp {
		width: 100px !important;
		height: auto;
		padding: 5px !important;
		margin: 0px 10px !important;
		line-height: 0px;
	}

	.mainBody .lottTable .cpText {
		width: 50px !important;
		height: auto;
		padding: 10px 5px !important;
	}

	.mainBody .lottTable .cpInput {
		margin-top: 2px;
		margin-left: -25px;
		width: 18px;
		height: 18px;
	}
	.sp-width {
		min-width: 41px;
	}
	.sp-width2 {
		min-width: 48px;
	}
	.mainBody .lottTable span {
		font-size: 11px !important;
	}
	.mobileTable {
		position: relative;
	}
	.mainBody .lottTable .cpBtn {
		padding: 8px 30px;
		position: absolute;
		top: -27px;
	}

	.mainBody .resultFilter .input-group.date {
		width: 100%;
		float: none;
		margin-bottom: 15px;
	}

	.mainBody .lottTable .gameTotal .totalVal {
		height: 25px;
		line-height: 25px;
	}

	header .topHeader .userPoint {
		/*position: absolute;*/
		right: 0px;
		bottom: 0px;
		font-weight: bold;
	}

	header .topHeader .userMenuLogin {
		position: absolute;
		right: 0px;
		top: 0px;
	}

	.mainBody .priceProd ul li {
		display: block;
		width: 100%;
	}

	.mainBody .priceProd ul li .priceListBox img {
		padding: 20px;
	}

	.noty_layout .noty_theme__mint.noty_bar .noty_body {
	    padding: 5px 5px;
	}
	footer .footerWrap {
	    padding: 3px;
	}
	.fs-label-wrap .fs-label {
	    padding: 8px 22px 8px 8px;
	}

}
.game3DContest{
	width: 32%;
}
.game3Dradio .form-check-inline{
margin-right:3px; 
padding-top: 5px;
/*padding-bottom: 10px;*/
}
		/*-------------------------------- Main Body Class End --------------------------------*/


		/*-------------------------------- Model Window Class Start --------------------------------*/

		.modal .modal-title {
			font-size: 22px;
			color: #43279e;
			font-weight: bold;
		}

		.modal .close {
			font-size: 30px;
			color: #43279e;
			opacity: 1;
		}

		.modal .nav-link {
			display: block;
			padding: 0px;
			background-color: #f7e4b5;
			color: #000;
			margin: 0px;
			width: 30px;
			height: 30px;
			line-height: 30px;
			text-align: center;
		}

		.modal .btn-primary {
			background-color: #43279e;
		}

		.modal .nav-pills {
			padding-bottom: 20px;
		}

			.modal .nav-pills .nav-link.active,
			.modal .nav-pills .show > .nav-link {
				color: #fff;
				background-color: #43279e;
			}

		.modal .tab-pane {
			/* height: 415px; */
			overflow: auto;
		}

		.modal .table {
			margin: 0px 0px 0px 0px;
		}

			.modal .table td {
				padding: 2px;
				border: none;
				text-align: center;
			}

			.modal .table .form-control {
				width: 100%;
				text-align: center;
				font-size: 12px;
			}

		/*-------------------------------- Model Window Class End --------------------------------*/


		/*-------------------------------- Footer Class Start --------------------------------*/

		footer {
			width: 100%;
			margin: 20px 0px;
		}

		.footerWrap {
			/* font-size: 14px; */
			font-size: 10px; 
			padding: 10px 0px;
			color: #000;
			width: 100%;
			text-align: center;
			background-color: #f4f1f1;
		}

		footer a {
			font-size: 14px;
			color: #43279e;
			text-decoration: none;
			padding: 0px 20px;
		}

		footer hr {
			padding: 5px 0px 5px 0px;
			margin: 10px 0px 0px 0px;
		}

		/*-------------------------------- Footer Class End --------------------------------*/


		.scrollbar {
			max-height: 125px;
			overflow: overlay;
			width: 100%;
			overflow-x: hidden;
		}

			.scrollbar::-webkit-scrollbar {
				width: 5px;
			}
			/* Track */
			.scrollbar::-webkit-scrollbar-track {
				background-color: #c1c1c1 !important;
			}
			/* Handle */
			.scrollbar::-webkit-scrollbar-thumb {
				background-color: #616061 !important;
			}
				/* Handle on hover */
				.scrollbar::-webkit-scrollbar-thumb:hover {
					background-color: #616061 !important;
				}

		.form-control::placeholder {
			opacity: 0.3;
		}

		.mainBody .lottTable span.newspan {
			position: inherit;
			font-size: inherit;
			color: inherit;
			left: 12px;
		}



.h1{
	font-size: 2rem;
}



@media (min-width: 768px){
	header .container, .mainBody .container, footer .container {
	    max-width: 100%;
	    padding-left:0; 
	    padding-right:0; 
	}

	.mainBody .lottTable .input-group .input-label {
		width: 55px;
	}

	.mainBody .lottTable .input-group input{
		max-width: 110px;
	}

	.mainBody .lottTable .input-group .player-name {
		max-width: 90px; 
	}

}


.mainBody .lottTable .input-group input{
    margin: 0;
}

.mainBody .lottTable .input-group .player-name {
	overflow: hidden;
	font-size: 12px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color:#007bff;
}
.mainBody .lottTable .input-group button {
	padding: 0 2px;
}



.heading-bottom {
    font-size: 17px;
    font-weight: 800;
    text-align: left;
    padding-top: 2px;
    padding-bottom: 2px;
}

.noty_body b {
	font-size: 18px;
    font-style: italic;
    font-weight: 800;
    text-decoration: underline;
}
.game3Dradio.form-row{
	margin-left: 0;
	margin-right: 0;
}
.form-control::placeholder,.modal .form-control::placeholder { 
	color: #80BDFF;
	opacity: 1; 
}

.lottTable .row.trayaFooter, .lottTable .game2dFooter{
	line-height: 30px;
}
/* =========== For Auto 3D ==============*/
.atbgcolor{
	background:#FE6902;
}
.attdbgclr{
	background:#F7E4B5;
}
.mainBody .lottTable .gameauto3D .form-check-inline{
	margin-right:5px; 
	padding-top:10px;
}
.mainBody .lottTable .gameauto3DT .form-check-inline{
	margin-right:5px; 
	padding-top:10px;
	font-size:13px;
}



.mainBody .lottTable .row .act3Dgm  {
	margin:0px;
}
.mainBody .lottTable .row .actgm  {
	border: 1px solid #000;
    padding-right: 5px;
    height: 287px;
	overflow-y: scroll;
}

.mainBody .lottTable .actgm .atcls{
	color:red;
	font-size:1 rem !important;
}
.mainBody .lottTable .actgm span{
	padding : 2px;
} 
.mainBody .lottTable .actgm .rmv{
	padding : 3px;
}
.mainBody .lottTable .gameauto3DT .autoinput::Placeholder{
	color: #0096FF;
    font-weight: bold;
	font-size: 1 rem;
} 
.mainBody .lottTable .gameauto3DT .w-50 .input-group{
	width:auto;
} 
.mainBody .lottTable .actgm .actgmnum{
	display:inline-block;
	border:0.5px solid #F7E4B5;
	/*border-bottom: 1px solid red;
	border-right: 1px solid red;*/
}
@media (max-width: 767px) {
    .mainBody .lottTable .gameauto3DT .btn {
		padding: 3px 6px;
		margin-right:1px;
		font-size:13px;
    }
	.mainBody .lottTable .gameauto3DT .w-50 {
		width: 100% !important;
		margin-bottom: 0px;
		margin-left:10px;
		
	}
	.mainBody .lottTable .gameauto3D .w-50{
		width: 100% !important;
		margin-bottom: 0px;
		margin-left:10px;
	}
	.mainBody .lottTable .act3Dgm .w-75{
		width: 65% !important;
		margin-bottom: 0px;
		
	}
	.mainBody .lottTable .act3Dgm .w-25{
		width: 35% !important;
		margin-bottom: 0px;
		
	}
	.mainBody .lottTable .gameauto3DT .w-50 .form-group .autonumbr{
		float:left;
	}	
	.mainBody .lottTable .row .actgm  {
		border: 1px solid #000;
		padding-right: 0px;
		overflow-y: auto;
		height: 225px;
	}
	.mainBody .lottTable .gameauto3DT .motonum{
		float:left !important;
	}
}

#cpModal .tab-content td{
	 padding: 2px;
}

#cpModal .tab-content .form-control {
    padding: .300rem .75rem;
}

#cpModal .modal-header{
	display: block;
}

#cpModal .modal-header, #cpModal .modal-footer {
 border-color: #bfbfbf;
}

.resultchart-table{
	font-weight: 600;
}
.resultchart-table span+span+span+span {
    background-color: yellow;
}
.resultchart-table span.same-digit {
	color: #fe6902;
}