@charset "UTF-8";
/*header style begin*/
div.sixhead{position:fixed; top:0; right:0; left:0; height:60px; background:rgba(0,0,0,0.8); z-index:90;}
div.sixhead a.menu{display:block; position:absolute; top:0; left:0; width:60px; height:60px; font-family:'exxiteicon'; font-size:2em; text-align:center; line-height:1.9em;}
div.sixhead a.menu:link{color:rgba(255,255,255,0.6);}
div.sixhead a.menu:visited{color:rgba(255,255,255,0.6);}
div.sixhead a.menu:hover{color:rgba(255,255,255,0.9);}
div.sixhead a.logo{display:block; position:absolute; top:0; left:60px; width:100px; height:60px; background:url(logo.svg) no-repeat center center; background-size:50px;}
div.sixhead a.button{display:block; float:right; height:30px; width:40px; margin:7px 0 0 0; padding:0; font-size:1.8em;}
div.sixhead a.button:link{color:rgba(255,255,255,0.4);}
div.sixhead a.button:visited{color:rgba(255,255,255,0.4);}
div.sixhead a.button:hover{color:rgba(255,255,255,0.9);}
div.sixhead a.button:focus{color:rgba(255,255,255,0.9);}

div.sixhead2{position:fixed; top:60px; right:0; left:0; background:rgba(235,235,235,0.8); z-index:90; font-size:0.75em; padding:5px 20px 5px 20px;}
div.sixhead2 strong{font-weight:bold;}
div.cms6_server{float:right; text-transform:uppercase; font-weight:bold; font-size:3em; color:rgba(255,255,255,0.3); padding:0 20px 0; cursor:default;}
div.cms6_server:hover{color:rgba(255,255,255,0.8);}
/*header style end*/

/*page grid styles begin*/
div.sixgrid{position:absolute; top:100px; bottom:5px; left:5px; right:5px;}
div.sixgrid div.colinner{margin:5px;}
div.sixgrid div.col1_1{float:left;width:100%;}
div.sixgrid div.col2_1{float:left;width:50%;}
div.sixgrid div.col3_1{float:left;width:33.33333%}
div.sixgrid div.col3_2{float:left;width:66.66666%}
div.sixgrid div.col4_1{float:left;width:25%;}
div.sixgrid div.col4_2{float:left;width:50%;}
div.sixgrid div.col4_3{float:left;width:75%;}

div.sixgrid.closed div.col4_1{display:none;}
div.sixgrid.closed div.col4_3{width:100%;}

/*page grid styles end*/

