/* CSS Document */

body {
	
}

.navstyle{
	margin-left: 27px;
	margin-top: 27px;
}

.navstyle li{
	list-style-type: none;
}

.navstyle button{
	margin-left: 15px;
	background-color: #54e324;
	font-size: 16px;
}

.timer{
	margin-left: 20px;
	font-size: 25px;
	color: red;
}

.navstyle img{
	margin-left: 1200px;
	width: 45px;
	height: 45px;
	border-radius: 500px;
  cursor: pointer;
  transition: 0.3s;
}

#login-btn{
	margin-left: 1200px;
	font-size: 20px;
	text-decoration: none;

}


/* menu CSS */


.menus ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
}

.menus li {
  float: left;
}

.menus li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.menus li a:hover {
  background-color: #111;
}





/* Table CSS */

#table02 > table tr > td{
	padding: 0px;
	text-align:left;
	border:solid 0.1px #CCC;
}

#table02 > table tr > th{
	width:500px;
	padding: 0px;
	text-align:left;
	border:solid 0.1px #CCC;
}


/* bz section like a table */
/*
#bz > #bz2 > a{
	width: 100px;
	padding: 5px 30px;
}

#bz1{
	background-color:darkgray;
	width: 33%;
	text-align: center;
	display:inline-block;
}

#bz1 > a{
	width: 100px;
	padding: 5px 7px;
	border: 1px solid black;
	
}


#bz1 > tr > td{
	width: 100px;
	margin-left: 0px;
	margin-right: 5px;
}
*/




.second_row{
	width: 100%;
	height: 70%;
	margin-left: 5px;
}
.second_row > .three_in_one{
	
}

.three_in_one {
	width: 317px;
	display: inline-block;
	align-content: center;
}

.p1{
	width: 100px;
	min-height: 50px;
	text-align: center;
	display: inline-flex;
	margin-top: 0px;
	border: 1px solid black;
	margin-left: 2px;
	align-content: center;
}

.p2{
	width: 100px;
	min-height: 50px;
	display: inline-flex;
	border: 1px solid black;
}

.p3{
	width: 100px;
	min-height: 50px;
	display: inline-flex;
	border: 1px solid black;
}



.p3 button{
	border-radius: 3px;
	width: 81px;
	height: 19px;
	margin-left: 10px;
}




#t1{
	margin-left: 6px;
	padding-left: 34px;
	padding-right: 35px;
	border: 1px solid black;
}

#t2{
	padding-left: 36px;
	padding-right: 36px;
	border: 1px solid black;
}

#t3{
	padding-left: 22px;
	padding-right: 22px;
	border: 1px solid black;
}

#t4{
	padding-left: 39px;
	padding-right: 32px;
	border: 1px solid black;
}

/* batting  */

.three_in_one_b {
	width: 235px;
	display: inline-block;
}

.b1{
	width: 115px;
	display: inline-flex;
	margin-top: 0px;
}

.b2{
	width: 115px;
	display: inline-flex;
}

#a1{
	padding-left: 50px;
}

#a2{
	padding-left: 70px;
}

#a3{
	padding-left: 80px;
}



.bx_1  {
	width: 105px; 
	display: inline-block;
	text-align: center;
	padding: 3px;
	border: 1px solid black;
	margin-bottom: 3px;
	padding-bottom: 9px;
	padding-top: 25px;
}
.bx_2  {
	width: 105px; 
	display: inline-block;
	text-align: center;
	padding: 3px;
	border: 1px solid black;
	margin-bottom: 0px;
}


.bett_menu0 th{
	border: 1px solid black;
}



/*  ticket details */

.ticket_2{
	width: 100%;
}

.tick01{
	width: 394px; 
	display: inline-flex; 
	background-color: rgb(255, 255, 255);
	margin-bottom: 2px;
}

.bx1  {
	width: 195px; 
	display: inline-block;
	text-align: center;
	padding: 3px;
	border: 1px solid black;
	margin-bottom: 3px;
}

.bx2 {
	width: 195px; 
	display: inline-block; 
	text-align: center;
	padding: 5px;
	border: 1px solid black;
	margin-left: 1px;

}


.bx1_sm1 {
	margin-bottom: 5px;
}
.bx1_sm2 {
	margin-bottom: 3px;
}


.bx2_sm1 {
	margin-bottom: 2px;
}
.bx2_sm2 {
	display: inline-flex;
	border: 1px solid black;
}

.bx2_sm2_01 {
	width:85px; 
	display: inline-flex; 
	margin-left: 0px; 
	border: 1px solid black;
	text-align: center;
}

.bx2_sm2_02 {
	width: 85px; 
	display: inline-flex; 
	margin-left: 1px; 
	border: 1px solid black;
	text-align: center;
}



.ticket_1 {
	padding-bottom: 5px;
	border: 1px solid black;
}

.tick_li li{
	list-style: none;
}

.tick_menu0 th{
	padding-left: 71px;
	padding-right: 66px;
	border: 1px solid black;
}


.bx1_sm1 button{
	border-radius: 3px;
	width: 80px;
}


/* Ticket */

.ticket_only_1 {
	padding-bottom: 5px;
}

.tick_only_menu0 th{
	padding-left: 71px;
	padding-right: 66px;
}



.bx1_only  {
	width: 190px; 
	display: inline-block;
	text-align: center;
	border: 1px;
}

.bx2_only {
	width: 195px; 
	display: inline-block; 
	text-align: center;
	border: 1px;

}

.text_second_only{
	margin-top: 100px;
	font-weight: 700;
	width: 100%;
}
/*  only_win_t  page */

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*Ajent Section All Agent Pages Are Here*/
/* ajent 01*/

.right_display_table{
	margin-top: 55px;
	margin-left: 25px;
}

.right_display_table th{
	border: none;
	text-align: left;
}


/*Total Result Pages */


/* menu CSS */


.total_menus ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: rgba(0, 255, 213, 0.377);
}

.total_menus li {
  float: left;
}

.total_menus li a {
  display: block;
  color: black;
  text-align: center;
  font-size: 20px;
  padding: 5px;
  padding-left: 25px;
  padding-right: 25px;
  text-decoration: none;
}

.total_menus img{
	width: 25px;
	height: 25px;
	padding-left: 5px;
	padding-right: 5px;
}

.total_menus li a:hover {
  background-color: rgba(17, 17, 17, 0.404);
  color: white;
}



.total_ten_section{
}

.total_time{
	text-align: center; 
	border: 1px solid black;
	color: rgb(255, 81, 0);
}


.total_100_data{
	background-color: rgba(111, 243, 59, 0.507); 
	border: 1px solid black;
	width:100%;
}


.total_10{
	display: inline-block; 
	border: 1px solid black; 
	text-align: center; 
	padding: 0px;
	width:9.5%;
	height:40;
	margin-top:2px;
	margin-left:1px;
}

/* Ajent 04 */

#ajent_table02 > table tr > td{
	padding: 0px;
	text-align:center;
	border: 1px solid #CCC;
}

#ajent_table02 > table tr > th{
	width:500px;
	padding: 0px;
	text-align:center;
	border: 1px solid black;
}

