@charset "UTF-8";
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 7, ../sass/ledger_screen.scss */
body {
  line-height: 130%;
  font-family: sans-serif;
  margin: 0px auto 0px auto;
}

/* line 12, ../sass/ledger_screen.scss */
caption, th, td {
  text-align: center;
}

/* line 15, ../sass/ledger_screen.scss */
form {
  display: inherit;
}
@media print {
  /* line 15, ../sass/ledger_screen.scss */
  form {
    display: none;
  }
}

/* line 21, ../sass/ledger_screen.scss */
table {
  width: 100%;
  border-collapse: collapse;
}
/* line 24, ../sass/ledger_screen.scss */
table tr, table td, table th, table caption {
  border: solid 1px #000000;
  text-align: center;
}
/* line 28, ../sass/ledger_screen.scss */
table#details {
  border-bottom: solid #333333 0px;
  width: 100%;
  text-align: center;
  background-color: #FFFFFF;
}
/* line 34, ../sass/ledger_screen.scss */
table#details tr:nth-child(even) {
  background-color: #e9eff3;
}
/* line 38, ../sass/ledger_screen.scss */
table#details td {
  text-align: center;
}
@media print {
  /* line 28, ../sass/ledger_screen.scss */
  table#details {
    font-size: 0.8em;
    line-height: 1.2em;
  }
}
/* line 46, ../sass/ledger_screen.scss */
table#details3 {
  border-bottom: solid #333333 0px;
  width: 100%;
  text-align: center;
  background-color: #FFFFFF;
}
/* line 51, ../sass/ledger_screen.scss */
table#details3 tr {
  text-align: center;
}
/* line 54, ../sass/ledger_screen.scss */
table#details3 td {
  text-align: center;
}
/* line 56, ../sass/ledger_screen.scss */
table#details3 td:nth-child(1) {
  width: 30%;
}
/* line 59, ../sass/ledger_screen.scss */
table#details3 td:nth-child(2) {
  width: 15%;
}
/* line 62, ../sass/ledger_screen.scss */
table#details3 td:nth-child(3) {
  width: 18%;
}
/* line 65, ../sass/ledger_screen.scss */
table#details3 td:nth-child(4) {
  width: 18%;
}
/* line 68, ../sass/ledger_screen.scss */
table#details3 td:nth-child(5) {
  width: 18%;
}
@media print {
  /* line 46, ../sass/ledger_screen.scss */
  table#details3 {
    font-size: 0.8em;
    line-height: 1.2em;
  }
}
/* line 77, ../sass/ledger_screen.scss */
table#listblock {
  width: 98%;
  margin: 0px auto 0px auto;
}
/* line 81, ../sass/ledger_screen.scss */
table#listblock tr:nth-child(even) {
  background-color: #f2f2f2;
}
/* line 84, ../sass/ledger_screen.scss */
table#listblock tr th {
  background-color: #F7DECD;
  text-align: center;
}
/* line 90, ../sass/ledger_screen.scss */
table.billform {
  width: 98%;
  border-collapse: collapse;
  border: 3px solid #333333;
  margin: 0px auto 0px auto;
  text-align: center;
}
/* line 96, ../sass/ledger_screen.scss */
table.billform caption {
  border: none;
  font-size: 1.8em;
  font-weight: bold;
  line-height: 2em;
  color: #000000;
}
/* line 102, ../sass/ledger_screen.scss */
table.billform caption.toptitledate {
  font-size: 1.2em;
  line-height: 1.2em;
  text-align: right;
  font-weight: normal;
}
/* line 109, ../sass/ledger_screen.scss */
table.billform tr {
  border-collapse: collapse;
  border: solid 1px #000000;
  padding: 1%;
  text-align: center;
}
/* line 114, ../sass/ledger_screen.scss */
table.billform tr.title {
  width: 100%;
  background-color: #CCCCCC;
  border: 2px solid #333333;
}
/* line 119, ../sass/ledger_screen.scss */
table.billform tr td {
  text-align: center;
  font-size: 1.4em;
  line-height: 1.4em;
}
@media print {
  /* line 119, ../sass/ledger_screen.scss */
  table.billform tr td {
    font-size: 0.8em;
  }
}
/* line 126, ../sass/ledger_screen.scss */
table.billform tr td:nth-child(1) {
  width: 20%;
}
/* line 129, ../sass/ledger_screen.scss */
table.billform tr td:nth-child(2) {
  width: 15%;
}
/* line 132, ../sass/ledger_screen.scss */
table.billform tr td:nth-child(3) {
  width: 18%;
}
/* line 135, ../sass/ledger_screen.scss */
table.billform tr td:nth-child(4) {
  width: 18%;
}
/* line 139, ../sass/ledger_screen.scss */
table.billform tr th {
  text-align: center;
}
@media print {
  /* line 141, ../sass/ledger_screen.scss */
  table.billform tr th:nth-child(3) {
    width: 22%;
  }
}
/* line 148, ../sass/ledger_screen.scss */
table.billform #ProductName {
  font-size: 1em;
  text-align: center;
}
@media print {
  /* line 148, ../sass/ledger_screen.scss */
  table.billform #ProductName {
    border: 0px;
    border-collapse: collapse;
  }
}
@media print {
  /* line 90, ../sass/ledger_screen.scss */
  table.billform {
    height: 25vh;
    margin-top: 12vh;
  }
}

