header { background-color:#04a650; }
  header nav.mainmenu #mainMenulist { background-color:#04a650; }
  header nav.submenu { background-color:#8c7103; }

a, .fakeLink { color:#000000; }
input[type=button], input[type=submit], .button { background-color:#000000; }

.content h2 { color:#000000; }

footer { background-color:#8c7103; }

.loginForm { max-width:80%; }
.tnxHelp { background-color:#000000; display:inline-block; width:15px; line-height:15px; text-align:center; border-radius:10px; border:1px solid #FFF; color:#FFF; font-weight:bold; }

.pots { margin-top:20px; }
  .pots .pot { display:inline-block; border:2px solid #999; margin-right:10px; }
    .pots .pot.balance { border:2px solid #000000; }
    .pots .pot h3 { padding:10px; margin:0; background-color:#999; color:#FFF; }
      .pots .pot.balance h3 { background-color:#000000; }
    .pots .pot div { text-align:right; font-size:20px; font-weight:bold; padding:10px; margin:0; }

code { display:block; margin:10px; padding:10px; background-color:#F6F8FA; font-family:monospace; overflow-x:scroll; }
.wapidoc { margin:20px; }
  .wapidoc h3 { margin-bottom:6px; }
  .wapidoc h4 { margin:16px 0 6px; }
  .wapidoc h5 { margin:16px 0 6px; font-weight:bold; }
  .wapidoc ul { margin:10px 20px; }
    .wapidoc ul li { list-style:inside; line-height:1.5em; }
  .wapidoc table { width:100%; border-spacing:3px; }
    .wapidoc table th, .wapidoc table td { padding:5px; background-color:#F6F8FA; text-align:left; vertical-align:top; }
    .wapidoc table th { background-color:#E6E8EA; }


/* Tablet */
@media only screen and (max-width: 1023px) {
  .mouseoverPopup { display:none; }
  .baloon { display:none; }
}


/* Smartphone landscape */
@media only screen and (max-width: 799px) {
  header nav.mainmenu .menuicon { display:block; }
    header nav.mainmenu #mainMenulist { display:none; position:absolute; width:50%; top:32px; right:0; }
      header nav.mainmenu #mainMenulist li a { display:block; }
  .transactionsList { }
    .transactionsList .duration { display:none; }
    .transactionsList .operatorId { display:none; }
    .transactionsList .operatorReference { display:none; }
    .transactionsList .channel { display:none; }
    .transactionsList .note { display:none; }
  .balanceUpdates .note { display:none; }
  .operatorsList .products .productsDetails { display:none; }
  .operatorsList .fxrate { display:none; }
  .operatorsList .commission { display:none; }
  .operatorsList .currency { display:none; }
  .mobileTopupList .header { display:none; }
  .mobileTopupList th { display:block; clear:both; }
  .mobileTopupList td { display:block; margin-bottom:10px; clear:both; }
    .mobileTopupList td h4 { display:block; }
    .mobileTopupList td .label { width:100px; display:inline-block; font-weight:normal !important; vertical-align:top; }
    .mobileTopupList .amount div { display:inline; }
  fieldset .row { margin-left:20px; }
    fieldset .row .label { display:block; text-align:left; margin:10px 0 0; float:none; }
}


/* Smartphone portrait */
@media only screen and (max-width: 479px) {
  header nav.submenu ul li a, header nav.submenu ul li .a { padding:5px; }
  header nav.submenu .type { display:none; }
  header nav.submenu .userLabel { display:none; }
  header nav.submenu .balanceLabel { display:none; }
  .content .filter .filterItem { display:block; float:none; }
    .content .filter .filterItem label { display:inline-block; width:40%; }
    .content .filter .filterItem.buttons { text-align:center; }
    .content .filter .filterBlock { display:none; }
  .transactionsList .id { display:none; }
  .transactionsList .user { display:none; }
  .transactionsList .product { display:none; }
  .mobileTopupList td .label { width:70px; }
  .mobileTopupList td input, .mobileTopupList td select { max-width:150px; }
  
  .balanceUpdates .balanceChange { display:none; }
}