@import "button.css";
@import "icons.css";
@import "message_center.css";


html, div, map, dt, isindex, form, header, aside, section, section, article, footer {  
    display: block;  
} 

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	background: #fff;
	font-size: 12px;
	-webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
	overflow:hidden;;
}

#warpper {
	margin:0;
	padding:0;
}



/* commons
----------------------------------------------- */
.clear {
	clear: both;
}

.spacer {
	height: 20px;
}

a:link, a:visited {
	text-decoration: none;
    outline: 0;
}

a:hover {
	text-decoration: none;
	outline: none;
}

a:active {
	text-decoration: none;
	outline: none;
}

a:focus {
  outline: none;
}

table, td, th{
	*border-collapse: collapse;
	border-spacing:0;

}

table{
	border-collapse: collapse;
}

.floatleft{
	float:left;
}

.floatright{
	float:right;
}

.fontwhite{
	color:#fff;
}

.small{
	font-size:9px;
}

.inline-ul li{
	display:inline; color:#fff;
}

.marginleft10{
	margin-left:10px;
}

.marginright10{
	margin-right:10px !important;
}

.marginleft5{
	margin-left:5px;
}

.marginright5{
	margin-right:5px !important;
}

.margintop10{
	margin-top:10px;
}

.marginbottom10{
	margin-bottom:10px;
}

.padding20px{
	padding:20px;
}

.padding5px{
	padding:5px;
}

.grey{
	color:#C2C2C2;
}

.no_line_col{ 
	border-right:none !important
}

.no_line_row{ 
	border-bottom:none
}


.no_line_row td{ 
	border-bottom:none !important
}

.text_red{
	color: #FF0000 !important;
}

.text_green{
	color: #007508 !important;
}


.text_blue{
	color: #038fdd;
}
.textuppercase{
	text-transform:uppercase !important;
}

.text_bold{
	font-weight:bold;
	white-space:nowrap;
}

.textfix_nowrap{
	white-space:normal !important;
}

.text_ontitle{
	color:#fff !important;
	text-transform:capitalize;
}

.bggrey{ 
	background:#efefef
}

.bgblue{ 
	background:#fadbce; border-bottom:none !important;
}

.bgblue td{ 
	border-bottom:none !important;
}

.bordertop th{ 
	 border-top: 1px solid #CEEAFA !important;
}

.bggreen{ 
	background:#d2ffd1;
	padding:1px 8px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}

.textgreen{ 
	color:#037500;
}

.bgred{ 
	background:#fde3e3;
	padding:1px 8px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}

.bgcancel{ 
	background:#fde3e3;
}

.bgdep_wit{
	background:#faf6c9;
}

.bgpayout{
	background:#ecfee6;
}

.bgbet{
	background:#f3fffe;
}

.bgred_info{ 
	background:#fbdcdc;
	border-bottom:1px dotted #ccc;
}

.bgred_title{ 
	background:#fbdcdc;
	border-bottom:1px dotted #ccc;
	font-weight:bold;
	text-transform:capitalize;
	text-shadow: 0 1px 0 #DEF0FA;
}

.border_right{
	border-right:1px dotted #ccc !important;
}

.bgwhite{
	background:#fff;
	border-bottom: 1px dotted #CCCCCC;
}

.top-10{
	margin-top:-10px;
}

.bottom-10{
	margin-bottom:10px;
}

.bottom-20{
	margin-bottom:20px;
}

.height-10px{
	float:left;
	width:100%; 
	height:10px; 
}

.height-20px{
	float:left;
	width:100%; 
	height:20px; 
}

.text_align_left{
	text-align:left !important;
}

.text_align_right{
	text-align:right !important;
}

.line_menu{
	padding:0 5px;
	color: #333333;
    text-shadow: 0 1px 0 #DEF0FA;
}

a.link_table {
	color: #00F;
	padding-left:5px;
}

a:hover.link_table {
	text-decoration:underline;
}

.border_top_grey{
	 border-top: 1px solid #E1E1E1;
}



/* Choose Radio*/
.choose_radio{
	float:left; color:#ffff00;  
	margin:7px 0 0 20px; 
	vertical-align:middle;
}

.text_radio{ 
	padding:3px 0 0 3px; 
	float:left; font-weight:bold;
}

.choose_radio input[type=radio]{
	 vertical-align:middle; 
	 float:left; 
	 margin-left:15px;
}

/* User Info*/
.user_control{
	float:left;
	color:#000; 
	vertical-align:middle;  
	margin:2px 0 2px 12px;
	-bracket-:hack[; margin:0 0 0 12px;];  /*hack for Google Chrome*/
	display: inline;  /* <---Solution for bug IE6 */ 
}

.user_control td{
	padding-right:5px;
}

.user_control label{ 
	font-weight:bold;
	margin:0 5px 0 0;
	text-transform:capitalize;
	display:inline-table;
/*	white-space:nowrap;*/
}


.user_contro2l{
	float:left;
	color:#333; 
	vertical-align:middle;  
	margin:2px 0 2px 12px;
	-bracket-:hack[; margin:0 0 0 12px;];  /*hack for Google Chrome*/
	display: inline;  /* <---Solution for bug IE6 */ 
}

.user_contro2l label{ 
	font-weight:bold;
	padding:0 5px 0 0;
	text-transform:capitalize;
	display:inline-table;
/*	white-space:nowrap;*/
}

.text_info{ 
	padding:0;
	display:inline-table;
	text-transform:capitalize;
	white-space:nowrap;
}

.text_info10px{ 
	padding:0 10px 0 0;
	display:inline-table;
	text-transform:capitalize;
	white-space:nowrap;
}