/*user list styles begin*/
div.cms6_userlist a { white-space:nowrap;}
div.cms6_userlist table {font-size:0.75em; color:#666; border-collapse: collapse; width:100%; background:#eee; border: 2px solid #ccc; margin:10px 0 20px 0;}
div.cms6_userlist td {border-bottom:1px solid #ccc; padding:4px 20px 4px 4px; vertical-align:top;}
div.cms6_userlist tbody tr:hover {background:#e5f9ff;}
div.cms6_userlist .a1 {text-align:right; width:1%;}
div.cms6_userlist .a2 {font-weight:bold; width:1%;}
div.cms6_userlist .a3 {width:1%;}
div.cms6_userlist .a4 {width:1%;}
div.cms6_userlist .a5 {text-align:right; font-weight:bold;}
div.cms6_userlist .a6 {width:1%;text-align:right; font-weight:bold;}
div.cms6_userlist .odd {background:#fff;}
div.cms6_userlist th.desc {background:url(down.svg) no-repeat 5px center #ccc; padding-left:20px;}
div.cms6_userlist th.asc  {background:url(up.svg) no-repeat 5px center #ccc; padding-left:20px;}

div.sixwhitelabel{background:#fff; color:#999; font-size:2em; border:4px solid #ccc; padding:20px; margin-bottom:10px;}
/*user list styles end*/

/*user list styles begin*/
div.cms6_shoptable a { white-space:nowrap;}
div.cms6_shoptable table {font-size:0.75em; color:#666; border-collapse: collapse; width:100%; background:#eee; border: 2px solid #ccc; margin:10px 0 20px 0;}
div.cms6_shoptable td {border-bottom:1px solid #ccc; padding:4px 20px 4px 4px; vertical-align:top;}
div.cms6_shoptable tbody tr:hover {background:#e5f9ff;}
div.cms6_shoptable .a1 {text-align:right; width:1%;}
div.cms6_shoptable .a2 {font-weight:bold; width:1%;}
div.cms6_shoptable .a3 {width:1%;}
div.cms6_shoptable .a4 {width:1%;}
div.cms6_shoptable .a5 {text-align:right; font-weight:bold;}
div.cms6_shoptable .a6 {width:1%;text-align:right; font-weight:bold;}
div.cms6_shoptable .odd {background:#fff;}
div.cms6_shoptable th.desc {background:url(down.svg) no-repeat 5px center #ccc; padding-left:20px;}
div.cms6_shoptable th.asc  {background:url(up.svg) no-repeat 5px center #ccc; padding-left:20px;}
/*user list styles end*/

/*shop sum table styles begin*/
div.cms6_sum .a2{text-align:right; font-size:1.2em;}
div.cms6_sum .a3{text-align:right; font-size:1.2em;}
div.cms6_sum .a4{text-align:right; font-size:1.2em;}
/*shop sum table styles end*/

/*shop profit table styles begin*/
div.cms6_profit .a1{text-align:right; font-size:1.4em;}
div.cms6_profit .a2{text-align:right; font-size:1.4em;}
div.cms6_profit .a3{text-align:right; font-size:1.4em;}
div.cms6_profit .a4{text-align:right; font-size:1.4em;}
/*shop profit table styles end*/

/*shop regulatror stat table style begin*/
div.regulator{width:200px;}
div.regulator table{border:none; background:transparent;}
div.regulator td {border:none; border-bottom:1px solid #ccc; padding:4px 20px 4px 4px; vertical-align:top;}
div.regulator .a2{text-align:right;}
/*shop regulatror stat table style end*/

/*user role list styles begin*/
div.cms6_userrole_list { white-space:nowrap;}
div.cms6_userrole_list table {font-size:0.75em; color:#666; border-collapse: collapse; width:100%; background:#eee; border: 2px solid #ccc; margin:10px 0 20px 0;}
div.cms6_userrole_list td {border-bottom:1px solid #ccc; padding:4px 20px 4px 4px; vertical-align:top;}
div.cms6_userrole_list tbody tr:hover {background:#e5f9ff;}
div.cms6_userrole_list .odd {background:#fff;}
div.cms6_userrole_list .a1 {font-weight:bold; width:1%;}
div.cms6_userrole_list .a2 {text-align:right; width:1%;}
div.cms6_userrole_list .a3 {width:80%;}
div.cms6_userrole_list .a4 {width:1%;}
div.cms6_userrole_list .a5 {width:1%;}
div.cms6_userrole_list .a6 {text-align:right; font-weight:bold;}
/*user role list styles end*/

/*user list by users begin*/
div.cms6_userrolerem .a1{ white-space:nowrap;}
div.cms6_userrolerem .a5{ white-space:nowrap;}
/*user list by users end*/

/*cms6 module navigation styles begin*/
div.cms6_modulemenu a.main{display:block; text-decoration:none; font-size:0.8em; padding:15px; border-bottom:1px solid #666; position:relative;}
div.cms6_modulemenu a.main:link{background:#333; color:#fff;}
div.cms6_modulemenu a.main:visited{background:#333; color:#fff;}
div.cms6_modulemenu a.main:hover{background:#0cf; color:#fff;}
div.cms6_modulemenu a.main.sel:link{background:#000; color:#fff;}
div.cms6_modulemenu a.main.sel:visited{background:#000; color:#fff;}
div.cms6_modulemenu a.main.sel:hover{background:#333; color:#fff;}
div.cms6_modulemenu a.sub{display:block; text-decoration:none; font-size:0.8em; padding:10px 15px 10px 15px; border-bottom:1px solid #fff;}
div.cms6_modulemenu a.sub:link{background:#eee; color:#369;}
div.cms6_modulemenu a.sub:visited{background:#eee; color:#369;}
div.cms6_modulemenu a.sub:hover{background:#fff; color:#0cf;}
div.cms6_modulemenu a p{margin-left:30px;  font-weight:bold; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
div.cms6_menuicon{position:absolute; top:10px; left:10px;}
/*cms6 module navigation styles end*/

/*splash screen styles begin*/
div.splash {margin:10%; padding:100px 20px 20px 20px; background:url(logo.svg) no-repeat 20px 20px #eee;}
div.splash:hover {}
/*splash screen styles end*/

/*msg styles begin*/
div.msgframe{margin:10px 0 10px 0;}
div.msgframe div.head{background:#333; color:#fff; position:relative;}
div.msgframe div.head h2{float:left; font-weight:bold; padding:10px; font-size:0.9em;}
/*div.msgframe div.head h3{display:block; position:absolute; right:-5px; top:-5px; font-weight:bold; padding:10px; font-size:0.9em; background:#f33; width:18px; height:18px; border-radius:50%; text-align:center;}*/
div.msgframe div.head h3.haveMail{display:block; position:absolute; right:5px; font-weight:bold; padding:10px; font-size:0.9em; color :#f33; width:18px; height:18px; border-radius:50%; text-align:center;}
div.msgframe div.head h3.noMail{display:block; position:absolute; right:5px; font-weight:bold; padding:10px; font-size:0.9em; width:18px; height:18px; border-radius:50%; text-align:center;}

div.msgframe div.body{min-height:150px; max-height:400px; overflow:auto; background:#eee; border:1px solid #999;}
div.msgframe div.body span{text-align:center; display:block; margin:50px auto 0 auto; color:#999; font-weight:bold;}
div.msgframe div.footer{background:#999; padding:5px;}
div.msgframe div.footer a{display:block; text-decoration:none; font-size:0.8em; float:right; padding:5px; border-radius:2px; margin:0 0 0 5px;}
div.msgframe div.footer a:link{background:#333; color:#fff;}
div.msgframe div.footer a:visited{background:#333; color:#fff;}
div.msgframe div.footer a:hover{background:#0cf; color:#fff;}
div.msgframe div.footer a:active{background:#333; color:#fff;}

div.emptybox{background:#eee; padding:100px; text-align:center; color:#999; font-weight:bold;}

div.msgframe div.item{border-bottom:1px solid #999; padding:10px; position:relative;}
div.msgframe div.item div.from{float:left; font-weight:bold; font-size:0.8em; color:#999;}
div.msgframe div.item div.date{float:right; font-size:0.8em; color:#999;}
div.msgframe div.item div.subject{clear:both; font-size:0.9em; font-weight:bold; border-top:1px solid #ccc; padding-top:10px;}
div.msgframe div.item a{display:block; position:absolute; top:0; right:0; left:0; bottom:0;}
div.msgframe div.item a:hover{background:rgba(51,102,153,0.2);}
div.msgframe div.item a.sel{background:rgba(51,102,153,0.2);}

div.msgitem{background:#eee; margin-top:10px;}
div.msgiteminner{padding:0 10px 10px 10px;}
div.msgitem div.commands{background:#ccc; padding:10px 0 10px 10px; margin:0 -10px 10px -10px;}
/*msg styles end*/

/*userman styles begin*/
div.userman_list a{display:block; text-decoration:none; font-size:0.8em; padding:5px 10px 5px 20px; background-size:15px; background-repeat:no-repeat; background-position:center left;}
div.userman_list a.hidden{display:none;}
div.userman_list a:hover{background-color:#eee;}
div#userman_panel{min-height:200px;}
div#userman_panel span{display:block; text-align:center; padding-top:50px; color:#999; font-weight:bold;}
div#userman_panel h1{display:block; border-bottom:1px solid #ccc; background:rgba(0,0,0,0.7); margin:-20px -20px 10px -20px; padding:20px;  color:#fff;}
div#userman_panel div.active{background:#E9FFE0; min-height:200px; padding:20px; position:relative;}
div#userman_panel div.active:after{content:'status: active'; font-size:0.8em; display:block; position:absolute; right:20px; top:25px; font-weight:bold;  color:#fff;}

div#userman_panel div.banned{background:#fee; min-height:200px; padding:20px; position:relative;}
div#userman_panel div.banned:after{content:'status: banned'; font-size:0.8em; display:block; position:absolute; right:20px; top:25px; font-weight:bold;  color:#fff;}

div#userman_panel div.inactive{background:#CCE0F5; min-height:200px; padding:20px; position:relative;}
div#userman_panel div.inactive:after{content:'status: inactive'; font-size:0.8em; display:block; position:absolute; right:20px; top:25px; font-weight:bold; color:#fff;}

div#userman_panel div.freezed{background:#CCE0F5; min-height:200px; padding:20px; position:relative;}
div#userman_panel div.freezed:after{content:'status: freezed'; font-size:0.8em; display:block; position:absolute; right:20px; top:25px; font-weight:bold; color:#fff;}
/*userman styles end*/

/*shopwizard styles begin*/
div.shop_userlist{}
div.shop_userlist div.item{background:#eee; margin-bottom:1px; position:relative; height:40px;}
div.shop_userlist div.item a.name{display:block; position:absolute; top:0; left:0; bottom:0; right:40px; padding:12px 0 0 10px; text-decoration:none;}
div.shop_userlist div.item a.remove{display:block; position:absolute; top:0; bottom:0; right:0px; width:40px; text-decoration:none; font-family:'exxiteicon'; font-size:1.5em; padding: 5px 0 0 5px;}
div.shop_userlist div.item a.remove:link{color:#999;}
div.shop_userlist div.item a.remove:visited{color:#999;}
div.shop_userlist div.item a.remove:hover{color:#f33;}

div.shareline{display:table; width:100%;}
div.shareline div.item{display:table-cell; border-right:1px solid #ccc; background:#eee;}
div.shareline div.item h1{display:block; float:left; padding:40px 10px 40px 10px; font-size:2em; border-right:1px solid #ccc;}
div.shareline div.item h2{display:block; float:left; padding:48px 10px 40px 10px; font-size:0.9em; font-weight:bold; }
/*shopwizard styles end*/

/*changer list styles begin*/
div.changer a { white-space:nowrap;}
div.changer table {font-size:0.75em; color:#666; border-collapse: collapse; width:100%; background:#eee; border: 2px solid #ccc; margin:10px 0 20px 0;}
div.changer td {border-bottom:1px solid #ccc; padding:4px 20px 4px 4px; vertical-align:top;}
div.changer tbody tr:hover {background:#e5f9ff;}
div.changer .a1 {text-align:right; width:1%;}
div.changer .a2 {font-weight:bold; width:1%;}
div.changer .a3 {}
div.changer .a4 {}
div.changer .a5 {width:1%; text-align:right; font-weight:bold;}
div.changer .a6 {width:1%; text-align:right; font-weight:bold;}
div.changer .a7 {width:1%;text-align:right; font-weight:bold;}
div.changer .a8 {width:1%;  font-weight:bold;}
div.changer .a9 {width:1%;}
div.changer .a10 {width:1%;}
div.changer .a11 {width:1%; text-align:right;}
div.changer .odd {background:#fff;}
div.changer th{white-space:nowrap;}


div.changer th.desc {background:url(down.svg) no-repeat 5px center #ccc; padding-left:20px;}
div.changer th.asc  {background:url(up.svg) no-repeat 5px center #ccc; padding-left:20px;}

div.changer_cash tbody td{border:none; border-bottom:1px solid #ccc; text-align:right; white-space:nowrap;}
div.changer_cash thead th{border:none; text-align:right;}
div.changer_cash .a6{font-weight:bold;}
div.changer_cash tr.sum{background:#CCE0F5; font-size:1.3em;}

/*changer list styles end*/

/*kiosk list styles begin*/
div.kiosk a { white-space:nowrap;}
div.kiosk table {font-size:0.75em; color:#666; border-collapse: collapse; width:100%; background:#eee; border: 2px solid #ccc; margin:10px 0 20px 0;}
div.kiosk td {border-bottom:1px solid #ccc; padding:4px 20px 4px 4px; vertical-align:top;}
div.kiosk tbody tr:hover {background:#e5f9ff;}
div.kiosk .a1 {text-align:right; width:1%;}
div.kiosk .a2 {font-weight:bold; width:1%;}
div.kiosk .a3 {width:1%;}
div.kiosk .a4 {}
div.kiosk .a5 {}
div.kiosk .a6 {}
div.kiosk .a7 {width:1%;text-align:right; font-weight:bold;}
div.kiosk .a8 {width:1%;}
div.kiosk .a9 {width:1%;}
div.kiosk .a10 {width:1%;}
div.kiosk .a11 {width:1%; text-align:right;}
div.kiosk .odd {background:#fff;}
div.kiosk th{white-space:nowrap;}
div.kiosk th.desc {background:url(down.svg) no-repeat 5px center #ccc; padding-left:20px;}
div.kiosk th.asc  {background:url(up.svg) no-repeat 5px center #ccc; padding-left:20px;}
/*kiosk list styles end*/

/*accountation history table styles begin*/
div.cms6_acc table {font-size:0.8em; color:#666; border-collapse: collapse; width:100%; background:#fff; border: 2px solid #ccc; margin:10px 0 20px 0;}
div.cms6_acc th{font-weight:bold; background:#ccc; color:#333;}
div.cms6_acc td {border-bottom:1px solid #ccc; padding:5px 10px 5px 10px; vertical-align:top;}
div.cms6_acc tbody tr:hover {background:#eee;}
div.cms6_acc .a1 {text-align:right; width:1%;}
div.cms6_acc .a4 {text-align:right; font-weight:bold; white-space:nowrap;}
div.cms6_acc .a5 {text-align:right; font-weight:bold; white-space:nowrap;}
div.cms6_acc .a7 {text-align:right; font-weight:bold; white-space:nowrap;}
div.cms6_acc .a8 {text-align:right; font-weight:bold; white-space:nowrap;}
div.cms6_acc .a9 {text-align:right; font-weight:bold; white-space:nowrap;}
div.cms6_acc .blue{background:#e5f9ff;}
/*accountation history table styles end*/



/*accountation table styles begin*/
div.cms6_acct table{font-size:0.9em; color:#666; border-collapse: collapse; width:100%; background:#fff; border: 2px solid #ccc; margin:10px 0 20px 0;}
div.cms6_acct th{font-weight:bold; background:#ccc; color:#333;}
div.cms6_acct td {border-bottom:1px solid #ccc; padding:5px 10px 5px 10px; vertical-align:top;}
div.cms6_acct tbody tr:hover {background:#eee;}
div.cms6_acct .a1 {text-align:right; width:1%;}
div.cms6_acct .a4 {text-align:right;}
div.cms6_acct .a5 {text-align:right;}
div.cms6_acct .a6 {text-align:right;}
div.cms6_acct .a8 {font-family:'exxiteicon'; font-size:1.5em;}
div.cms6_acct .sum{font-weight:bold; background:#e5f9ff;}
div.cms6_acct .accountable{background:#DBEAD5;}
div.cms6_acct .unaccountable{background:#fee;}
/*accountation table styles end*/

/*accountation detail table styles begin*/
div.cms6_acctdet table{font-size:0.9em; color:#666; border-collapse: collapse; width:100%; background:#fff; border: 2px solid #ccc; margin:10px 0 20px 0;}
div.cms6_acctdet th{font-weight:bold; background:#ccc; color:#333;}
div.cms6_acctdet td {border-bottom:1px solid #ccc; padding:5px 10px 5px 10px; vertical-align:top;}
div.cms6_acctdet tbody tr:hover {background:#eee;}
div.cms6_acctdet .a1 {text-align:right; width:1%;}
div.cms6_acctdet .a4 {text-align:right;}
div.cms6_acctdet .a5 {text-align:right;}
div.cms6_acctdet .a6 {text-align:right; width:1%;}
div.cms6_acctdet .a7 {text-align:right;}
div.cms6_acctdet .a8 {text-align:right; width:1%;}
div.cms6_acctdet .sum{font-weight:bold; background:#e5f9ff;}
div.cms6_acctdet .accountable{background:#DBEAD5;}
div.cms6_acctdet .unaccountable{background:#fee;}
/*accountation detail table styles end*/

/*balance history table styles begin*/
div.cms6_balancehistory table{font-size:0.8em; color:#666; border-collapse: collapse; width:100%; background:#fff; border: 2px solid #ccc; margin:10px 0 20px 0;}
div.cms6_balancehistory th{font-weight:bold; background:#ccc; color:#333;}
div.cms6_balancehistory td {border-bottom:1px solid #ccc; padding:5px 10px 5px 10px; vertical-align:top;}
div.cms6_balancehistory tbody tr:hover {background:#eee;}
div.cms6_balancehistory .a1 {text-align:right; width:1%;}
div.cms6_balancehistory .a3 {text-align:right;}
div.cms6_balancehistory .a4 {text-align:right;}
div.cms6_balancehistory .a5 {text-align:right; font-weight:bold;}
div.cms6_balancehistory .summary {font-weight:bold; font-size:1.2em;}
/*balance history table styles end*/

/*profit history table styles begin*/
div.cms6_profithistory table{font-size:0.8em; color:#666; border-collapse: collapse; width:100%; background:#fff; border: 2px solid #ccc; margin:10px 0 20px 0;}
div.cms6_profithistory th{font-weight:bold; background:#ccc; color:#333;}
div.cms6_profithistory td {border-bottom:1px solid #ccc; padding:5px 10px 5px 10px; vertical-align:top;}
div.cms6_profithistory tbody tr:hover {background:#eee;}
div.cms6_profithistory .a1 {text-align:right; width:1%;}
div.cms6_profithistory .a4 {text-align:right;}
div.cms6_profithistory .a5 {text-align:right;}
div.cms6_profithistory .a6 {text-align:right; font-weight:bold;}
div.cms6_profithistory .a7 {font-family:'exxiteicon'; font-size:1.5em;}
div.cms6_profithistory .paid0 td.a7{color:#3cf;}
div.cms6_profithistory .paid1 td.a7{color:#2B8D00;}
div.cms6_profithistory .paid1{background:#DBEAD5;}
div.cms6_profithistory .me{background:#e5f9ff;}
div.cms6_profithistory .summary {font-weight:bold; font-size:1.2em;}
/*profit history table styles end*/

/*card select table styles begin*/
div.cms6_cardselect .a1 {text-align:right; width:1%;}
div.cms6_cardselect .a2 {text-align:right; width:2%;}
div.cms6_cardselect .blue{background:#e5f9ff;}
/*card select table styles end*/

/*gamelist table syle begin*/
div.cms6_gamelist td {border-left:none; border-right:none;}
div.cms6_gamelist thead th{white-space:nowrap; border:none;}
div.cms6_gamelist .a1{text-align:right; width:1%;}
div.cms6_gamelist .a2{width:100px;}
div.cms6_gamelist .a3 {fomt-weight:bold; white-space:nowrap;}
div.cms6_gameicon{width:100px; height:60px; background-size:contain; background-repeat:no-repeat}
div.cms6_gamelist tr.chidden{background:#fee;}
/*gamelist table syle end*/

div.gamelist{margin:0 0 20px 0;}
div.gamelist div.item{float:left; width:100px; height:100px; position:relative; margin:0 20px 20px 0; background-repeat:no-repeat; background-size:contain;}
div.gamelist div.label{position:absolute; bottom:0; left:0; right:0; padding:10px; font-size:0.8em; text-align:center; font-weight:bold;}

/*overwrites begin*/
div.loginframe{margin-top:100px;}
div.tabpanel{background:#FCFCFC;}
div.seltabpanel{background:#FCFCFC;}

/*tree controls styles begin*/
div.treeframe {margin:0 0 10px 0;}
div.treebase {text-align:left; padding:5px 0 10px 0; margin:0 0 10px 0; background:#eee; overflow:auto; border:1px solid #ccc;}

div.treecross{width:11px; height:16px; float:left; overflow:hidden; padding:0; margin:0;}
div.treecross img {width:11px; height:11px; padding:0; margin:0;}

div.treeicon{float:left;padding:0px 2px 0 4px;width:20px;height:20px;}
div.treeicon div{background-size:contain; background-repeat:no-repeat; width:18px; height:18px;}
div.treeitem {margin:0px 0 0 5px;padding:0 0 0 10px;}
div.treelabel{float:left;font-size: 0.8em;display:block;font-weight:normal;padding:5px 0 0 5px;text-align:left;}
div.treelabel a:link {color:#369;}
div.treelabel a:visited {color:#369;}
div.treelabel a:hover {color:#0cf;}
div.treelabel a:focus {color:#0cf;}

div.treelabel.sel{font-weight:bold;}
div.treelabelsel{float:left;font-size: 0.8em;display:block;font-weight:bold;padding:0;text-align:left; max-width:150px;} /*delete after page hiararchy transferred to taxonomy*/

div.selectedbutton {
    border-color: #355a32;
    background-color: #64af5e;
}

div.empty {background:url(page.svg) no-repeat; width:16px; height:16px; background-size:contain;}
div.file {background:url(page.svg) no-repeat; width:16px; height:16px; background-size:contain;}
div.filehidden {background:url(pagehidden.svg) no-repeat; width:16px; height:16px; background-size:contain;}
div.fileblock {background:url(pageblocked.svg) no-repeat; width:16px; height:16px; background-size:contain;}
div.filelink {background:url(pagelink.svg) no-repeat; width:16px; height:16px; background-size:contain;}
div.file.sel {background-image:url(pagesel.svg)}
div.filehidden.sel {background-image:url(pagehiddensel.svg);}
div.fileblock.sel {background-image:url(pageblockedsel.svg);}
div.filelink.sel {background-image:url(pagelinksel.svg);}
/*tree controls styles end*/

div.exxitecheckboxlabel strong {font-weight:bold;}

div.wizardbuttons {
    position: absolute;
    top: 0px;
    right: 0px;
    margin-right:7px;
}

/*icon font begin*/
@font-face {
	 font-family: 'exxiteicon';
	 src: url('exxite.eot');
	 src: url('exxite.eot?#iefix') format('embedded-opentype'),
	 url('exxite.svg#exxiteicon') format('svg'),
	 url('exxite.woff') format('woff'),
	 url('exxite.ttf') format('truetype');
	 font-weight: normal;
	 font-style: normal;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
  font-family: 'exxiteicon';
  src: url('exxite.svg#exxiteicon') format('svg');
  }
}

/*icon font end*/

/*overwrites end*/

/*traffic light styles begin*/
div.dashblock{width:20px; float:left; height:80px; position:relative; margin-right:20px; cursor:pointer;}
div.inner{text-align:center; padding:4px; position:absolute; top:0; left:0; bottom:0;}
div.traffic{margin:auto; width:30px; background:#000; padding:5px; border-radius:5px;}
div.traffic div.light{width:16px; height:16px; border-radius:50%; border:2px solid #666; margin:2px;}
div.red{background:#800;}
div.yellow{background:#850;}
div.green{background:#250;}
div.red.sel{background:#f33;}
div.yellow.sel{background:#f90;}
div.green.sel{background:#3f0;}
/*traffic light styles end*/

/*share styles begin*/
div.sharetoolholder{text-align:center; width:100%;}
div.sharetool{margin:auto; background:#eee;}
div.sharetool div.share{float:left; text-align:center; padding:10px 20px 10px 40px; background:#ccc; position:relative; color:#fff; font-size:2em; white-space:nowrap;}
div.sharetool div.share:before{content:'O'; display:block; position:absolute; left:0; top:0; bottom:0; right:0; text-align:left;font-family:'exxiteicon'; color:#fff; font-size:1em; padding-top:10px;}
div.sharetool div.share:hover{background:#0cf;}

div.sharetool div.down{float:left; text-align:center; padding:10px 40px 10px 20px; background:#666; position:relative; color:#fff; font-size:2em;}
div.sharetool div.down:before{content:'N'; display:block; position:absolute; left:0; top:0; bottom:0; right:0; text-align:right;font-family:'exxiteicon'; color:#fff; font-size:1em; padding-top:10px;}

div.sharetool div.up{float:left; width:100px; text-align:center; padding:10px 20px 10px 20px; background:#666; position:relative; color:#fff; font-size:2em;}
div.sharetool div.up:before{content:'O'; display:block; position:absolute; left:0; top:0; bottom:0; right:0; text-align:left;font-family:'exxiteicon'; color:#fff; font-size:1em; padding-top:10px;}

div.sharetool div.share a{display:block; position:absolute; top:0; bottom:0; left:0; right:0; }
div.sharetool div.shop{float:left;  text-align:center; padding:20px; background:#eee; font-size:0.9em; font-weight:bold; white-space:nowrap;}
/*share styles end*/

/*changer firmware styles begin*/
div.firm div.sel:before{content:'Z'; font-family:'exxiteicon'; font-size:2em; color:#2B8D00;}
/*changer firmware styles end*/

/*cardinfo table styles begin*/
div.cms6_ctable{padding:10px; margin-bottom:5px;}
div.cms6_ctable.inactive{background:#CCE0F5;}
div.cms6_ctable.active{background:#E9FFE0;}
div.cms6_ctable.banned{background:#fee;}
div.cms6_ctable.in_kiosk{background:#ffc;}
div.cms6_ctable td{font-size:0.8em; padding:5px 10px 5px 10px; border-bottom:1px solid #ccc;}
div.cms6_ctable td.label{text-align:right;}
div.cms6_ctable td.value{font-weight:bold;}
/*cardinfo table styles end*/

/* cardlist table styles begin*/
div.cms6_card table{border:none;}
div.cms6_card tr:hover{background:#eee;}
div.cms6_card td{border:none; border-top:1px solid #ccc;}
div.cms6_card .a1{text-align:right; width:1%;}
div.cms6_card .a2{font-weight:bold;}
/* cardlist table styles end*/

/* card history table styles begin */
div.cms6_cardhistory .a1{text-align:right; width:1%;}
div.cms6_cardhistory .a2{white-space:nowrap;}
div.cms6_cardhistory .a3{white-space:nowrap;}
div.cms6_cardhistory .a4{white-space:nowrap;}
/* card history table styles end */

/*translator styles begin*/
div.cms6trans tr:hover{background:#eee;}
div.cms6trans td{border:none; border-bottom:1px solid #ccc;}
div.cms6trans .a1{width:1%; text-align:right;}
div.cms6trans .a2{width:30%;text-align:right;padding-right:20px;}
div.cms6trans .a3{padding:2px; font-size:1.4em;}
div.cms6trans .a4{padding:2px; font-size:1.4em;}
div.cms6trans .a5{padding:2px; font-size:1.4em;}
div.cms6trans .a6{padding:2px; font-size:1.4em;}
div.cms6trans .a7{padding:2px; font-size:1.4em;}
div.cms6trans .a8{padding:2px; font-size:1.4em;}
input.cms6_langinput{font-size: 0.8em; background: #EEE; width: 100%; height: 24px; border: 1px solid #CCC; border-radius: 2px; padding: 2px 4px 2px 4px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; box-shadow: rgba(0, 0, 0, 0.1) 0 0 4px
  inset;}
input.cms6_langinput:focus{background:#CCE0F5; outline:none;}
/*translator styles end*/

/*dashboard styles begin*/
div.cms6_modulebutton{min-height:150px;}
div.modulebuttoninner a{display:block; position:absolute; top:0; left:0; right:0; bottom:0; padding:30px; text-decoration:none;}
div.modulebuttoninner a h2{font-weight:bold; font-size:1em; margin-bottom:5px; padding:0 0 0 55px;}
div.modulebuttoninner a p{font-size:0.8em;  padding:0 0 0 55px;}
div.modulebuttoninner a:link{background:#eee; color:#369;}
div.modulebuttoninner a:visited{background:#eee; color:#369;}
div.modulebuttoninner a:hover{background:#0cf; color:#fff;}
div.modulebuttoninner a:active{background:#333;  color:#fff;}
div.modulebuttoninner a div.exxiteicon{position:absolute; top:10px; left:10px; width:55px; height:55px; font-size:50px; text-align:center; background:#fff; border-radius:50%;}
div.modulebuttoninner a:hover div.exxiteicon{color:#0cf;}
div.modulebuttoninner{position:relative;}

div.dashitem{}
div.dashiteminner{background:#333; position:relative;}
div.dashiteminner:hover{background:#000;}
div.dashiteminner h5{text-align:center; color:#eee; padding:10px; font-weight:bold; font-size:0.9em; border-bottom:1px solid #666;}
div.dashiteminner a{display:block; position:absolute; top:0; right:0; left:0; bottom:0;}
div.dashiteminner div.trafcol{float:left; width:33.333%; text-align:center; color:#fff; font-size:1.1em;}
div.dashiteminner div.trafcol div.light{width:50px; height:50px; margin:10px auto 10px auto; border-radius:50%;}

a.dashsharelink{display:block; font-size:0.8em; padding:5px 10px 5px 40px; text-decoration:none; max-width:400px; margin:0 0 2px 0; position:relative;}
a.dashsharelink h3{font-weight:bold;}
a.dashsharelink:link{background:#eee;}
a.dashsharelink:visited{background:#eee;}
a.dashsharelink:hover{background:#333; color:#fff;}
a.dashsharelink.red:after{content:''; display:block; background:#f33; position:absolute; width:25px; height:25px; border-radius:50%; top:6px;left:6px;}
a.dashsharelink.yellow:after{content:''; display:block; background:#f90; position:absolute; width:25px; height:25px; border-radius:50%; top:6px;left:6px;}
a.dashsharelink.green:after{content:''; display:block; background:#3f0; position:absolute; width:25px; height:25px; border-radius:50%; top:6px;left:6px;}
a.dashsharelink.child{margin-left:30px; max-width:370px}

div.dashitem div.date{color:#eee; text-align:center; font-size:0.8em; padding:5px;}
div.dashitem div.profit{color:#eee; text-align:center;}
div.dashitem div.profit.line4{font-size:0.8em; }
div.dashitem div.profit.line4 p{padding:2px 0 2px 0;}
div.dashitem div.profit.line3{font-size:1.1em; }
div.dashitem div.profit.line3 p{padding:2px 0 2px 0;}
div.dashitem div.profit.line2{font-size:1.3em; }
div.dashitem div.profit.line2 p{padding:4px 0 4px 0;}
div.dashitem div.profit.line1{font-size:1.5em; }
div.dashitem div.profit.line1 p{padding:8px 0 4px 0;}
div.dashitem div.profit p span.num{font-weight:bold; text-align:right; float:left; display:block; width:50%; box-sizing:border-box;}
div.dashitem div.profit p span.cur{text-align:left; float:right; display:block; width:50%; padding-left:5px;  box-sizing:border-box;}

div.cms6_statbox{float:left; margin:0 5px 5px 0; background:#333; color:#eee; padding:20px;}
div.cms6_statbox p{text-align:center; font-size:0.7em;}
div.cms6_statbox h2{text-align:center; font-size:1.6em; margin:0 0 10px 0;}
div.cms6_statbox h3{display:block; width:50%; text-align:center; float:left; padding:0 5px 0 5px; box-sizing:border-box;}
div.cms6_statbox h3 span{display:block; text-align:center; font-size:0.7em; width:100%;}
div.cms6_chartholder{margin:30px 0 0 0;}

/*div.red.sel{background:#f33;}
div.yellow.sel{background:#f90;}
div.green.sel{background:#3f0;}*/

/*dashboard styles end*/

/*popupdiv styles begin*/
div.popupdiv.open{background:#fff; position:absolute; top:0; right:0; left:0; bottom:0;}
div.popupdiv a.popdivbutton{display:block; font-family:'exxiteicon'; background:#eee; padding:5px; text-align:right;}
/*popupdiv styles end*/

/*approval list table style*/
div.cms6_approval table {border:none;}
div.cms6_approval thead th{border-left:none; border-right:none;}
div.cms6_approval tr:hover{background:#e5f9ff;}
div.cms6_approval td{border-left:none; border-right:none;}
div.cms6_approval .a1{width:180px;}
div.cms6_approval .a2{font-weight:bold;}
div.cms6_approval .a5{width:180px;}

/*cms6_cardgroup table styles begin*/
div.cms6_cardgroup table {border:none;}
div.cms6_cardgroup thead th{border-left:none; border-right:none;}
div.cms6_cardgroup tr:hover{background:#e5f9ff;}
div.cms6_cardgroup td{border-left:none; border-right:none;}
div.cms6_cardgroup .a1{width:1%; text-align:right;}
div.cms6_cardgroup .a2{font-weight:bold;}

div.cms6_rfid table {border:none;}
div.cms6_rfid thead th{border-left:none; border-right:none;}
div.cms6_rfid tr:hover{background:#e5f9ff;}
div.cms6_rfid td{border-left:none; border-right:none;}
div.cms6_rfid .a1{width:1%; text-align:right;}
div.cms6_rfid .a4{font-weight:bold;}
/*cms6_cardgroup table styles end*/

/*cms6 onlineguthaben ware table styles begin*/
div.cms6_ohtable .a1{width:1%; text-align:right;}
div.cms6_ohtable .a2{width:1%; white-space:nowrap;}
div.cms6_ohtable .a3{width:1%; white-space:nowrap;}
/*cms6 onlineguthaben ware table styles end*/

/*dashboard game profit table styles begin*/
div.cms6gameprofit .a1{font-weight:bold;}
div.cms6gameprofit .a2{text-align:right;}
div.cms6gameprofit .a3{text-align:right;}
div.cms6gameprofit .a4{text-align:right;}
div.cms6gameprofit tr:hover{background:#e5f9ff;}
/*dashboard game profit table styles end*/

/*game selector styles begin*/
div.cms6game{background:#eee; font-size:0.8em; margin:0 0 2px 0px; padding:10px 60px 10px 30px; position:relative; font-weight:bold;}
div.cms6game a{display:block; position:absolute; top:0; right:0; bottom:0; font-family:'exxiteicon'; font-size:2em; line-height:1.4em; text-decoration:none; padding:0 10px; font-weight:normal;}
div.cms6game div.sorthandle{position:absolute; top:0; left:0; bottom:0; width:25px; background:#ccc; cursor:all-scroll;}
div.cms6game div.sorthandle:before {content: 'w';font-family: 'exxiteicon';position: absolute;top: 2px;left: 2px;font-size: 16px;color: #fff;}
div.cms6game a:link{color:#ccc;}
div.cms6game a:visited{color:#ccc;}
div.cms6game a:hover{color:#0cf;}
div.gameframe{margin-bottom:20px;}
div.cms6game.chidden{background:#fee;}
div.cms6game.chidden:after{content:'ó'; display:block; position:absolute; top:0; right:30px; top:0; bottom:0; width:30px; font-family:'exxiteicon'; color:#f33; font-size:1.8em; line-height:1.5em; }
/*game selector styles end*/

/*voucher selector styles begin*/
div.cms6voucher{background:#eee; font-size:0.8em; margin:0 0 2px 0px; padding:10px 60px 10px 30px; position:relative; font-weight:bold;}
div.cms6voucher a{display:block; position:absolute; top:0; right:0; bottom:0; font-family:'exxiteicon'; font-size:2em; line-height:1.4em; text-decoration:none; padding:0 10px; font-weight:normal;}
div.cms6voucher div.sorthandle{position:absolute; top:0; left:0; bottom:0; width:25px; background:#ccc; cursor:all-scroll;}
div.cms6voucher div.sorthandle:before {content: 'w';font-family: 'exxiteicon';position: absolute;top: 2px;left: 2px;font-size: 16px;color: #fff;}
div.cms6voucher a:link{color:#ccc;}
div.cms6voucher a:visited{color:#ccc;}
div.cms6voucher a:hover{color:#0cf;}
div.voucherframe{margin-bottom:20px;}
div.cms6voucher.chidden{background:#fee;}
div.cms6voucher.chidden:after{content:'ó'; display:block; position:absolute; top:0; right:30px; top:0; bottom:0; width:30px; font-family:'exxiteicon'; color:#f33; font-size:1.8em; line-height:1.5em; }
/*voucher selector styles end*/

/*crypto stat table styles begin*/
div.cms6_crypto .a1{width:1%; text-align:right;}
div.cms6_crypto .a2{font-weight:bold;}
div.cms6_crypto .a5{text-align:right; font-weight:bold;}
div.cms6_crypto .a7{text-align:right; font-weight:bold;}
div.cms6_crypto .a10{text-align:right;}
div.cms6_crypto .a12{width:1%;text-align:right;}

div.cms6_cryptov .a1{width:1%; white-space:nowrap; text-align:right;}
div.cms6_cryptov .a2{font-weight:bold;}
/*crypto stat table styles end*/

/*account transaction detail styles begin*/
table#detail tr.tech{background:#def;}
table#detail tr.tech:after{content:'tech';}
/*account transaction detail styles end*/

/*overwrite exxite css begin*/
div.exxitetableedit {width:100%;}
div.exxitetableedit table{width:100%;}
div.exxitetableedit td {word-break: break-all;}
/*overwrite exxite css end*/

/*inline table submit*/
div.exxitetablesubmit {font-weight:bold; text-align: center; font-size:0.7em; margin-right:15px; padding:5px; border-right:0; border-left:0; border-top:0; border-radius:2px; cursor:pointer; color:#fff;
    background-color:#666; border-bottom:2px solid rgba(0,0,0,0.3);}
div.exxitetablesubmit:focus,button.exxitesubmit:hover{background-color:#0cf; outline:none;}
div.exxitetablesubmit:active{background-color:#333; border-bottom:2px solid #333; padding:5px;}

/*prepaid styles*/
div.prepaid-panel{padding:10px 0;}
div.prepaid-item{display:grid; grid-template-columns:30px auto 150px 150px; margin-bottom:2px; border-bottom:1px solid #ccc;}
div.prepaid-item h4{font-size:0.8em; margin:9px;}
div.prepaid-item div.indicator{width:25px; height:25px; border-radius:50%; background:#ccc;}
div.prepaid-item div.indicator.green{background:#2B8D00;}
div.prepaid-item div.indicator.yellow{background:#fddc00;}
div.prepaid-item div.indicator.red{background:#f33;}

.cms6_voucherlist tr {
    height: 50px;
}

.cms6_voucherlist tbody tr td {
    vertical-align: middle;
}