@charset "utf-8"; /*general clearings and body style begin*/
 @font-face {
     font-family: Lato;
     src: url('lator.ttf');
}

body,div,dl,dd,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {
    margin:0;
    padding:0;
     box-sizing:border-box;
}
 table {
    border-collapse:collapse;
    border-spacing:0;
     margin:4px 0 10px 0;
}
 fieldset,img {
    border:0;
}
 address,caption,cite,code,dfn,em,strong,th,var{
    font-style:normal;
    font-weight:normal;
}
 ol,ul {
    list-style: none;
}
 ol, ul, li {
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    font-style: inherit;
    vertical-align: baseline;
    white-space: normal;
    text-align: left;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
}
 caption,th {
    text-align:left
}
 h1,h2,h3,h4,h5,h6{
    font-size:100%;
    font-weight: normal;
}
 q:before,q:after{
    content:'';
}
 .clearfix:after {
    visibility:hidden;
    display:block;
    font-size:0;
    content:" ";
    clear:both;
    height:0;
}
 div.clear{
    clear:both;
}

div.clearbottom {
    margin-bottom: 70px;
}

.noleftmargin {
    margin-left: 0px !important;
}

 .hidden {
    display:none !important;
}
 .shown {
    display:block;
}
 .break-word {
    word-wrap: break-word;
}
 .left {
    float:left;
}
 .right {
    float:right;
}
 .total {
    background: #eee;
}
 .statpagingouter {
    width:100%;
     display: table;
}
 .statpaging {
    vertical-align: middle;
     display: table-cell;
     text-align: center;
     width: 33.3%;
}
 .statdate {
    font-weight:bold;
     font-size: 150%;
     padding-bottom: 12px;
}
 .center {
    text-align:center;
}
 .r {
    color:#ff3333;
}
 body {
    background:#fff;
     overflow:hidden;
     margin:50px 0 50px 0;
     padding:0px;
     font-family: 'Lato', 'Arial', 'Helvetica', sans-serif;
     color: #333;
}
 body a {
    text-decoration:none;
}
 body a:link {
    color: #369;
}
 body a:visited {
    color: #036;
}
 body a:hover {
    color: #0cf;
}
 body a:focus {
    color: #0cf;
}
 body a:active,a:hover, a:focus{
    outline: none;
}
 body img {
    border:0;
}

 .trans{
    transition: all 0.5s;
}
 .transcolor{
    transition: color 0.5s,background-color 0.5s;
}
#mainarea {
}

.maincontentContainer {
     padding: 0px 16px 0px 16px;
     position: fixed;
     width: 100%;
     /*height: 100%;*/
     top: 100px;
     bottom: 0px;
 }

 .maincontent {
     padding: 15px;
     overflow-y: auto;
     height: 100%;
}
/* box-shadow: 0px 3px 6px 0.5px rgba(0,0,0,0.22);
 */
 .maincontentheader {
     font-size: 20px;
     margin-top: 10px;
     margin-bottom: 20px;
     font-weight: bold;
}

div.stat_caption {
    font-size: 14px;
    color: #999;
    margin-top: 15px;
    margin-bottom: 5px;
    border-top: #aaa;
    border-top-width: 1px;
    border-top-style: solid;}

.androidresizedetector {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: -400;
}
#helpbutton {
    bottom: 20px;
    position: fixed;
    right: 20px;
}

#killbutton {
    bottom: 20px;
    position: fixed;
    left: 20px;
}

div.popupcontainer {
    bottom: 20px;
    position: fixed;
    left: 20px;
    background: white;
    font-size: 150%;
    cursor: pointer;
    box-shadow: 0px 5px 8px #0007;
    display: none;
    overflow: hidden;
    white-space: nowrap;
}

div.popuprowinvert {
    background-color: #900;
    color: white;
    padding: 15px;
}

div.popuprow, div.darkpopuprow {
    padding: 15px;
}

div.darkpopuprow {
    color: #999;
    border-bottom: #aaa6 1px solid;
}

img.floathelp, img.floatkill {
     width:50px;
     height:50px;
     border-radius:50px;
     text-align:center;
     box-shadow: 0px 5px 8px #0007;
}

img.floathelp {
    background-color: #17597d;
}

img.floatkill {
    background-color: #900;
}

 img.phonebookclosebutton {
     width:30px;
     height:30px;
     right: 10px;
     top: 5px;
     position: fixed;
 }

/*general clearings and body style end*/
/*head styles begin*/
 div.mthead{
    position:fixed;
     top:0;
     left:0;
     right:0;
     height:35px;
     background:url(gologo.svg) no-repeat 50% center #17597d;
     background-size:370px;
     z-index:200;
     box-shadow: 0px 4px 8px 0px #0007;
}
 div.mthead.loggedin {
    background: #17597d;
}
 div.mthead a.menu{
    position:absolute;
     background:url(menu.svg) no-repeat center center;
     background-size:40%;
     top:0;
     bottom:0;
     left:0;
     width:50px;
}
 div.mthead a.menu span{
    display:none;
}
 div.mthead div.username{
    color:#fff;
     white-space:nowrap;
     position:absolute;
     left:130px;
     right:0;
     top:0;
     bottom:0;
     text-align:right;
     padding:16px 10px 0 0;
     font-size:0.8em;
     overflow:hidden;
     text-overflow:ellipsis;
}
 div.mttitle{
    background:#666;
     color:#eee;
     padding:15px;
     text-transform:uppercase;
     font-size:0.9em;
}
/*head styles end*/
/*main menu styles begin*/
 .widgetContainer {
     position:absolute;
     top:99px;
     left:0px;
     height: 6px;
     width: 100%;
     z-index: 600;
 }
 .widget {
     display: block;
     margin-left: auto;
     margin-right: auto;
     width: 100%;
 }
 div.mtmenu{
    position:absolute;
     top:0px;
     left:0px;
     width: 100%;
     z-index: 150;
}
/* div.menuhead{
    position:fixed;
     top:0;
     left:0;
     right:0;
}
 */
 ul.menulist{
     display: flex;
     height: 51px;
     overflow: hidden;
     position: fixed;
     justify-content: space-evenly;
     flex-wrap: wrap;
     width: 100%;
     padding: 0px;
     margin: 0;
     list-style: none;
     text-align: center;
     box-shadow: 0px 3px 12px 1px #000a;
     background-color: #17597d !important;
}
 li.selectedmenuitem {
     background-color: #333;
}
 li.menulistitem {
     text-align: center;
}
 img.menuicon {
     height: 28px;
     padding: 10px;
}

img.menuicon:active {
    background:#666;
    outline:none;
    box-shadow: 0px 2px 6px #0007;
}