.text_highlight{
	display:inline-table;
	text-transform:capitalize;
	white-space:nowrap;
	margin-right:10px;
	font-size:11px !important;
}

.text_info22px{ 
	padding:0 22px 0 0;
	display:inline-table;
	text-transform:capitalize;
	white-space:nowrap;
}

.text_info5px{ 
	padding:0 4px 0 0;
	display:inline-table;
	text-transform:capitalize;
	white-space:nowrap;
}

.text_align_left td{
	text-align:left !important
}

.text_align_center td{
	text-align: center !important
}

.text_align_right td{
	text-align: right !important
}

.user_control input{ 
	vertical-align:middle; 
	padding:4px 5px;
	*padding:3px 5px;
	border: 1px solid #9b9b9b;
	background-color:#f4f4f4;
	color:#666;
	font-size:11px;
	
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;	
}

.user_control input:focus {
	outline: none;
}

.user_control select{ 
	padding:3px 3px 3px 5px;
	border: 1px solid #9b9b9b;
	background-color:#f4f4f4;
	color:#666;
	font-size:11px;
	vertical-align:middle;
	
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.user_control select:focus {
	outline: none;
}

.user_control input[type=radio]{
	 vertical-align:middle; 
	 float:left; margin:0 3px 0 10px ;
}

/* Title Box Control*/
.title_box_control{
	color:#fff;
	display:block; 
	vertical-align:middle;  
	margin:4px 12px 4px 12px;
	-bracket-:hack[; margin:2px 12px 0 12px;];  /*hack for Google Chrome*/
	*margin:5px 12px 4px 12px; /*hack for IE7*/
}

.title_box_control label{
	text-transform:capitalize;
	padding:0 3px 0 0;
	vertical-align:middle;
}

.title_box_control input{ 
	vertical-align:middle; 
	border: 1px solid #A7D7F2;
	padding:3px 5px; color:#333;

	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.title_box_control select:focus {
	outline: none;
}


.title_box_control select{ 
	vertical-align:middle; 
	padding:2px 3px 2px 5px;
	border: 1px solid #d7d7d7;
	color:#666;
	font-size:12px;
	
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.title_box_control input[type=radio]{
	 vertical-align:middle; 
	 float:left; margin:0 0 0 10px ;
}

/* Record Info*/
.record_info{
	color:#333;
}

.record_info label{
	width:100px;
	color: #555;
    float: left;
    font-size: 11px;
    font-weight: bold;
    padding: 0 0 0 10px;
    text-transform: capitalize;
}

.record_info ul{
	margin:0;
	padding:5px 0;
}

.record_info ul li{
	list-style:outside square;
	color:#555;
}





/* Header
----------------------------------------------- */
header#header {
	width: 100%;
	background: url(../images/hdr_gradient_bot.png) repeat-x top;
	position:fixed;
	top:0;
	z-index:3;
	height:55px;
	min-width:980px;
}

.useradmin{
	float:right;
	margin:20px 15px 0 0;
	text-transform:capitalize;
}

.text_useradmin{
	padding:0 3px 0 1px;
	color:#fff;
}

.logout{
	float:right;
	margin:16px 10px 0 0;
}

/* branding */
#branding {
	font-weight:normal;
	text-align:left;
	padding:10px 10px 10px 0px;
	margin-bottom:0;
}

#branding a{
	color:#A1EAFF; font-weight:normal;
}

#branding a:hover{
	color:#fff;
}

#branding a:before{
	content:" | "; color:#fff; padding:0 1px;
}

#branding ul, #branding ul li{
	margin:0px; padding:0px; 
}

#branding li{
	padding:0px 0px 0px 0px !important;
}
/* -- */

/* Secondary Header Bar */
section#secondary_bar {
	height: 44px;
	width: 100%;
	background:url(../images/bg_header_navtop.png) repeat-x top;
	position:fixed;
	top:55px;
	z-index:2;
	min-width:980px;
}

/* navigation  bar*/
section#secondary_bar 
.navigation_container {
	float: left;
	height: 44px;
}





/* navigations */
.nav-divider {
	background: url(../images/divider.png) bottom no-repeat;
	height: 42px;
	width: 25px;
	display:block;
	}
	
ul.navigation {
	margin: 0 0  0 4px;
	padding: 0;
	list-style: none;
	text-transform:capitalize;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	/*font-weight:bold;*/
}

ul.navigation li {
	float: left;
	margin: 0;
	padding: 0;
	line-height: 24px;
}

ul.navigation li a {
	text-decoration: none;
	color: #fff;
	display: block;
	padding:6px 7px;
	opacity:0.7;
}

ul.navigation li a:hover {
	color: #fff;
	opacity:1;
}

html ul.navigation li.active a  {
	color: #fff;
	}

html ul.navigation li.active {
	background: url(../images/pro_line_1.gif);
	color: #fff;
	display: block;
	float: left;
	height: 37px;
	padding: 0 0 0 10px;
	text-decoration: none;
	white-space: nowrap;
}

html ul.navigation li.active span	{
	background: url(../images/pro_line_1.gif) right top;
	display: block;
	padding: 0 10px 0 0;
	}





#cols {
	background: url(../images/content_repeat.jpg) top repeat-x #fff;
	position:fixed;
	top:99px; 
	margin:0; 
	height:100%;
	width:100%;
}

html>body #content {
	overflow:hidden;
	padding-right:10px;
	padding-top:7px;
}

.box:after {
	display:block; 
	visibility:hidden; 
	clear:both; line-height:0; 
	font-size:0; content:".";
}

#aside {
	float:left; 
	width:auto;
	margin-top:-1px;
	height:100%;
	