/* line 163, ../sass/ledger_screen.scss */
article#firstblock {
  width: 98%;
  border-left: dotted 1px #FF0000;
  border-right: dotted 1px #FF0000;
  padding: 0px 5px 0px 5px;
  margin: 0px auto 0px auto;
}
/* line 170, ../sass/ledger_screen.scss */
article#firstblock h1 {
  font-size: 1.5em;
  text-align: center;
  color: #095294;
}
/* line 174, ../sass/ledger_screen.scss */
article#firstblock h1.farmwerwalktitle {
  color: #ff6c00;
}
/* line 178, ../sass/ledger_screen.scss */
article#firstblock h2 {
  width: 40%;
  font-size: 1em;
  line-height: 1.4em;
  text-align: center;
  color: #000000;
  border-bottom: #217EAD solid 1px;
  border-top: #217EAD solid 1px;
  background-color: #B5CEE2；;
}
/* line 188, ../sass/ledger_screen.scss */
article#firstblock table {
  border-collapse: collapse;
  margin: 0px auto 0px auto;
}
/* line 191, ../sass/ledger_screen.scss */
article#firstblock table.tablestyle {
  font-size: 1em;
  line-height: 1.6em;
  color: #515151;
  background-color: #DBDBDB;
}
/* line 196, ../sass/ledger_screen.scss */
article#firstblock table.tablestyle th {
  border-color: #FFFFFF;
  border-collapse: collapse;
  border: none;
  color: #FFFFFF;
  background-color: #666666;
  text-align: center;
  line-height: 2em;
  border-bottom: #217EAD solid 1px;
}
/* line 206, ../sass/ledger_screen.scss */
article#firstblock table.tablestyle tr {
  border: none;
}
/* line 211, ../sass/ledger_screen.scss */
article#firstblock table.tablestyle tr table.tablein {
  background-color: #999999;
}
/* line 215, ../sass/ledger_screen.scss */
article#firstblock table.tablestyle tr.title th {
  background-color: #FFFFFF;
  width: 20%;
  text-align: center;
  border-bottom: #34ADEA 1px solid;
  border-top: #34ADEA 1px solid;
  line-height: 1.4em;
  color: #333333;
}
/* line 223, ../sass/ledger_screen.scss */
article#firstblock table.tablestyle tr.title th:nth-child(1) {
  width: 30%;
}
/* line 226, ../sass/ledger_screen.scss */
article#firstblock table.tablestyle tr.title th:nth-child(2) {
  width: 15%;
}
/* line 229, ../sass/ledger_screen.scss */
article#firstblock table.tablestyle tr.title th:nth-child(3) {
  width: 18%;
}
/* line 232, ../sass/ledger_screen.scss */
article#firstblock table.tablestyle tr.title th:nth-child(4) {
  width: 18%;
}
/* line 235, ../sass/ledger_screen.scss */
article#firstblock table.tablestyle tr.title th:nth-child(5) {
  width: 18%;
}
/* line 241, ../sass/ledger_screen.scss */
article#firstblock table.tablestyle td {
  border-collapse: collapse;
  border: solid 1px #EAEAEA;
  border-right-style: none;
  border-left-style: none;
  border-top-style: none;
  color: #000000;
}
/* line 248, ../sass/ledger_screen.scss */
article#firstblock table.tablestyle td table th {
  background-color: #FFFFFF;
  border-bottom: 2px solid #CCCCCC;
}
/* line 255, ../sass/ledger_screen.scss */
article#firstblock table.tablestyle a:link {
  color: #515151;
  text-decoration: underline;
}
/* line 259, ../sass/ledger_screen.scss */
article#firstblock table.tablestyle a:visited {
  color: #515151;
  text-decoration: underline;
}
/* line 263, ../sass/ledger_screen.scss */
article#firstblock table.tablestyle a:hover {
  color: #FF6700;
  text-decoration: none;
}
/* line 267, ../sass/ledger_screen.scss */
article#firstblock table.tablestyle a:active {
  color: #FF6700;
  text-decoration: none;
}
/* line 274, ../sass/ledger_screen.scss */
article#firstblock div.totalblock {
  width: 100%;
  line-height: 2em;
  margin-left: auto;
  margin-right: auto;
  text-indent: 80%;
  color: #D13939;
  background-color: #d6f1fd;
}
@media print {
  /* line 163, ../sass/ledger_screen.scss */
  article#firstblock {
    height: 100vh;
  }
}
/* line 287, ../sass/ledger_screen.scss */
article#secondblock {
  width: 98%;
  height: 95vh;
  break-before: always;
  margin: 0px auto 0px auto;
  padding: 0px 5px 0px 5px;
  border-left: dotted 1px #FF0000;
  border-right: dotted 1px #FF0000;
  border-collapse: collapse;
  position: relative;
}
/* line 298, ../sass/ledger_screen.scss */
article#secondblock div#sender {
  background-image: url(../images/logo_mobile.png);
  background-repeat: no-repeat;
  line-height: 1.2em;
  margin-bottom: 5vh;
  color: #095294;
}
/* line 304, ../sass/ledger_screen.scss */
article#secondblock div#sender p {
  margin: 0px 0px 0px 95px;
}
/* line 308, ../sass/ledger_screen.scss */
article#secondblock div#sendertwo {
  background-image: url(../images/logo_farmerwalk.png);
  background-size: 8%;
  background-repeat: no-repeat;
  line-height: 1.2em;
  margin-bottom: 5vh;
  color: #000000;
}
@media print {
  /* line 308, ../sass/ledger_screen.scss */
  article#secondblock div#sendertwo {
    background-size: 11%;
    background-position: 2px;
  }
}
/* line 319, ../sass/ledger_screen.scss */
article#secondblock div#sendertwo p {
  margin: 0px 0px 0px 95px;
}
/* line 326, ../sass/ledger_screen.scss */
article div.qrcodeblock {
  width: 150px;
  height: 120px;
  margin: 5px auto 0px auto;
  text-align: center;
}
/* line 332, ../sass/ledger_screen.scss */
article div.hiddenblock {
  display: none;
  height: 33%;
  position: absolute;
  bottom: 0px;
  background-color: #999999;
  width: 96%;
  margin: 0px auto 0px auto;
  background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, white), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, white), color-stop(0.75, white), color-stop(0.75, transparent), to(transparent));
  background-size: 5px 5px;
}
@media print {
  /* line 332, ../sass/ledger_screen.scss */
  article div.hiddenblock {
    display: block;
  }
}
/* line 354, ../sass/ledger_screen.scss */
article div#recipient {
  width: 50%;
  margin: 0px auto 0px auto;
  border: solid 1px #FFC9A1;
  padding: 1%;
  border-radius: 25px;
}
/* line 360, ../sass/ledger_screen.scss */
article div#recipient ul {
  position: relative;
  margin: 0px;
  padding: 10px;
}
/* line 364, ../sass/ledger_screen.scss */
article div#recipient ul li {
  font-size: 1em;
  list-style: none;
}
/* line 367, ../sass/ledger_screen.scss */
article div#recipient ul li.text {
  position: absolute;
  right: 0px;
  bottom: -50%;
  color: #FFC9A1;
}
@media print {
  /* line 367, ../sass/ledger_screen.scss */
  article div#recipient ul li.text {
    bottom: -50%;
  }
}
@media print {
  /* line 354, ../sass/ledger_screen.scss */
  article div#recipient {
    width: 60vw;
    margin-bottom: 0vh;
  }
}
/* line 384, ../sass/ledger_screen.scss */
article div#third {
  width: 92vw;
  text-align: left;
  margin: 5vh auto 0px auto;
}