/*submenu styles begin*/
 div.mtsubmenucontainer{
     position:absolute;
     top:0px;
     left:0px;
     width: 100%;
     padding: 6px 0px 6px 0px;
     z-index: 50
}
 div.mtsubmenu{
     width: 100%;
}
 ul.submenulist{
     overflow: hidden;
     display: flex;
     justify-content: space-evenly;
     position: fixed;
     flex-wrap: wrap;
     height: 48px;
     width: 100%;
     padding: 45px 0px 0px 0px;
     margin: 0;
     list-style: none;
     background-color: #63b230;
     box-shadow: 0px 3px 6px 1px #0007;
     text-align: center;
     line-height: 55px;
     vertical-align: bottom;
     color: #fff;
     font-size: 30px;
     !important;
}
 img.submenuicon {
     height: 28px;
     padding: 13px 7px 7px 7px;
}

.drawertab {
    width: 20px;
}

img.treeicon {
    height: 20px;
    margin-bottom: -4px;
    padding: 0px 11px 0px 0px;
}

.pc_container, .shop_container, .nc_container {
    position: fixed;
    padding-left: 15px;
    padding-right: 15px;
    right: 0px;
    top: 0px;
    height: 100%;
    overflow: auto;
    z-index: 9999;
    background-color: white;
    box-shadow: 0 0 11px 2px #000c;
    max-width: 90%;
}

.pc_main {
    user-select: none;
    cursor:pointer;
    padding: 10px;
    border-color: #666;
    border-bottom: 1px;
    border-style: solid;
}

.pc_name {
    font-weight:bold;
    font-size: 120%;
    padding-bottom: 10px;
}
.pc_phone {
    color: #666;
}
.pc_card {
    color: #666;
}

div.mhelp {
    user-select: none;
    padding: 10px;
    width: 100%;
    display:table;
    border-color: #666;
    border-width: 1px 0px 1px 0px;
    margin-top: -1px;
    cursor: pointer;
    border-style: solid;
}

div.mhelpleft {
    width: 1%;
}

div.mhelpright, div.mhelpleft {
    padding: 10px;
    display:table-cell;
    vertical-align: top;
    font-size: 120%;
}

img.mhelp_icon {
    width: 50px;
    filter: brightness(0.5);
}

img.mhelp_icon_white {
    width: 50px;
}

div.welcomebox {
    margin-top: 0px;
    margin-bottom: 10px;
}

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

/* stats history table */

div.status_offline {
    background:url(go_power_off.svg) no-repeat #fff;
}

div.status_online {
    background:url(go_power.svg) no-repeat #fff;
}

div.status_globe {
    background:url(go_globe.svg) no-repeat #fff;
}

div.status_offline, div.status_online, div.status_globe {
    background-size: 27px;
    width: 27px;
    height: 27px;
    display: table-cell;
}

div.status_balance {
    font-size: 150%;
    font-weight: bold;
    display: table-cell;
}

div.confirm_header {
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 10px;
}

div.confirm_button {
    color: #17597d;
    font-weight: bold;
    text-align: right;
    cursor: pointer;
    display: table-cell;
}

div.confirm_disabled {
    color: #999;
    font-weight: bold;
    text-align: right;
    display: table-cell;
}

div.confirm_text {
}

div.confirm_card {
    margin: -10px 10px 10px 10px;
    box-shadow: 0px 2px 3px 1px #0002;
    padding: 15px;
}

div.confirm_card_tucked {
    margin-bottom: -100%;
}

div.confirm_card_embedded {
    padding: 15px;
    background-color: #EEE;
}

div.stat_card_terminal_balanceandstatus {
    display: table;
    width: 100%;
    padding-top: 7px;
    margin-right: 30px;
}

table.stat_datagrid {
    border-radius: 3px;
    box-shadow: 0px 2px 8px #0007;
    background: white;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0px 5px;
    padding: 10px;
    margin-top: 20px;
    table-layout: fixed;
    font-size: 90%;
}

table.stat_datagrid th.headerSortDown {
    background:url(go_sort_down.svg) no-repeat #fff;
    background-size:15px;
}

table.stat_datagrid th.headerSortUp {
    background:url(go_sort_up.svg) no-repeat #fff;
    background-size:15px;
}

table.stat_datagrid tr {
    border-bottom: #aaa6 1px solid;
}

table.stat_datagrid th {
    font-weight: bold;
}

table.stat_datagrid td, table.stat_datagrid th {
    padding: 12px;
}

table.stat_datagrid th.left {
    background-position: right 10px top 14px;
    float: inherit;
    text-align: left;
}

table.stat_datagrid td.currency, table.stat_datagrid td.right, table.stat_datagrid td.rightborder {
    text-overflow: ellipsis;
    overflow: hidden;
}

table.stat_datagrid th.currency {
    width: 100px;
}

table.stat_datagrid th.date {
    width: 110px;
}

table.stat_datagrid td.currency, table.stat_datagrid th.currency {
    white-space:nowrap;
    background-position: left 10px top 14px;
    text-align: right;
}

table.stat_datagrid td.right, table.stat_datagrid th.right {
    text-align: right;
    float: inherit;
    background-position: left 10px top 14px;
}

table.stat_datagrid td.rightborder, table.stat_datagrid th.rightborder {
    border-right: #aaa6 1px solid;
}

table.stat_table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0px 5px;
}

table.stat_datagrid.small {
    overflow-y: scroll;

}

div.stat_card_balance, div.stat_card_balancecenter, div.stat_card_balanceleft, div.stat_card_balancespaced {
    font-size: 150%;
    font-weight: bold;
}

div.stat_card_balancecenter, div.stat_card_balancecentersmall {
    margin-top: 15px;
    margin-bottom: 5px;
    text-align: center;
}

div.stat_card_balanceleft, div.stat_card_balanceleftsmall {
    margin-top: 15px;
    margin-bottom: 5px;
    text-align: left;
}

div.stat_card_balancespaced {
    width: 100%;
    text-align: left;
    margin-bottom: 15px;
}

div.stat_card_fullwidth {
    display: table-row;
    width: 100%;
    margin-right: 30px;
}

.stat_correct_right {
    margin-right: 30px;
}

div.stat_card_qr, div.stat_card_balance {
    width: 100%;
    margin-left: -15px;
    text-align: center;
}

td.stat_table_right {
    text-align: right;
}

div.stat_card_qr img {
    width: 80%;
}

/*tr.stat_table_headerrow td,tr.stat_table_row td {*/
    /*border-color: #aaa;*/
    /*border-width: 0px 0px 1px 0px;*/
    /*border-style: solid;*/
/*}*/

tr.stat_table_lastrow td {
    border-bottom: #aaa 1px solid;
    padding-top: 0px;
    color: #999;
}

tr.lightgray {
    color: #999;
}

div.phonebookbtn {
    padding-left: 10px;
    margin-top: 3px;
}