/*	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;*/
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;

    background: url(../images/bg_generic_imgs2.png) repeat;
}

html>body #aside {
	margin-right:10px;
	text-transform:capitalize; 	
}

#aside a {
	color: #222; 
	text-decoration: none;
}

#aside a:hover {
	color:#CF4A09; margin-left:4px;
	
	-webkit-transition: margin-left 300ms linear;
  	-moz-transition: margin-left 300ms linear;
  	-ms-transition: margin-left 300ms linear;
 	 -o-transition: margin-left 300ms linear;
  	transition: margin-left 300ms linear;
}



/* Sidebar */
aside#sidebar_account { 
	width: 165px;
	height:100%;
	float: left; 
	text-transform:capitalize;
	position:relative;
}

#aside_report {
	width: 165px;
	height:100%;
	float: left; 
	text-transform:capitalize;
	position:relative;
}

#aside_payment {
	width: 165px;
	height:100%;
	float: left; 
	text-transform:capitalize;
	position:relative;
}

/* Sidebar Menu */
#aside nav { 
	width:auto; 
	height:100%; 
	clear:both;
	overflow: auto;
}


#tab_container{
	clear:both;
	position:relative;
	overflow:auto;
}

.tab_permission_popup{
	clear:both;
	position:relative;
	overflow-x:hidden;
	overflow-y:auto;
}




.tab_container_popup{
	clear:both;
	position:relative;
	overflow-x:hidden;
	overflow-y:auto;
	min-width:680px;
}

.payment_moreinfo{
	clear:both;
	position:relative;
	overflow-x:hidden;
	overflow-y:auto;
}


#dddd{
	clear:both;
	position:relative;
	overflow-x:auto;
	overflow-y:hidden
	height:100%;
}

/*YDesign Edit 07082013,fixheight_1norow_header */
.winlossslot,
.fixheight_1row,
.fixheight_1norow_header,
.fixheight_1row_header,
.fixheight_2row,
.fixheight_2row_noheader,
.livemonitor_keno,
.livemonitor_lotto{
	clear:both;
	position:relative;
	overflow:auto;
}


/* Sidebar Menu */
nav h3 {
	color: #000;
	text-transform: uppercase;
	font-size: 11px;
	display: block;
	width: auto;
	margin:8px 4px 5px 4px;
	padding:5px 5px 5px 5px; 


	
	 -moz-box-shadow: 0px 2px 3px -1px rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: 0px 2px 3px -1px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 2px 3px -1px rgba(0, 0, 0, 0.7);
  border-top: 1px solid #ddd;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;

	text-shadow:none !important;
}

nav .toggleLink {
	font-size: 10px;
	text-decoration: none;
	display: block;
	float: right;
	*margin-top:-21px;
	*margin-right:5px;
	text-transform:none;
	cursor:pointer;
}

nav .toggleLink:hover {
	text-decoration: none;
}

#aside_payment nav ul {
	margin:5px 0 2px 0; 
}


nav ul {
	clear: both;
	margin:0 0 2px 0; 
	padding: 0;
}

nav li {
	list-style: none; 
	display:block;
	margin: 0 7px; 
	padding:5px 0;
	/*border-bottom: 1px dotted #FFB400;*/
}

nav li a {
	padding-left: 4px;
	text-decoration: none;
	display: inline-block; 
	margin: 4px 0;
}

nav li a:hover {
	color: #444444;
}

nav .active a {
	font-weight:bold;
	color:#333 !important;
}

/* Sidebar Icons */
nav li.icn_new_article {
	background: url(../images/icn_new_article.png) no-repeat center left;
}
nav li.icn_edit_article {
background: url(../images/icn_edit_article.png) no-repeat center left;
}
nav li.icn_categories {
background: url(../images/icn_categories.png) no-repeat center left;
}
nav li.icn_tags {
background: url(../images/icn_tags.png) no-repeat center left;
}
nav li.icn_add_user {
background: url(../images/icn_add_user.png) no-repeat center left;
}
nav li.icn_view_users {
background: url(../images/icn_view_users.png) no-repeat center left;
}
nav li.icn_profile {
background: url(../images/icn_profile.png) no-repeat center left;
}
nav li.icn_folder {
background: url(../images/icn_folder.png) no-repeat center left;
}

/* Main Content
----------------------------------------------- */
section#main {
	
	width: 100%;
	float: left; 
	margin-top:-2px;
}


/* Modules */

