@import url('https://fonts.googleapis.com/css?family=Fira+Mono&display=swap');
.wide #receipt-table,
.headerContent {
  font-family: 'Fira Mono', monospace !important;
  font-size: 0.9em; }

#result-holder {
  background: #12008a; }

.highlighted {
  border-color: #f70026 !important; }

  .posBtns:focus,
  .posBtns.selected {
    box-shadow: 0px 0px 3px #f95353 !important;
    border: 3px solid #f70026; }

  .element:focus,
  .element.selected {
    box-shadow: 0px 0px 3px #f95353 !important;
    border: 3px solid #f70026 !important;
    border: none; }

  .wide .result-content .receiptRow {
    border: 3px solid rgba(0, 0, 0, 0) !important; }
    .wide .result-content .receiptRow.disabledBtn,
    .wide .result-content .receiptRow.disabledBtn .priceText,
    .wide .result-content .receiptRow.disabledBtn .quiet span {
      color: #444444 !important; }
    .wide .result-content .receiptRow.selected {
      box-shadow: 0px 0px 3px #f95353 !important;
      border: 3px solid #f70026 !important; }

.resultText,
#result-holder .receiptRow,
.result-content .priceText,
.contragentName {
  color: white; }

.numPad,
.numBack {
  background: white !important;
  border: #aaaaaa 1px solid !important;
  color: #111111 !important; }
  .numPad:hover,
  .numBack:hover {
    border: #999999 1px solid !important;
    background: #999999 !important;
    box-shadow: inset 0 0 50px white; }

.operationBtn,
.operationHolder {
  border-radius: 3px;
  background-color: #bbbbbb; }
  .operationBtn:hover,
  .operationHolder:hover {
    background-color: #999999; }

.divider {
  background: rgba(255, 255, 255, 0.8);
  color: #333333 !important;
  font-weight: bold;
  border-color: #999999; }

.tabHolder li {
  border-color: rgba(0, 0, 0, 0) !important;
  color: #9999cc; }

.tabHolder li.active {
  color: white;
  border-bottom: 4px solid white !important; }

#result-holder {
  color: white; }
  #result-holder .element {
    color: black; }
  #result-holder .posBtns,
  #result-holder .element {
    opacity: 0.9; }
    #result-holder .posBtns.selected,
    #result-holder .element.selected {
      opacity: 1; }

.tabHolder li {
  color: #666666;
  border: none !important; }
  .tabHolder li.active {
    color: #333333 !important;
    border: none !important; }