img.phonebookbtn {
    filter: drop-shadow(0px 3px 3px #666a);
    width: 30px;
}

img.processing {
    width: 20px;
}

div.pib_container {
    width: 100%;
    display: flex;
}

div.stahint_hidden {
    display: none;
    padding: 10px;
    margin: 10px;
    background: #eee;
    font-size: 80%;
    overflow: hidden;
}

.stat_pop {
    color: #17597d;
}

tr.stat_table_headerrow {
    font-weight: bold;
    text-align: right;
}

tr.stat_table_row {
    text-align: right;
}

tr.stat_table_hlrow, div.stat_highlight, div.stat_highlight_priority {
    text-align: left;
    font-weight: bold;
    font-size: 150%;
    vertical-align: top;
}

td.stat_cell_first {
    text-align: left;
}

tr.stat_table_hlrow td {
    padding-top: 10px;
}

tr.stat_table_row td {
}

div.balancebox {
    background-color: white;
    color: #333;
    border-radius: 2px;
    box-shadow: 0px 5px 18px 5px #222a;
    margin: 10px;
    padding: 20px;
    text-align: center;
}

p.withspacingbefore {
    margin-top: 1em;
}

div.balancebigtext {
    margin: 10px 0px 0px 0px;
    font-size: 150%;
    font-weight: bold;
}

div.bigtext {
    font-size: 200%;
    font-weight: bold;
}

/* dialog */
 .dialogcurtain {
    /* display: none;
     Hidden by default */
     position: fixed;
     z-index: 500;
     left: -10000px;
     top: 0;
     width: 100%;
    /* Full width */
     height: 100%;
    /* Full height */
     overflow: auto;
    /* Enable scroll if needed */
     background-color: rgb(0,0,0);
    /* Fallback color */
     background-color: rgba(0,0,0,0.8);
    /* Black w/ opacity */
}
 .dialog {
     background-color: white;
     color: #333;
     border-radius: 2px;
     margin: auto;
     /*width: 60%;*/
     z-index: 501;
     box-shadow: 0px 5px 18px 5px #222a;
}

 .dialoghead {
     font-weight: bold;
     padding: 20px;
     font-size: 20px;
}
 .dialogbody {
     padding: 0px 20px 20px 20px;
}
 .dialogbtn {
     display: table-cell;
     background-color: #EEE;
     font-weight: bold;
     color: #000000;
     font-size: 18px;
     text-align: center;
     cursor: pointer;
     padding: 20px 0px;
}

.dialogbtninverted {
    background-color: #63b230;
    color: #EEE;
    !important;
}

.dialogbtnred {
    background-color: #900;
    color: #EEE;
    !important;
}

div.stat_card_button, div.stat_stat_button, div.stat_hold_button, div.stat_edit_button {
    background-color: #17597d;
    color: #EEE;
    display: flex;
    align-items: center;
    padding: 10px;
    font-size: 120%;
    cursor: pointer;
}

div.stat_red_button {
    text-align: center;
    box-shadow: 0px 3px 5px #0007;
    display: inline-block;
    margin-right: 30px;
    width: 100%;
    background-color: #900;
    color: #EEE;
    align-items: center;
    padding: 10px;
    font-size: 120%;
}

div.stat_card_button {
    width: 100%;
    text-align: center;
    display: inline-block;
}

td.stat_relative {
    position: relative;
}

div.stat_stat_button, div.stat_hold_button {
    box-shadow: 0px 3px 5px #0007;
}

div.stat_hold_button {
    font-size: 90%;
    margin-right: -13px;
    text-align: right;
    display: block;
    padding-right: 13px;
}

div.stat_stat_button {
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 5px;
    width: 60px;
}

div.stat_icon_container {

}

span.important {
    font-weight: bold;
    color: #17597d;
}

div.balancechangebox, div.spacedup {
    margin-top: 10px;
}

div.important {
    font-weight: bold;
    color: #17597d;
    margin-bottom: 5px;
    margin-top: 15px;
}

div.stat_radio_overlay, div.prepaid_overlay {
    width: 100%;
    height: 100%;
    pointer-events: all;
    position: absolute;
    z-index: 610;
    cursor: progress;
    display: none;
}

div.stat_radio_overlay {
    background: #fff8;
}

div.prepaid_overlay {
    margin-left: -15px;
}

div.stat_total {
    font-weight: bold;
    color: #17597d;
    margin-bottom: 5px;
}

div.stat_big_total {
    font-size: 120%;
}

div.stathist_separator {
    border-top: #aaa;
    border-top-width: 1px;
    border-top-style: solid;
}

div.stathist_header {
    background: #eee;
    font-size: 120%;
    font-weight: bold;
    padding: 10px;
    margin-top: 10px;
}

div.stathist_header_incard {
    font-size: 120%;
    padding: 10px 25px;
    margin: 15px -15px 5px;
    background: #eee;
}

div.stathist_subheader {
    font-weight: bold;
    margin: 0px 10px;
    padding: 10px 0px 5px 0px;
    border-bottom: solid 1px #eee;
}

div.stathist_item {
    position: relative;
    padding: 1px 10px;
}
div.stathist_right {
    position: absolute;
    right: 10px;
    top: 1px;
}

div.statdrawer_high {
    color: #17597d;
}

/*form styles begin*/
 div.exxiteformitem{
    padding:10px 10px 0 10px;
}
 div.exxiteformlabel{
    font-size:0.9em;
}
 div.exxiteformcontrol{
}

input.notsavedpass {
    text-security:disc;
    -webkit-text-security:disc;
    -mox-text-security:disc;
}

div.exxiteformitem input.exxiteinput, input.dateinput {
    width:100%;
     border:none;
     background: transparent;
     border-bottom:1px solid #ccc;
     font-size: 14pt;
     padding: 10px;
}

input.dateinput {
    margin-top: 20px;
}

div.exxiteformitem input.warningBorder {
    border-color: #900;
    border-width: 2px;
}

div.nearhint {
    margin-top: -20px;
    padding-top: 0px;
}

.inputhint, .warninghidden, .warningshown {
    font-size: 11pt;
    color: darkred;
}

.warninghidden {
    display: none !important;
}

.inputhint {
    padding-top: 10px;
    display: none;
}

.warningshown {
    padding-top: 10px;
    padding-bottom: 5px;
    visibility: visible;
    display: inherit;
}

div.exxiteformitem input.warningBorder::placeholder {
    color: #333;
}

 div.exxiteformitem input.exxiteinput:focus{
    outline:none;
     border-bottom:1px solid #0cf;
}
 div.exxiteformitem select.exxiteformselect{
    width:100%;
     background:#eee;
     border:none;
     border-bottom:1px solid #ccc;
     font-size: 1.5em;
     padding: 10px;
}
 div.exxiteformitem select.exxiteformselect:focus{
    background:#def;
     outline:none;
}

button.smallsubmit {
    height: 50px !important;
    padding: 5px !important;
}

div.exxiteformitem button.exxitesubmitgray{
    width:100%;
    padding: 20px;
    margin-top:10px;
    font-size:1em;
    border:none;
    background:#eee;
    color:#000;
    border-radius: 2px;
    box-shadow: 0px 3px 5px #0007;
}

div.exxiteformitem button.exxitesubmit{
    width:100%;
     padding: 20px;
     margin-top:10px;
     font-size:1em;
     border:none;
    background:#63b230;
     color:#fff;
     border-radius: 6px;
     box-shadow: 0px 3px 5px #0007;
}

div.shadow3 {
    box-shadow: 0px 3px 5px #0007;
}

img.stat_stat_buttonimage {
}

div.exxiteformitem button.exxitesubmit:hover, li.pc_main:hover, img.floathelp:hover, div.stat_hold_button:hover, div.stat_stat_button:hover, div.stat_edit_button:hover, div.stat_card_button:hover {
    background:#0cf;
    color:#fff;
}

li.operatorhighlight {
    background: #ccc !important;
}

div.mhelp:hover {
    background:#eee;
    box-shadow: 0px 1px 4px #0007;
}

 div.exxiteformitem button.exxitesubmit:focus{
    /*background:#0cf;*/
     /*color:#fff;*/
    outline:none;
}
 div.exxiteformitem button.exxitesubmit:active, div.mhelp:active, img.floathelp:active, li.pc_main:active, div.stat_hold_button:hover, div.stat_stat_button:active, div.stat_edit_button:active, div.stat_card_button:active{
    background:#333;
    color:#fff;
    outline:none;
    box-shadow: 0px 1px 5px #0007;
}
 div.exxiteformfieldset{
    margin:10px;
     background:#eee;
     padding:0 0 10px 0;
}
 div.exxiteformfieldset legend{
    text-transform:uppercase;
     color:#666;
     padding:10px;
     font-size:0.7em;
     width:100%;
     box-sizing:border-box;
     background:#ccc;
}
 div.exxiteformsubmit{
    margin-bottom:10px;
}
/*form styles end*/
/*message styles begin*/
 div.mtmessage{
    padding:15px 20px 20px 60px;
     background:#eee;
}
 div.mtmessage h3{
    font-weight:bold;
     margin:0 0 10px 0;
     color:#666;
}
 div.mtmessage p{
    font-size:0.8em;
}
 div.mtmessage.info{
    background:url(info.svg) no-repeat 10px 10px #def;
    background-size:40px;
}
 div.mtmessage.error{
    background:url(error.svg) no-repeat 10px 10px #fee;
    background-size:40px;
}
.errordialogbody {
    margin-top: 20px;
}

.dialogbtninvertedWarning {
    background-color: #8b0000;
}

.errordialoghead {
    background:url(go_error.svg) no-repeat 10px 12px #8b0000;
    background-size:40px;
    color: white;
    padding-left: 60px;
}

.dialogbuttonrow, div.stat_card_dialogbuttonrow {
    width: 100%;
    display: table;
    padding-top: 20px;
}

div.stat_smallqr {
    width: 100%;
    text-align: center;
    margin-left: -15px;
    margin-top: 15px;
    margin-bottom: -25px;
}

div.stat_smallqr img {
    width: 50%;
}

div.stat_card_dialogbuttonrow {
    margin-left: -15px;
}

div.stalist_drawer {
    background: #eee;
    overflow: hidden;
    position:relative;
    margin-top: 10px;
    margin-bottom: -10px;
    padding: 5px 10px 10px 10px;
    display: none;
}


div.stalist_container_withicon {
    margin-left: 30px;
}

div.stat_details_header {
    font-weight: bold;
    font-size: 16px;
    margin-top: 10px;
    background: white;
    padding: 5px;
}

div.stalist_container {
    border-radius: 3px;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0px 5px;
    margin-top: 20px;
    table-layout: fixed;
    font-size: 90%;
    position: relative;
}

div.stalistitem_container {
    position: relative;
    margin-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: #aaa;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    font-size: 14px;
}

div.sta_seconddrawer {
    display: none;
    background: #d8e4ea;
    margin-top: 10px;
    padding: 10px;
}

div.stalist_high {
    color: #63b230;
    font-weight: bold;
}

div.widget_error {
    display: none;
    background: red;
    width: 100%;
    padding: 5px;
    color: white;
    font-weight: bold;
    text-align: center;
}

div.stalistitem_extraleft {
    padding-top: 5px;
    color: #aaa;
    font-size: 90%;
}

div.stalistitem_extraright {
    position: absolute;
    bottom: 10px;
    color: #aaa;
    right: 0px;
}

div.stalistitem_text {
    font-size: 110%;
    padding-bottom: 5px;
}

div.stalistitem_detail {
    color: #aaa;
    font-size: 90%;
    padding-top: 5px;
}
div.stalistitem_right {
    right: 0px;
    top: 0px;
    font-size: 110%;
    height: 100%;
    position: absolute;
}

div.stalist_icon_info, div.stalist_icon_info_high, div.stalist_icon_trans {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 8px;
    left: -40px;
}

div.stalist_icon_trans {
    background-size: 30px;
    filter: invert(30%);
}

div.stalist_icon_transsc {
    background: url(go_cashreg.svg) no-repeat 0px 0px;
}

div.stalist_icon_trans7 { background: url(go2_deposit.svg) no-repeat 0px 0px; }
div.stalist_icon_trans9 { background: url(go2_cashout.svg) no-repeat 0px 0px; }
div.stalist_icon_trans14 { background: url(card.svg) no-repeat 0px 0px; }
div.stalist_icon_trans12, div.stalist_icon_trans15 { background: url(go3_shop.svg) no-repeat 0px 0px; }
div.stalist_icon_trans16 { background: url(go_cash.svg) no-repeat 0px 0px; }
div.stalist_icon_trans22 { background: url(go2_pay_.svg) no-repeat 0px 0px; }
div.stalist_icon_trans23, div.stalist_icon_trans36 { background: url(go_person.svg) no-repeat 0px 0px; }
div.stalist_icon_trans37, div.stalist_icon_trans38 { background: url(go_tablet.svg) no-repeat 0px 0px; }
div.stalist_icon_trans39, div.stalist_icon_trans40 { background: url(go2_wallet2.svg) no-repeat 0px 0px; }
div.stalist_icon_trans41, div.stalist_icon_trans42, div.stalist_icon_trans43, div.stalist_icon_trans44 { background: url(go_terminal.svg) no-repeat 0px 0px; }
div.stalist_icon_trans52 { background: url(go_factory.svg) no-repeat 0px 0px; }

div.stalist_icon_info {
    background: url(go_info.svg) no-repeat 0px 0px;
    background-size: 30px;
}
div.stalist_icon_info_high {
    background: url(go_blue_info.svg) no-repeat 0px 0px;
    background-size: 30px;
}

div.stalist_draweritems{
    position: relative;
}

div.stalist_draweritem {

}

div.stalist_draweritemheader {
    font-weight: bold;
    margin-top: 10px;
    border-bottom: solid 1px #ccc;
}

div.stalist_draweritemright {
    position: absolute;
    right: 0px;
    top: 0px;
}

div.stlist_widget_secondary {
    margin-top: 10px;
    margin-bottom: -10px;
    display: none;
}

div.stlist_widget {
    position: absolute;
    top: 0px;
    left: 0px;
}

div.statlist_spacer2 {
    width: 100%;
    display: table;
    margin-top: 20px;
}

.dialogbuttonw1 {
    width: 100%;
}
.dialogbuttonw2 {
    width: 50%;
}
.dialogbuttonw3 {
    width: 33%;
}
div.mtmessage.ok{
    background:url(ok.svg) no-repeat 10px 10px #DBEAD5;
    background-size:40px;
}
 div.mtmessage.ok2{
    background:url(info.svg) no-repeat 10px 10px rgba(219, 234, 213, 0.54);
    background-size:40px;
}
 div.mtmessage.question{
    background:url(question.svg) no-repeat 10px 10px #ffffea;
    background-size:40px;
}
/*message styles end*/

/* stat page, radio buttons */
.radiocontainer {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.radiocontainer input[type="radio"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.custom-date-radio {
    margin-left: 10px;
}

.custom-date-radio input[type="date"].from {
    margin-right: 10px;
}

.custom-date-radio input[type="date"].to {
    margin-left: 10px;
}

.custom-date-radio input[type="date"] {
    line-height: 20px;
    border: 0;
    border-bottom: 1px solid;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
}

.radiocontainer:hover input ~ .checkmark {
    background-color: #ccc;
}

.radiocontainer input:checked ~ .checkmark {
    background-color: #17597d;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.radiocontainer input:checked ~ .checkmark:after {
    display: block;
}

.radiocontainer .checkmark:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

.stat_label {
    width: 50%;
}

.stat_center {
    display: flex;
    align-items: center;
    justify-content: left;
}

.stat_value {
    font-weight: bold;
    width: 50%;
    text-align: right;
}

.stat_box {
    width: 100%;
    font-size: 18px;
    padding-bottom: 8px;
    padding-top: 8px;
    display:inline-flex;
}

div.stat_box_radio {
    position: relative;
}

.stat_boxline {
    border-bottom: #aaa;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

div.stat_card_boxline {
    border-bottom: #aaa;
    border-bottom-width: 1px;
    width: 100%;
    padding-left: 15px;
    margin-left: -15px;
    padding-bottom: 15px;
    border-bottom-style: solid;
}

.stat_gap {
    padding-top: 10px;
}

div.centered {
    text-align: center;
    vertical-align: center;
}

input.bigpercent {
    font-size: 400%;
    width: 100%;
    border: none;
    text-align: center;
    background: transparent;
    border-bottom: 1px solid #ccc;
    padding: 10px;
}

button.percentsubmit {
    height: 40px !important;
    padding: 5px !important;
}

img.bigicon {
    width: 120px;
    margin: 10px;
}

/*button styles begin*/
 a.mtbutton{
    display:block;
     text-decoration:none;
     padding:15px;
     text-align:center;
     outline:none;
     margin:0 10px 10px 10px;
     background-repeat:no-repeat;
     background-position:10px center;
     background-size:20px;
}
 a.mtbutton:link{
    background-color:#666;
     color:#eee;
     border-bottom:4px solid #333;
}
 a.mtbutton:visited{
    background-color:#666;
     color:#eee;
     border-bottom:4px solid #333;
}
 a.mtbutton:hover{
    background-color:#0cf;
     color:#eee;
    border-bottom:4px solid #089;
}
 a.mtbutton:active{
    background-color:#333;
     color:#eee;
    border-bottom:4px solid #333;
}
 div.mtselectframe{
    margin:10px 0 10px 0;
}
/*button styles end*/
/*buttonline styles begin*/
 div.mtbuttonline, div.refreshcardcontent{
    padding:10px;
}
 div.mtbuttonline a.mtbutton{
    margin:0;
     float:left;
     box-sizing:border-box;
     font-size:0.8em;
     border-right:1px solid #333;
     white-space:nowrap;
     text-overflow:ellipsis;
     overflow:hidden;
}
 div.mtbuttonline a.mtbutton:last-child{
    border-right:none;
}
 div.mtbuttonline.info{
    background:#def;
}
 div.mtbuttonline.error{
    background:#fee;
}
 div.mtbuttonline.ok{
    background:#DBEAD5;
}
 div.mtbuttonline.ok2{
    background:rgba(219, 234, 213, 0.54);
}
 div.mtbuttonline.question{
    background:#ffffea;
}
/*buttonline styles end*/
/*matrix styles begin*/
 div.mtmatrix{
    display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     align-content: stretch;
     margin:4px;
}
 div.mtmatrixitem{
    max-width: 50%;
     flex-basis: 50%;
     height: 80px;
}
 div.mtmatrix a.mtbutton{
    margin:0;
     width:50%;
     box-sizing:border-box;
     border:4px solid #fcfcfc;
     height:100px;
     background-position:center 10px;
     font-size:0.8em;
     padding:50px 10px 10px 10px;
     background-size:30px;
}
 div.mtmatrix a.mtbutton:link{
    border:4px solid #fcfcfc;
}
 div.mtmatrix a.mtbutton:visited{
    border:4px solid #fcfcfc;
}
 div.mtmatrix a.mtbutton:hover{
    border:4px solid #fcfcfc;
}
 div.mtmatrix a.mtbutton:active{
    border:4px solid #fcfcfc;
}
 @media screen and (min-width:400px){
     div.mtmatrix a.mtbutton{
        width:100%;
    }
}
 @media screen and (min-width:800px){
     div.mtmatrix a.mtbutton{
        width:50%;
    }
}
 @media screen and (min-width:1000px){
     div.mtmatrix a.mtbutton{
        width:33.3333%;
    }
}
 @media screen and (min-width:1200px){
     div.mtmatrix a.mtbutton{
        width:25%;
    }
}

img.contentbgimage {
    filter: invert(100%);
    opacity: 0.07;
    width: 250px;
    height: 250px;
    position: absolute;
    right: -50px;
    top: -50px;
    z-index: -100;
}

/*matrix styles end*/
/*mobile tree control styles begin*/
 div.mttree{
}
 div.mttree a{
    text-decoration:none;
     padding:10px 20px 10px 50px;
     font-size:0.9em;
     border-bottom:1px solid #eee;
     display:none;
}
 div.mttree a.visible{
    display:block;
}
 div.mttree a.ancestor{
    color:#fff;
     background:url(arrow_up.svg) no-repeat 10px center;
     background-size:20px;
}
 div.mttree a.ancestor:link{
    background-color:#999;
}
 div.mttree a.ancestor:visited{
    background-color:#999;
}
 div.mttree a.ancestor:hover{
    background-color:#0cf;
}
 div.mttree a.ancestor:active{
    background-color:#0cf;
}
 div.mttree a.sel{
    color:#fff;
     background:url(menu2.svg) no-repeat 10px center;
     background-size:20px;
     display:block;
}
 div.mttree a.sel:link{
    background-color:#666;
}
 div.mttree a.sel:visited{
    background-color:#666;
}
 div.mttree a.sel:hover{
    background-color:#0cf;
}
 div.mttree a.sel:active{
    background-color:#0cf;
}
 div.mttree a.sel.open{
    background-image:url(check.svg);
}
 div.mttree a.children{
    color:#fff;
}
 div.mttree a.children:link{
    background-color:#999;
}
 div.mttree a.children:visited{
    background-color:#999;
}
 div.mttree a.children:hover{
    background-color:#0cf;
}
 div.mttree a.children:active{
    background-color:#0cf;
}
/*mobile tree control styles end*/
/*numberpad styles begin*/
 div.exxiteformcontrol{
    position:relative;
}
 div.exxiteformcontrol a.numeric{
    display:block;
     position:absolute;
     top:0;
     right:0;
     bottom:0;
     width:50px;
     background:url(calculator.svg) no-repeat center center;
     background-size:contain;
}
 div.exxiteformcontrol a.numeric:link{
    background-color:#666;
}
 div.exxiteformcontrol a.numeric:visited{
    background-color:#666;
}
 div.exxiteformcontrol a.numeric:hover, .statbutton:hover, .buttonshare:hover {
    background-color:#0cf;
}
 div.exxiteformcontrol a.numeric:active, .statbutton:active, .buttonshare:active {
    background-color:#333;
}

img.buttonicon {
     width: 40px;
     margin-bottom: -12px;
     margin-right: 10px;
     margin-top: -12px;
 }

.noselect, div.darkpopuprow, div.popuprow, div.popuprowinvert, label.switch__label, div.dialogbtn, div.stat_card_button, div.stat_card_textbutton,
div.stat_red_button, div.stat_card_urbutton, div.stat_edit_button, div.stat_hold_button, div.stat_stat_button, li.pc_main,
div.confirm_button {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

div.roundedbutton {
    border-radius: 3px;
    display: block;
    vertical-align: middle;
    text-align: center;
}

 div.numberpad, .statbutton, .buttonshare{
/*    margin:4px 10px 10px 10px;*/
     width:100%;
     background-color: #17597d;
}

li.phonebookspacer {
    margin-top: 40px;
}

 li.phonebookheader {
     background-color: #aaa;
     color: white;
     padding: 10px 10px 10px 40px;
     font-weight: bold;
     margin: 0px -15px 5px -15px;
     position: fixed;
     width: 100%;
     background-image: url(go_close.svg);
     background-repeat: no-repeat;
     background-position: left 5px top 5px;
     background-size: 30px 30px;
 }

 div.phonebookempty {
     padding: 20px;
     margin-top: 20px;
 }

 div.phonebookemptyhead {
     margin-top: 20px;
     margin-bottom: 10px;
     font-weight: bold;
 }

div.hintspacer {
    margin-top: 15px;
}

p.smallspace {
    margin-top: 15px;
}

div.alwayshint {
    font-size: 80%;
    padding-bottom: 5px;
    padding-top: 5px;
    color: #555;
}

.crampedcontrol {
    margin-top: -15px;
}

div.alwayshint p {
    margin-bottom: 5px;
}

div.stat_card_editfield {
    background-color: #eee;
    width: 100%;
    margin-left: -15px;
    text-align: center;
    height: 0px;
    overflow: hidden;
}

img.stat_edit {
    width: 40px;
    height: 40px;
}
img.stat_smalledit {
    width: 20px;
    height: 20px;
}

div.stat_edit_button {
    text-align: center;
    box-shadow: 0px 3px 5px #0007;
    display: inline-block;
    margin: 15px;
}

div.stat_card_urbutton {
    border-radius: 5px;
    display: flex;
    align-items: center;
    padding: 5px;
    right: 13px;
    top: 13px;
    position: absolute;
}

table.logindata {
    margin-bottom: 15px;
}

table.logindata td {
    padding: 3px;
}

div.stat_card_row .shopdata td {
    padding-right: 3px;
}

div.stat_card_loginheader {
    width: 100%;
    height: 50px;
    margin-bottom: 10px;
    margin-left: -15px;
    background:url(card_login.jpg) no-repeat 100% center #17597d;
    background-size:100%;
}

div.stat_card_shopheader {
    width: 100%;
    margin-bottom: -15px;
    margin-left: -15px;
    background:url(card_shop3.jpg) no-repeat 100% center #17597d;
    background-size:100%;
    font-size: 150%;
    font-weight: bold;
    padding: 20px;
    color: white;
}

div.sta_plus, div.sta_minus, div.sta_equals {
    padding-left: 25px;
    margin-left: -10px;
}

div.sta_plus {
    background: url(go_small_plus.svg) no-repeat 6px -0.4px;
    background-size: 20px;
}

div.sta_minus {
    background:url(go_small_minus.svg) no-repeat 6px -0.4px;
    background-size: 20px;
}

div.sta_equals {
    background:url(go_small_eq.svg) no-repeat 6px -0.4px;
    background-size: 20px;
}

div.stat_card_headerdate {
    font-size: 50%;
}

div.sta_card_bigtext {
    font-size: 150%;
    font-weight: bold;
    padding: 10px;
}

div.sta_card_datetext {
    padding: 10px;
    margin-top: -15px;
}

div.stat_card_spacer {
    margin-top: 15px;
    display: grid;
}

div.stat_card_spacer2 {
    margin-top: 30px;
    display: grid;
}

div.stat_card_spacer3 {
    margin-top: 45px;
    display: grid;
}

div.stat_card {
    box-shadow: 0px 2px 6px 1px #0007;
    background: white;
    position: relative;
    margin-bottom: 25px;
    overflow: hidden;
    /*padding: 15px;*/
    border-radius: 2px;
}

div.stat_highlight {
    padding: 15px;
    background: #eee;
    /*margin: -15px;*/
    margin-bottom: 10px;
}

div.stat_highlight_priority {
    padding: 15px;
    background: #c70000;
    color: white;
    margin-bottom: 10px;
}

div.stat_card_row {
    width: 100%;
    display: flex;
    align-items: stretch;
    margin-left: 15px;
    margin-right: 15px;
}

div.stat_progress_container {
    background-color: #c7c7c7;
    height: 10px;
    width: 100%;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
    margin-top: 5px;
}

div.stat_progress {
    height: 10px;
    background-color: #63b230;
}

div.stat_prog_text {
    position: absolute;
    width: 100%;
    font-weight: bold;
    top: 5px;
}

div.stat_card_progress {
    display: table;
    padding-right: 30px;
    width: 100%;
    text-align: center;
}

div.stat_card_textbutton {
    padding: 10px;
    margin-bottom: 10px;
    width: 100%;
    position: relative;
    margin-right: -30px;
}

div.rightstatbtn {
    position: absolute;
    right: 40px;
}

div.stat_card_detailsdrawer {

}

div.stat_card_balancelight {
    width: 100%;
    text-align: left;
    margin-bottom: 15px;
    font-size: 150%;
}

div.loggedin {
    margin-bottom: 15px;
}

img.stat_small {
    width: 15px;
    margin-right: 10px;
}

div.stat_card_date, div.stat_card_person, div.stat_card_shop, div.stat_card_wallet {
    width: 20px;
    background-position: left 0px top 3px;
    background-size: 15px 15px;
    background-repeat: no-repeat;
}

div.stat_card_wallet {
    background-image: url(go_small_wallet.svg);
}

div.stat_card_person {
    background-image: url(go_small_person.svg);
}

div.stat_card_date {
    background-image: url(go_small_date.svg);
}

div.stat_card_shop {
    background-image: url(go_small_shop.svg);
}

div.stat_card_amount {
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 10px;
    color: #17597d;
}

.statbutton, .buttonshare{
    box-shadow: 0 3px 8px 0px #0007;
    color: white;
    padding: 10px;
}

.buttonshare {
    font-weight: bold;
    cursor: pointer;
    white-space: nowrap;
}

.statheader {
    white-space: nowrap;
    font-size: 150%;
    font-weight: bold;
    cursor: pointer;
}

.boldtext {
    font-weight: bold;
}

div.numberpad {
    display:none;
    position: fixed;
    bottom: 0px;
    left: 0px;
}

button.denominationbutton {
    width:100%;
    padding: 20px;
    margin-top:10px;
    font-size:1em;
    border:none;
    background:#63b230;
    color:#fff;
    border-radius: 6px;
    box-shadow: 0px 3px 5px #0007;
}

div.currentbalancesmall {
    margin-left: 10px;
}

div.denombutton, div.denombuttonhalf {
    float:left;
    padding: 2px;
    text-align:center;
    cursor:pointer;
    position:relative;
}

div.denombuttonhalf {
    width:50%;
}

div.denombutton {
    width:33%;
}

div.numberpad  div.num{
    width:33.333%;
     float:left;
     text-align:center;
     cursor:pointer;
     position:relative;
     height: 25%;
     padding:1.5em;
}
 div.numberpad div.num p{
    display:block;
    position:absolute;
    top:0;
    right:1px;
    bottom:1px;
    left:0;
    /*     background:rgba(0,0,0,0.6);*/
    font-size:16pt;
    padding-top:10%;
    color:#fff;
}

/*div.numberpad div.num:hover p{*/
    /*background:#0cf;*/
     /*color:#fff;*/
/*}*/

div.numberpad div.num.plus{
    margin-top:4px;
}

div.numberpad div.num.plus p{
    color:#999;
}

div.numberpad div.num:active p {
    background:#333;
    box-shadow: 0px 1px 5px #0007;
}

div.numberpad div.num.plus:hover p{
    background:#0cf;
     color:#fff;
}
/*numberpad styles end*/
/*cardinfo table styles begin*/
 div.mtcardinfo table{
    border-collapse:collapse;
     width:100%;
}
 div.mtcardinfo td{
    padding:5px;
     border-bottom:1px solid #ccc;
     font-size:0.8em;
}
 div.mtcardinfo .a1{
    text-align:right;
     color:#999;
}
 div.mtcardinfo .a2{
    font-weight:bold;
}
/*cardinfo table styles end*/
/*changer table styles begin*/
 div.mtchanger table{
    border-collapse:collapse;
     width:100%;
}
 div.mtchanger tr.sum{
    background:#eee;
     font-size:1.2em;
}
 div.mtchanger td{
    padding:10px;
     border-bottom:1px solid #ccc;
     font-size:0.8em;
     position:relative;
}
 div.mtchanger td a{
    display:block;
     position:absolute;
     top:0;
     left:0;
     right:0;
     bottom:0;
}
 div.mtchanger th{
    padding:10px;
     border-bottom:1px solid #ccc;
     font-size:0.8em;
}
 div.mtchanger .a3{
    text-align:right;
     font-weight:bold;
}
 div.mtchanger .t2{
    text-align:right;
}
/*changer table styles end*/
/*limit table styles begin*/
 div.mtlimit table{
    border-collapse:collapse;
     width:100%;
}
 div.mtlimit tr.sum{
    background:#eee;
     font-size:1.2em;
}
 div.mtlimit td{
    padding:10px;
     border-bottom:1px solid #ccc;
     font-size:0.8em;
     position:relative;
}
 div.mtlimit .a1{
    padding-left:0;
}
 div.mtlimit .a2{
    text-align:right;
     font-weight:bold;
     padding-right:0;
}
/*limit table styles end*/
/*limit signer styles begin*/
 div.mtsigner{
    width:100%;
     height:10px;
     margin:0 0 10px 0;
     background:#2b8d00;
     position:relative;
}
 div.mtsign{
    position:absolute;
     top:0;
     bottom:0;
     left:0;
     background:#f33;
}
/*limit signer styles end*/
/*account history table styles begin*/
 div.mthistory table{
    border-collapse:collapse;
     width:100%;
}
 div.mthistory td{
    padding:10px;
     border-bottom:1px solid #ccc;
     font-size:0.8em;
     position:relative;
}
 div.mthistory tr.event-25{
    background:#eee;
}
 div.mthistory tr.event-34{
    background:#fff;
}
 div.mthistory tr.event-35{
    background:#def;
}
 div.mthistory th{
    padding:10px;
     border-bottom:1px solid #ccc;
     font-size:0.8em;
     white-space:nowrap;
     text-overflow:ellipsis;
}
 div.mthistory .a2{
    text-align:right;
     font-weight:bold;
     font-size:1em;
}
 div.mthistory .a3{
    text-align:right;
     font-weight:bold;
     font-size:1em;
}
/*account history table styles end*/
/*trader account table styles begin*/
 div.mttrad table{
    border-collapse:collapse;
     width:100%;
}
 div.mttrad td{
    padding:10px;
     border-bottom:1px solid #ccc;
     font-size:0.8em;
     position:relative;
}
 div.mttrad th{
    padding:10px;
     border-bottom:1px solid #ccc;
     font-size:0.8em;
     white-space:nowrap;
     text-overflow:ellipsis;
}
 div.mttrad .a1{
    font-weight:bold;
}
 div.mttrad .a2{
    font-size:0.9em;
     color:#999;
}
 div.mttrad .a2 strong{
    font-weight:bold;
     color:#000;
}
 div.mttrad .a3 {
    padding:0 10px 0 0;
}
 div.mttrad .a3 a{
    display:block;
     text-decoration:none;
     padding:10px 15px 10px 15px;
}
 div.mttrad .a3 a:link{
    background:#666;
     color:#fff;
}
 div.mttrad .a3 a:visited{
    background:#666;
     color:#fff;
}
 div.mttrad .a3 a:hover{
    background:#0cf;
     color:#fff;
}
 div.mttrad .a3 a:active{
    background:#0cf;
     color:#fff;
}
/*trader account table styles end*/
/*privilege error message styles begin*/
 div.console{
    padding:15px 20px 20px 60px;
     font-size:0.8em;
     background:url(error.svg) no-repeat 10px 10px #fee;
    background-size:40px;
}
/*privilege error message styles end*/
 span.currency {
    float:right;
}
 span.iden0 {
}
 span.iden1 {
    margin-left: 15px;
}
 span.iden2 {
    margin-left: 30px;
}
 span.iden3 {
    margin-left: 45px;
}
 span.iden4 {
    margin-left: 60px;
}
 span.identext0 {
    font-size: 100%;
     font-weight: 700;
}
 span.identext1 {
    font-size: 90%;
}
 span.identext2 {
    font-size: 90%;
    font-style: italic;
}
 span.identext3 {
    font-size: 80%;
}
 span.identext4 {
}
 .openlink {
     font-weight: 700;
     background:url(arrow_down.svg) no-repeat 0px center;
     background-size:10px;
}
.switch {
    display: inline-block;
    position: relative;
    margin: 0 0 20px;
    font-size: 16px;
    line-height: 24px;
    width: 100%;
}
.switch__input {
    position: absolute;
    top: 0;
    left: 0;
    width: 36px;
    height: 20px;
    opacity: 0;
    z-index: 0;
}
.switch__label {
    display: block;
     /*padding: 0 0 0 44px;*/
    cursor: pointer;
}
.switch__label:before {
    content: '';
    box-sizing: inherit;
    position: absolute;
    top: 5px;
    right: 0;
    width: 36px;
    height: 14px;
    background-color: rgba(0, 0, 0, 0.26);
    border-radius: 14px;
    z-index: 1;
    transition: background-color 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
.switch__label:after {
    content: '';
    position: absolute;
    top: 2px;
    box-sizing: inherit;
    right: 0;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    z-index: 2;
    transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: left, background-color;
}
.switch__input:checked + .switch__label:before {
    background-color: rgba(23, 89, 125, 0.5);
    box-sizing: inherit;
}
.switch__input:checked + .switch__label:after {
    right: 16px;
    background-color: #17597d;
    box-sizing: inherit;
}

.progress {
    position: relative;
    height: 4px;
    display: block;
    width: 100%;
    background-color: #ccc6;
    border-radius: 2px;
    background-clip: padding-box;
    overflow: hidden; }
.progress .determinate {
    position: absolute;
    background-color: inherit;
    top: 0;
    bottom: 0;
    background-color: #26a69a;
    transition: width .3s linear; }
.progress .indeterminate {
    background-color: #17597d; }
.progress .indeterminate:before {
    content: '';
    position: absolute;
    background-color: inherit;
    top: 0;
    left: 0;
    bottom: 0;
    will-change: left, right;
    -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
    animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; }
.progress .indeterminate:after {
    content: '';
    position: absolute;
    background-color: inherit;
    top: 0;
    left: 0;
    bottom: 0;
    will-change: left, right;
    -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
    animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
    -webkit-animation-delay: 1.15s;
    animation-delay: 1.15s; }

@-webkit-keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%; }
    60% {
        left: 100%;
        right: -90%; }
    100% {
        left: 100%;
        right: -90%; } }
@keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%; }
    60% {
        left: 100%;
        right: -90%; }
    100% {
        left: 100%;
        right: -90%; } }
@-webkit-keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%; }
    60% {
        left: 107%;
        right: -8%; }
    100% {
        left: 107%;
        right: -8%; } }
@keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%; }
    60% {
        left: 107%;
        right: -8%; }
    100% {
        left: 107%;
        right: -8%; } }