.module {

	width: 100%;
	margin:0;
	padding:0;
	
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.module header { 
	border-bottom:1px solid #E1E1E1;
	width: 100%;
	float:left; 
	background:#CF4A09;
	-webkit-border-top-left-radius: 4px; 
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px; 
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px; 
	border-top-right-radius: 4px;
}


.module_title {
	width: 100%;
	margin:0 0 10px 0;
	
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.module_title header {
	float:left;
	width: 100%;
	padding:1px 0;

		
		 -moz-box-shadow: 0px 2px 3px -1px rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: 0px 2px 3px -1px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 2px 3px -1px rgba(0, 0, 0, 0.7);
  border-top: 1px solid #ddd;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;

    background: url(../images/bg_generic_imgs2.png) repeat;


}

.module_agentinfo {
	width: 100%;
	margin:0 0 10px 0;
}

.module_agentinfo header {
	float:left;
	width: 100%;
}


.module_popup {
	background:#fff;
	width: 100%;
	margin:3px 0 5px 0;
	padding:0;
	
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.module_popup header {
	border-bottom:1px solid #cfcfd1;
	background:#FFFFFF;
	-webkit-border-top-left-radius: 4px; 
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px; 
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px; 
	border-top-right-radius: 4px;
}

.module_popup footer {
	background:#d7d7d7;
	display:block;
	-webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px;
}

.footer_content{
	padding:5px 12px;
	vertical-align:middle;
}

.module_content {
	margin: 10px 20px;
	color: #666;
}



/* Content Manager */
.title_table{
	text-transform:uppercase;
	line-height:30px;
	font-weight:bold;
	padding:0 10px;
	font-size:11px;
	color:#fff;
	float:left;
}

.tablesorter {
	width: 100%; 
	margin:0;
	background:#fff;
	border:1px solid #ddd; 
}


.tablesorter td{
	margin: 0; 
	padding:5px 5px; 
	text-align:center;
	border-right: 1px solid #D7D7D7;
	border-bottom: 1px solid #D7D7D7; 
	color:#333;
	text-transform:capitalize;
	white-space:nowrap;
}

/*.tablesorter td a{
	color:#09C;
}

.tablesorter td a:hover{
	text-decoration:underline;
}*/

.tablesorter thead tr {
	height:30px; 
	background:#ccc url(../images/bg_highlight.png) 50% 50% repeat-x;
	text-align: center; 
	vertical-align:middle;

}

.tablesorter thead th {
	border-right: 1px solid #a6a6a6;
	padding:7px 5px; 
	color:#000;
	text-transform:capitalize;
	vertical-align:middle;
}

.totalnum{
	text-align:left !important;
}

table.tablesorter .mtitle  th{
	color: #000;
	text-transform:capitalize;
	padding:8px;
	text-align:left;
	white-space:nowrap;
  border:1px solid #a6a6a6;
	background-color:#c8c8c8;
}

.show_num {
    background-color: #fff;
    color: #333;
    font-weight: bold;
    vertical-align: middle;
    white-space: nowrap;
		padding:3px 10px;
		border-radius:3px;
		text-shadow:none !important;
		margin-left:8px;
}
/*Table Popup
----------------------------------------------------------*/
.table-striped td{
	padding:0 5px !important;
}

.table-striped img{
	float:left;
}

.marginlef5{
	margin-left:5px;
}

.fileupload-buttonbar{
	background:#dcdcdc;
	padding:5px;
}

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

.tablepopup td{
	margin: 0; 
	padding:5px 5px; 
	text-align:center;
	border-right: 1px dotted #ccc;
	border-bottom: 1px dotted #CCCCCC; 
	color:#333;
	text-transform:capitalize;
	white-space:nowrap;
}

.tablepopup thead tr {
	height:30px; 
	background:#E6E6E6;
	text-align: center; 
	vertical-align:middle;
	text-shadow: 0 1px 0 #fff;
}

.tablepopup thead th {
	border-right: 1px dotted #ccc;
	padding:7px 2px; 
	color:#333;
	text-transform:capitalize;
	vertical-align:middle;
}


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

.tablepopup2 td{
	margin: 0; 
	padding:5px 5px; 
	text-align:center;
	border-right: 1px dotted #ccc;
	border-bottom: 1px dotted #CCCCCC; 
	color:#333;
	text-transform:capitalize;
}

.tablepopup2 thead tr {
	height:30px; 
	background:#E6E6E6;
	text-align: center; 
	vertical-align:middle;
	text-shadow: 0 1px 0 #fff;
}

.tablepopup2 thead th {
	border-right: 1px dotted #ccc;
	padding:7px 2px; 
	color:#333;
	text-transform:capitalize;
	vertical-align:middle;
}


ul.tabs {
	margin: 5px 0  4px 8px;
	padding: 0;
	float: left;
	list-style: none;
	height: 24px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 0 #fff;
	-moz-box-shadow: 0 1px 0 #fff;
	border: 1px solid #BBBBBB;
	font-weight: bold;
	text-shadow: 0 1px 0 #fff;
	background:url(../images/module_footer_bg.png) repeat-x;
}

ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	line-height: 24px;
}

ul.tabs li a {
	text-decoration: none;
	color: #888;
	display: block;
	padding: 0 15px;
	height: 24px;
}

ul.tabs li a:hover {
	color: #44474F;
}

html ul.tabs li.active a  {
	color: #333;
}

html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #F1F2F4;
	-webkit-box-shadow: inset 0 1px 2px #818181;
	-moz-box-shadow: inset 0 1px 2px #818181;
	box-shadow: inset 0 1px 2px #818181;
}


/* New/Edit Article Module */
fieldset {
	border:none;
/*	margin:0;
	padding:0;*/
}

fieldset .box_dialog{
	border:none;
}



/* langages */
fieldset select.languages{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #BBBBBB;
	width: 122px;
	color: #666666;
	-webkit-box-shadow: inset 0 1px 1px #ccc, 0 1px 0 #fff;
	-moz-box-shadow: inset 0 1px 1px #ccc, 0 1px 0 #fff;
	box-shadow: inset 0 1px 1px #ccc, 0 1px 0 #fff;
	padding:3px 5px 2px 5px;
	margin: 6px 8px 0 0;
	display: block;
	float: left;
}




/* Icon Table
----------------------------------------------- */
a.user_setting	{
	background: url(../images/table/table_icon_1.png);
	display: block;
	height: 20px;
	width: 24px;
}

a:hover.user_setting	{
	background: url(../images/table/table_icon_1.png) 0 -20px;
}
	
/* bet status */	
a.bet_status	{
	background: url(../images/table/bet_status.png);
	display: block;
	height: 20px;
	width: 22px;
}

a:hover.bet_status	{
	background: url(../images/table/bet_status.png) 0 -20px;
}

/* permission */	
a.permission	{
	background: url(../images/table/permission.png);
	display: block;
	height: 20px;
	width: 22px;
}

a:hover.permission	{
	background: url(../images/table/permission.png) 0 -20px;
}

/* Reset Limit */
a.reset_limit	{
	background: url(../images/table/reset_limit.png);
	display: block;
	height: 20px;
	width: 22px;
}

a:hover.reset_limit	{
	background: url(../images/table/reset_limit.png) 0 -20px;
}	
	
/* paging
----------------------------------------------- */
#paging-table {
	float: right; 
	margin:3px 12px 3px 0;
}
	
a.page-far-left	{
	background: url(../images/button/paging_far_left.png) no-repeat;
	background-position:0 0;
	display: block;
	float: left;
	height: 24px;
	margin: 0 4px 0 0;
	width: 24px;
}

a:hover.page-far-left	{
	background-position:0 -24px;
}
	
a.page-left	{
	background: url(../images/button/paging_left.png) no-repeat;
	background-position:0 0;
	display: block;
	float: left;
	height: 24px;
	width: 24px;
}

a:hover.page-left 	{
	background-position:0 -24px;
}


a.page-far-right	{
	background: url(../images/button/paging_far_right.png) no-repeat;
	background-position:0 0;
	display: block;
	float: left;
	height: 24px;
	margin: 0 0 0 4px;
	width: 24px;
}

a:hover.page-far-right	{	
	background-position:0 -24px;
}

a.page-right	{
	background: url(../images/button/paging_right.png) no-repeat;
	background-position:0 0;
	display: block;
	float: left;
	height: 24px;
	width: 24px;
}

a:hover.page-right	{
	background-position:0 -24px;
}

#page-info	{
	float: left;
	line-height: 16px;
	padding: 4px 12px 0 12px;
	color:#fff;
}
	
	
/* BUTTON
----------------------------------------------- */
/* Button Query  */		
.btn_query {
	 padding:3px 10px !important;
	 margin-right:5px;
	 background:url(../images/secondary_bar.png) repeat-x; color:#333;
	 color:#333; cursor:pointer;
	 text-shadow: 0 1px 0 #FFFFFF;
	 
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.btn_query:hover{
	background:#fff;
	box-shadow: 0 1px 1px #CCCCCC inset; 
}

/* Button Create Acc */
.btn_create_acc {
	padding:3px 5px !important;  cursor:pointer; margin-right:5px;
	background:url(../images/secondary_bar.png) repeat-x; color:#333;
	color:#333; cursor:pointer;
	text-shadow: 0 1px 0 #FFFFFF;
	
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.btn_create_acc:hover{
	background:#fff;
	box-shadow: 0 1px 1px #CCCCCC inset; 
}

/* Button Reset limit */
.btn_Reset_limit {
	height:24px; width:70px; text-align:center;
	background:#fff;
	color:#9A9FAE; 
	cursor:pointer;
	border: 1px solid #ccc !important;
	text-shadow: 0 1px 0 #FFFFFF;
	
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.btn_Reset_limit:hover{
	box-shadow: 0 1px 1px #CCCCCC inset, 0 1px 0 #FFFFFF;
}


/* Button Choose --- */
.btn_choose_select {
	width:24px;
	padding:3px 0;
	border: 1px solid #a4a4a4;
	cursor:pointer;
	background:#fff url(../images/button/btn_choose.png) no-repeat top center;
	background-position:0 0;
	 
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border-radius: 4px;
	
}

.btn_choose_select:hover{
	background-position:0 -24px;
}

/* Button Bet Status */
.btn_betstatus {
	 height:24px; width:26px; text-align:center;
	 background:url(../images/button/bet_status.png) no-repeat top center;
	 background-position:0 0;
	 cursor:pointer;
	 border:none;
	 
	 -webkit-border-radius: 4px; 
	 -moz-border-radius: 4px;
	 border-radius: 4px;
}

.btn_betstatus:hover{
	background-position:0 -24px;
}

/* Button Show Bet Status --- */
.btn_show_betstatus {
	 height:24px; padding:0 5px 0 24px; color:#9a9fae;
	 background:url(../images/button/show_bet_status.png) no-repeat top center;
	 background-position:0 -24px;
	 -webkit-border-radius: 4px; cursor:pointer;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:none;
}

.btn_show_betstatus:hover{
	background-position:0 0;
}

/* Button Permission --- */
.btn_permission {
	 height:24px; width:44px; text-align:center;
	 background:url(../images/button/btn_permission.png) no-repeat top center;
	 background-position:0 0;
	 -webkit-border-radius: 4px; cursor:pointer;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:none;
}

.btn_permission:hover{
	background-position:0 -24px;
}

/* Button User Setting --- */
.btn_user_setting {
	 height:24px; width:44px; text-align:center;
	 background:url(../images/button/btn_user_setting.png) no-repeat top center;
	 background-position:0 0;
	 -webkit-border-radius: 4px; cursor:pointer;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:none;
}

.btn_user_setting:hover{
	background-position:0 -24px;
}


/* Button table Setting --- */
.btn_tablesetting {
	 height:24px; width:44px; text-align:center;
	 background:url(../images/button/btn_tablesetting.png) no-repeat top center;
	 background-position:0 0;
	 -webkit-border-radius: 4px; cursor:pointer;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:none;
}

.btn_tablesetting:hover{
	background-position:0 -24px;
}


/* Button Withdraw --- */
.btn_withdraw {
	 height:24px; width:48px; text-align:center;
	 background:url(../images/button/btn_withdraw.png) no-repeat top center;
	 background-position:0 0;
	 -webkit-border-radius: 4px; cursor:pointer;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:none;
}

.btn_withdraw:hover{
	background-position:0 -24px;
}

/* Button Deposit --- */
.btn_deposit {
	 height:24px; width:48px; text-align:center;
	 background:url(../images/button/btn_deposit.png) no-repeat top center;
	 background-position:0 0;
	 -webkit-border-radius: 4px; cursor:pointer;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:none;
}

.btn_deposit:hover{
	background-position:0 -24px;
}


/* Button More Profile --- */
.btn_more_profile {
	 height:24px; padding:0 0 0 20px; color:#333;
	 background:url(../images/button/btn_more_profile.png) no-repeat top;
	 background-position:0 0;
	 -webkit-border-radius: 4px; cursor:pointer;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:none;
}

.btn_more_profile:hover{
	background-position:0 -24px;
}

/* Button convert --- */
.btn_convert {
	 height:24px; width:24px; text-align:center;
	 margin:0 10px 0 2px;
	 background:#fff url(../images/button/btn_convert.png) no-repeat top center;
	 background-position:0 0;
	 cursor:pointer;
	 border:none;
	 border: 1px solid #A7D7F2;
	 
	 -webkit-border-radius: 4px; 
	 -moz-border-radius: 4px;
	 border-radius: 4px;
}

.btn_convert:hover{
	background-position:0 -24px;
}

/* Button arrow down */
.btn_arrowdown {
	 height:24px; width:24px; text-align:center;
	 margin:0 2px;
	 background:#fff url(../images/button/btn_arrowdown.png) no-repeat top center;
	 background-position:0 0;
	 cursor:pointer;
	 border:none;
	 border: 1px solid #dddcdc;
	 
	 -webkit-border-radius: 4px; 
	 -moz-border-radius: 4px;
	 border-radius: 4px;
}

.btn_arrowdown:hover{
	background-position:0 -24px;
}



/* module_with */
.with_32per_col{
    width: 32%;
	float:left;
}

.with_33per_col{
    width: 33%;
	float:left;
}

/*..*/


/* module_user online */
.module_user_ol {
	margin: 10px 1% 0 0;
	border: 1px solid #f3f3f3;	
    background:#FFFFFF;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;		
}

.module_user_ol header {
	margin:1%;
	background:url(../images/bg-tab.jpg) center top;
	
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	
	-ms-border-top-left-radius:4px;
	-ms-border-top-right-radius:4px;
	
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;

	-o-border-top-left-radius:4px;
	-o-border-top-right-radius:4px;
	
	-moz-border-top-left-radius:4px;
	-moz-border-top-right-radius:4px;
}

.module_user_ol header label {
	text-transform:uppercase;
	line-height:34px;
	padding-left:10px;
	font-weight:bold;
	color:#fff;
}

/* .. */

/* Module Exchange Rate */
.module_exchange_rate {
	margin: 10px 0 0 0;
	border: 1px solid #f3f3f3;	
    background:#FFFFFF;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;		
}

.module_exchange_rate header {
	margin:1%;
    background:url(../images/bg-tab.jpg) top center;
	
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	
	-ms-border-top-left-radius:4px;
	-ms-border-top-right-radius:4px;
	
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;

	-o-border-top-left-radius:4px;
	-o-border-top-right-radius:4px;
	
	-moz-border-top-left-radius:4px;
	-moz-border-top-right-radius:4px;
}

.module_exchange_rate header label {
	text-transform:uppercase;
	line-height:34px;
	padding-left:10px;
	font-weight:bold;
	color:#fff;
}

/* .. */

.view_report {
	float: left;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin:2% 3% 3% 3%;
	background:#F8F8F8;
	width:94%;
	height:187px;
	
	-webkit-box-shadow: inset 0 1px 1px #ccc;
	-moz-box-shadow: inset 0 1px 1px #ccc;
	-o-box-shadow: inset 0 1px 1px #ccc;
	box-shadow: inset 0 1px 1px #ccc;
}

.view_total_user_ol {
	float: left;
	width:100%;
	margin:50px 0 0 0;
}

.view_report p {
	margin: 0; padding: 0;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 1px 0 #fff;
}

.view_report_text {
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0 !important;
}

.view_report_count {
	font-size: 26px;
	font-weight: bold;
	color: #333;
}

/* .table exchange rate. */
.view_exchange_rate {
	float: left;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 3px;
	margin:2% 3% 3% 3%;
	background:#F8F8F8;
	width:94%;
	height:185px;
	overflow-y:scroll;
	overflow-x:visible;
	
	-webkit-box-shadow: inset 0 1px 1px #ccc, 0 1px 0 #fff;
	-moz-box-shadow: inset 0 1px 1px #ccc, 0 1px 0 #fff;
	box-shadow: inset 0 1px 1px #ccc;
}

.text_base_curr{
	text-transform: capitalize;
	line-height:34px;
	padding-left:10px;
	color:#fff;
}

.table_exchange {
	width: 100%; 
	margin:0;
}

.table_exchange td{
	margin: 0; 
	padding:5px 5px; 
	text-align:center;
	border-right: 1px dotted #ccc; 
	color:#333;
	text-transform:capitalize;
}

.table_exchange thead tr {
	height:30px; 
	text-align: center; 
	vertical-align:middle;
	text-shadow: 0 1px 0 #fff;
}

.table_exchange thead th {
	border-right: 1px dotted #CCCCCC;
	padding:10px 2px; 
	color:#333;
	text-transform:capitalize;
}


/* FORM DIALOG
----------------------------------------------- */
.box_dialog{
	margin:0;
}

.box_table_transaction{
	margin: 12px 12px 12px 12px;
	border:1px solid #E1E1E1;
	border-radius:4px;
	min-width:450px;
}

.box_table_popup{
	margin: 12px 14px 12px 5px;
	border:1px solid #E1E1E1;
	border-radius:4px;
	width:auto;
}

.box_table_uploaddocument{
	border:1px solid #E1E1E1;
	border-radius:4px;
	width:600px;
	.margin:10px;
}

.nowarptext{
	white-space: nowrap;
}

.with600px{
	width:600px;
}


.box_permission{
	height:300px;

}

.box_deposit{
	margin:15px 0 10px 0;
}

.box_resetwl{
	margin:15px 0 10px 0;
}

.box_nolable{
	margin:15px 12px;
}

.text_information{
	font-size:14px;
	padding:10px 30px 20px 30px;
	text-align:center;
	width:auto;
	display:block;
}

/* .Agent Member User Setting. */
ul.tabs_member,
ul.tabs_agent {
	margin: 5px 12px;
	padding: 0;
	list-style: none;
	height: 24px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 0 #fff;
	-moz-box-shadow: 0 1px 0 #fff;
	border: 1px solid #BBBBBB;
	font-weight: bold;
	text-shadow: 0 1px 0 #fff;
	background:url(../images/module_footer_bg.png) repeat-x;
}

ul.tabs_member li,
ul.tabs_agent li {
	float: left;
	margin: 0;
	padding: 0;
	line-height: 24px;
	text-transform:capitalize;
}

ul.tabs_member li a,
ul.tabs_agent li a {
	text-decoration: none;
	color: #888;
	display: block;
	padding: 0 15px;
	height: 24px;
}

ul.tabs_member li a:hover,
ul.tabs_agent li a:hover {
	color: #44474F;
}

html ul.tabs_member li.active a,
html ul.tabs_agent li.active a  {
	color: #333;
}

html ul.tabs_member li.active, 
html ul.tabs_member li.active a:hover,
html ul.tabs_agent li.active,
html ul.tabs_agent li.active a:hover  {
	background: #F1F2F4;
	-webkit-box-shadow: inset 0 1px 2px #818181;
	-moz-box-shadow: inset 0 1px 2px #818181;
	box-shadow: inset 0 1px 2px #818181;
}


.form_dialog label {
  float: left;
  width:auto;
  text-align: left;
  line-height:24px;
  text-transform:capitalize;
}

.uneditable_input{
	overflow: hidden;
	white-space: nowrap;
	cursor: not-allowed;
	line-height:24px;
	font-weight:bold;
}

label.checkbox {
	text-align:left;
	vertical-align:middle;
	width:auto;
	margin-right:15px;
}


.form_dialog .control-group {
  margin:0 14px 10px 10px;
}

.form_dialog .controls {
  padding-left: 180px;
}

.form_dialog .title {
	font-weight:bold;
	text-transform:capitalize;
	padding:5px 0 0 8px;
	line-height:30px;
	color: #ec5e00;
	display:block;
}

.form_dialog .info {
	font-weight:bold;
	text-align:center;
	line-height:30px;
	display:block;
}

.width300{
	width:300px;
}

.width400{
	width:400px;
}

.width500{
	width:500px;
}

.width600{
	width:600px;
}

.width700{
	width:700px;
}

.width800{
	width:800px;
}

.width1000{
	width:1000px;
}

.button_cancelform{
	margin:10px 0 10px 92px;
}

.input-append .add-on {
  display: inline-block;
  /* IE7 inline-block hack */


  width: auto;
  min-width: 16px;
  line-height:25px;
  padding: 0 7px;
  font-weight: normal;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  vertical-align: middle;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  margin-left:-5px;
  text-transform:capitalize;
  
  -webkit-border-radius:0 4px 4px 0;
  -moz-border-radius:0 4px 4px 0;
  border-radius:0 4px 4px 0;
}

.widthfix_addon{
	min-width:140px !important;
	text-align:left !important;
}

.form_dialog .input-append {
  display: inline-block;
  *zoom:1;
  /* IE7 inline-block hack */


  margin-bottom: 0;
}


.form_dialog select{ 
	vertical-align:middle;
	float:left; 
	padding:2px 3px 2px 5px;
	border: 1px solid #BBBBBB;
	color:#555;
	
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}



/* FIELDSET
----------------------------------------------- */
fieldset select {
	-webkit-border-radius:3px;
	-moz-border-radius: 3px;
	border-radius:3px;
	color: #666;
}

fieldset label {
	display: block;
}

fieldset input[type=text] {
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	border: 1px solid #BBBBBB;
	color: #666;
	margin: 0;
	display: block;
	float: left;
	padding:5px;
}

fieldset input[type=text]:focus {
	border-color: rgba(236,144,82, 0.8);
    outline: 0;
    /* IE6-9 */
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px rgba(236,144,82,.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px rgba(236,144,82,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px rgba(236,144,82,.6);
}

fieldset input[type=password] {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius:3px;
	border: 1px solid #BBBBBB;
	color: #666;
	margin: 0;
	display: block;
	float: left;
	padding:4px 5px 4px 5px;
}

fieldset input[type=password]:focus {
	border-color: rgba(236,144,82, 0.8);
    outline: 0;
    /* IE6-9 */
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px rgba(236,144,82,.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px rgba(236,144,82,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px rgba(236,144,82,.6);
}


fieldset textarea {
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	border: 1px solid #BBBBBB;
	color: #666;
	margin: 0;
	display: block;
	float: left;
	padding:4px 5px 4px 5px;
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	font-size:12px;
}

fieldset textarea:focus {
	border-color: rgba(236,144,82, 0.8);
    outline: 0;
    /* IE6-9 */
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px rgba(236,144,82,.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px rgba(236,144,82,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px rgba(236,144,82,.6);
}

fieldset input[type=button]:focus {
	outline:none;
}


.show_hide_menu{
	float:left;
	margin:5px 0 0 20px;
}



/*-------------LANGUAGES------------*/
ul.ldd_languages {
	width:140px; height:32px;
	margin:4px 8px 0 0; padding:0; cursor:pointer;
	float:right;
	background:url(../images/languages_bg.png) top no-repeat;

}
ul.ldd_languages a{
	text-decoration:none;
}
ul.ldd_languages > li{
	float:left;
	position:relative;
}

.down_arrowlanguages{
	float:right;
	margin:5px 7px 0 0;
}

ul.ldd_languages > li > span{
	float:left;
	cursor: pointer;
	color: #ffffff;
	font-size:12px;
}
ul.ldd_languages .ldd_sublanguages{
	position:absolute;
	top:39px;
	display:none;
	right:0px;
	font-size:11px;
	background: #011d33;
	border: 1px solid #767676;
	-moz-box-shadow:0px 1px 4px #313131 inset;
	-webkit-box-shadow:0px 1px 4px #313131 inset;
	-box-shadow:0px 1px 4px #313131 inset;
	z-index: 12000;
	padding: 3px;
	border-radius:4px;
	opacity:0.95;
}

ul.ldd_languages ul{
	list-style:none;
	float:left;
	margin: 10px 0px 10px 10px;
	padding:10px;
}

ul.ldd_languages li {
	display: inline;
	float: left;
	width:127px; height:32px;
	padding:7px 0 10px 12px;
}

ul.ldd_languages li span {
	padding-right: 7px; float:left;
	/* color: #F5D96E; */
}

ul.ldd_languages li img {
	padding-right: 7px; float:left;
	/* color: #F5D96E; */
}

ul.ldd_languages ul li a{
	font-size:12px;
	font-weight: normal;
	line-height:20px;
	color:#fff;
	padding:1px 3px;
	text-shadow: none;
}
ul.ldd_languages ul li a:hover{
	color: #f05b8c;
}



/* main languages */

#languages_navi {
	float:right;
	padding:0px !important;
	margin:0px !important;
	background-color: #333;
}

#languages_navi li {
	clear:both;
	/*background: url("../img/h_line.png") repeat-x scroll left bottom rgba(0, 0, 0, 0);*/
	color:#fff;
	font-size:12px;
	height:16px;
	list-style-type:none;
	padding:7px;
	width:116px;
	cursor:pointer;
}

#languages_navi li:hover {
	background-color:#fea200;
}

#languages_navi li.first {
	border-top: 0px none;
}

#languages_navi li.last {
	background-image:none !important;
}

#languages_navi li.active {
	background-color:#0079da;
	color: #ffffff;
	background-image:none;
}

#languages_navi li span.title {
	color: #fff;
	display: block;
	text-transform:capitalize;
	line-height:12px;
}

#languages_navi li img {
	width: 24px;
	height: 16px;
}
	
#languages_navi strong {
	display:block;
}
	