[id^="containergo_auw"]
{
    background-color: #fd0e35;
    color: white;
}

[id^="containergo_auw"] .stat_card
{
    background-color: #fd0e35;
    color: black;
}

[id^="containergo_auw"] input {
    color: white;
}

[id^="containergo_auw"] input::placeholder {
    color: #d3d3d3;
}



[id^="containergo_cuw"]
{
    background-color: #4fa800;
    color: white;
}

[id^="containergo_cuw"] .stat_card
{
    background-color: #4fa800;
    color: black;
}

[id^="containergo_cuw"] input {
    color: white;
}

[id^="containergo_cuw"] input::placeholder {
    color: #d3d3d3;
}



[id^="containergo_fiw"]
{
    background-color: #15236f;
    color: #808080;
}

[id^="containergo_fiw"] input {
    color: white;
}

[id^="containergo_fiw"] input::placeholder {
    color: #d3d3d3;
}

#blackbox-shop-list li {
    user-select: none;
    padding: 10px;
    width: 100%;
    display: table;
    border-color: #666;
    border-width: 1px 0px 1px 0px;
    margin-top: -1px;
    cursor: pointer;
    border-style: solid;
}

#blackbox-shop-list li:hover {
    background:#eee;
    box-shadow: 0px 1px 4px #0007;
}

div.disabled {
    background-color: #999;
    color: #555;
    cursor: not-allowed;
    opacity: 0.6;
}

#game-statistics-sort-container {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
    justify-content: space-evenly;
}

a.game-sort {
    font-size: larger;
}

.group-options {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
    justify-content: space-evenly;
    margin-top: 5px;
}

.group-options button, .group-options a:link {
    background-color: #17597d;
    padding: 10px;
    color: white;
    border-radius: 25px;
    box-shadow: 0 3px 8px 0px #0007;
}

.voucher-card {
    margin-top: 10px;
    padding: 10px;
}

.voucher-head {
    background: #00eaff;
    padding: 10px;
    font-size: larger;
}