#languages_navi .ibe_outer {
	float: left;
	margin-right: 10px;
}
/*------End Languages--------*/

.error_mes{
	color:#ff0000;
	padding:0 0 15px 20px;
}


.form_dialog2 {
	padding:10px 0;
	width:340px;
}

.form_dialog2 label {
  float: left;
  text-align: left;
  line-height:24px;
  text-transform:capitalize;
}

.form_dialog2 .control-group {
  margin:0;
}

.form_dialog2 .controls {
  padding-left: 160px;
}

.form_dialog2 .title {
	font-weight:bold;
	text-transform:capitalize;
	padding:5px 0 0 8px;
	line-height:30px;
	color: #ec5e00;
	display:block;
}

.form_dialog2 .info {
	font-weight:bold;
	text-align:center;
	line-height:30px;
	display:block;
}

.form_dialog2 .input-append {
  display: inline-block;
  *zoom:1;
  /* IE7 inline-block hack */


  margin-bottom: 0;
}


.form_dialog2 select{ 
	vertical-align:middle;
	float:left; 
	padding:2px 3px 2px 5px;
	border: 1px solid #BBBBBB;
	color:#555;
	
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.no_line {
    border: medium none !important;
}

.lineleft tr td {
	border-left: 1px solid #d7d7d7;
}

.noclick {
    cursor: default!important;
}

.text_coslap{
  width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display:inline-block;
}

.text_formdate{
	float:left;
	padding:0 10px;
	line-height:26px;
}


/*Google Authenticator*/
.google-app {
    width: 600px;
    background: #fff;
    padding: 10px 20px;
    font-size: 13px;
}
.google-app .scan-qr {
    border:1px solid #ddd;
    background-color:#efefef;
    display:flex;
    padding:16px 10px 10px;
    margin-bottom:20px
}
.google-app .scan-qr-left {
    flex:0 0 60%;
    display:flex;
    flex-direction:column;
    align-items:center
}
.google-app .scan-qr-left img {
    width:150px;
    height:150px
}
.google-app .otp-scan {
    display:block;
    margin-bottom:10px;
    word-break:normal
}
.google-app .enable-btn {
    text-transform:uppercase;
    line-height: 24px;
    color: #fff !important;
    margin-top: 5px;
}
.google-app .tip {
    font-size:90%;
    font-style:italic;
    color:#646b6e
}
.google-app input{
    width: 100%;
    height: 30px;
    font-size: 1rem;
    padding: 0 8px;
    box-sizing: border-box;
}

.google-app a{
    color: #fe8d45 !important;
}