@import url(https://fonts.googleapis.com/css?family=Lato:400,100,300,700,900);
@font-face {}
/*
--GREYS--
#FAFAFA
#F5F5F5
#EEEEEE
#E0E0E0
#BDBDBD
#9E9E9E
#757575
#616161
#424242
#303030
#212121
*/
/*
--REDS--
#FFEBEE
#FFCDD2
#EF9A9A
#E57373
#EF5350
#F44336
#E53935
#D32F2F
#C62828
#B71C1C
*/
* {
  margin: 0px;
  padding: 0px;
  text-decoration: none;
  font-family: 'Lato', 'segoe ui', 'Open Sans', arial;
  box-sizing: border-box;
  border: none;
  outline: none; }

body {
  background-color: #FAFAFA; }

.left-wrapper {
  width: 280px;
  top: 0;
  left: 0;
  bottom: 0;
  position: fixed;
  background-color: #F5F5F5;
  border-right: solid 2px #BDBDBD; }
  .left-wrapper img {
    width: 100%;
    height: 143px;
    border-bottom: solid 1px #BDBDBD;
    padding: 10px 0px; }

.right-wrapper {
  width: 100%;
  padding-left: 280px; }

.bg-green {
  background-color: #4CAF50;
  border: solid 1px #388E3C !important; }
  .bg-green:hover {
    background-color: #4CAF50 !important;
    border: solid 1px #388E3C; }

.bg-orange {
  background-color: #FFC107;
  border: solid 1px #FFA000 !important; }
  .bg-orange:hover {
    background-color: #FFC107 !important;
    border: solid 1px #388E3C; }

.header {
  width: 100%;
  height: 113px;
  background-color: #F44336;
  position: relative;
  z-index: 2;
  padding: 0px 150px;
  margin-left: -1px; }
  .header h1 {
    font-size: 30px;
    line-height: 113px;
    font-weight: 300;
    color: #fafafa; }

.sub-header {
  width: 100%;
  height: 30px;
  background-color: #D32F2F;
  margin-left: -1px;
  position: relative; }
  .sub-header a {
    opacity: 0.4;
    font-weight: 600;
    float: right;
    margin-right: 20px;
    line-height: 30px;
    cursor: pointer; }
    .sub-header a:hover {
      opacity: 1; }

.error {
  width: 100%;
  text-align: center;
  background-color: #BDBDBD;
  color: #fff;
  height: 40px;
  line-height: 40px;
  margin-top: 20px; }

.input-text {
  width: 200px;
  height: 40px;
  font-size: 16px;
  border: solid 1px #BDBDBD;
  padding-left: 10px; }
  .input-text:hover {
    border: solid 1px #757575; }
  .input-text:focus {
    border: solid 1px #757575; }

.input-text-small {
  width: 50px;
  height: 40px;
  font-size: 16px;
  border: solid 1px #BDBDBD;
  padding-left: 10px; }
  .input-text-small:hover {
    border: solid 1px #757575; }
  .input-text-small:focus {
    border: solid 1px #757575; }

.input-textarea {
  width: 400px;
  height: 80px;
  font-size: 16px;
  border: solid 1px #BDBDBD;
  padding-left: 10px;
  resize: none;
  padding-top: 5px; }
  .input-textarea:hover {
    border: solid 1px #757575; }
  .input-textarea:focus {
    border: solid 1px #757575; }

.readonly {
  color: #9E9E9E; }
  .readonly:hover {
    border: solid 1px #BDBDBD; }
  .readonly:focus {
    border: solid 1px #BDBDBD; }

.input-submit {
  width: 100px;
  height: 40px;
  background-color: #F44336;
  font-size: 14px;
  border: solid 1px #D32F2F;
  cursor: pointer;
  color: #fff; }
  .input-submit:hover {
    background-color: #D32F2F;
    border: solid 1px #D32F2F; }

.input-submit-grey {
  width: 100px;
  height: 40px;
  background-color: #F44336;
  font-size: 14px;
  border: solid 1px #BDBDBD;
  cursor: pointer; }
  .input-submit-grey:hover {
    background-color: #9E9E9E;
    border: solid 1px #9E9E9E; }

.input-select {
  width: 200px;
  height: 40px;
  font-size: 16px;
  border: solid 1px #BDBDBD;
  cursor: pointer; }
  .input-select:hover {
    border: solid 1px #757575; }

.link-button {
  width: 100px;
  height: 40px;
  display: block;
  background-color: #E0E0E0;
  text-align: center;
  line-height: 40px;
  border: solid 1px #BDBDBD;
  font-size: 14px;
  cursor: pointer;
  color: #222; }
  .link-button:hover {
    background-color: #9E9E9E;
    border: solid 1px #9E9E9E; }

.side-nav {
  width: 100%;
  position: relative;
  margin-top: -4px; }
  .side-nav .nav-item {
    cursor: pointer;
    display: block; }
    .side-nav .nav-item a {
      color: #424242;
      font-size: 18px;
      line-height: 50px;
      cursor: pointer;
      display: block;
      padding-left: 30px; }
      .side-nav .nav-item a:hover {
        background-color: #BDBDBD; }
    .side-nav .nav-item .dropdown {
      -webkit-transition: height 0.3s;
      height: 0px;
      overflow: hidden; }
      .side-nav .nav-item .dropdown a {
        font-size: 14px;
        color: #424242;
        line-height: 30px;
        cursor: pointer;
        display: block;
        padding-left: 60px; }
    .side-nav .nav-item:hover .dropdown {
      -webkit-transition: height 0.3s;
      height: 30px; }

.content {
  width: 1200px;
  margin: auto; }
  .content .title {
    margin-top: 50px;
    font-size: 40px;
    font-weight: 400;
    color: #F44336; }
  .content .content-item {
    border-top: solid 1px #BDBDBD;
    margin-top: 50px; }
    .content .content-item h2 {
      font-size: 40px;
      font-weight: 400;
      color: #F44336; }
    .content .content-item .title {
      margin-top: 50px; }
    .content .content-item h3 {
      font-size: 22px;
      margin-top: 30px; }
    .content .content-item p {
      width: 50%;
      font-size: 18px;
      margin-top: 30px; }
    .content .content-item ul {
      list-style-type: square;
      padding-left: 50px;
      margin-top: 30px; }
      .content .content-item ul li {
        margin-top: 10px;
        font-size: 18px; }

.control-panel h2 {
  margin-top: 30px;
  font-size: 40px;
  font-weight: 400;
  color: #F44336; }
.control-panel .title {
  margin-top: 50px; }
.control-panel h3 {
  font-size: 22px;
  margin-top: 30px; }
.control-panel p {
  width: 50%;
  font-size: 18px;
  margin-top: 30px; }

.view-boxes .controls {
  display: table;
  width: 100%;
  margin-top: 50px;
  margin-bottom: 20px; }
  .view-boxes .controls .input-text {
    width: 200px;
    float: left; }
  .view-boxes .controls .input-select[name="client"] {
    width: 400px;
    float: left;
    margin-left: 20px; }
  .view-boxes .controls .input-select[name="type"] {
    width: 200px;
    float: left;
    margin-left: 20px; }
  .view-boxes .controls .input-submit {
    float: left;
    margin-left: 20px; }
  .view-boxes .controls .link-button {
    float: left;
    margin-left: 20px; }
.view-boxes .box-table {
  width: 100%;
  margin-top: 50px; }
  .view-boxes .box-table .table-headers {
    width: 100%;
    height: 50px;
    display: flex;
    list-style-type: none;
    background-color: #E0E0E0;
    border: solid 1px #757575; }
    .view-boxes .box-table .table-headers li {
      width: 150px;
      line-height: 50px;
      display: inline-block;
      flex: 1;
      text-align: center; }
      .view-boxes .box-table .table-headers li:hover {
        background-color: #9E9E9E; }
      .view-boxes .box-table .table-headers li a {
        color: #212121;
        display: block; }
  .view-boxes .box-table .table-row {
    width: 100%;
    min-height: 50px;
    display: flex;
    list-style-type: none;
    border: solid 1px #757575;
    border-top: none;
    cursor: pointer; }
    .view-boxes .box-table .table-row:hover {
      background-color: #E0E0E0; }
    .view-boxes .box-table .table-row li {
      width: 150px;
      line-height: 50px;
      display: inline-block;
      flex: 1;
      text-align: center; }

.picking-boxes .controls {
  display: table;
  width: 100%;
  margin-top: 50px; }
  .picking-boxes .controls .input-text {
    width: 200px;
    float: left; }
  .picking-boxes .controls .input-select[name="client"] {
    width: 400px;
    float: left;
    margin-left: 20px; }
  .picking-boxes .controls .input-select[name="order-type"] {
    width: 200px;
    float: left;
    margin-left: 20px; }
  .picking-boxes .controls .input-select[name="type"] {
    width: 200px;
    float: left;
    margin-left: 20px; }
  .picking-boxes .controls .input-submit {
    float: left;
    margin-left: 20px; }
  .picking-boxes .controls .input-textarea {
    float: left;
    margin-left: 20px; }
.picking-boxes .controls-actions {
  margin-top: 50px;
  margin-bottom: 20px;
  display: table; }
  .picking-boxes .controls-actions .link-button {
    float: left;
    margin-top: 20px;
    margin-right: 20px; }
  .picking-boxes .controls-actions .link-button:nth-child(1n+2) {
    width: 150px; }
.picking-boxes h3 {
  clear: left;
  margin-top: 20px;
  margin-bottom: 10px; }
.picking-boxes h4 {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
  font-size: 30px; }
.picking-boxes .selected-box-table {
  width: 100%;
  margin-bottom: 40px; }
  .picking-boxes .selected-box-table .table-headers {
    width: 100%;
    height: 50px;
    display: flex;
    list-style-type: none;
    background-color: #E0E0E0;
    border: solid 1px #757575; }
    .picking-boxes .selected-box-table .table-headers li {
      width: 150px;
      line-height: 50px;
      display: inline-block;
      flex: 1;
      text-align: center; }
      .picking-boxes .selected-box-table .table-headers li:hover {
        background-color: #9E9E9E; }
      .picking-boxes .selected-box-table .table-headers li a {
        color: #212121;
        display: block; }
  .picking-boxes .selected-box-table .table-row {
    width: 100%;
    min-height: 50px;
    display: flex;
    list-style-type: none;
    border: solid 1px #757575;
    border-top: none; }
    .picking-boxes .selected-box-table .table-row li {
      width: 150px;
      line-height: 50px;
      display: inline-block;
      flex: 1;
      text-align: center; }
  .picking-boxes .selected-box-table .selectable {
    cursor: pointer; }
    .picking-boxes .selected-box-table .selectable:hover {
      background-color: #F44336; }
.picking-boxes .box-table {
  width: 100%; }
  .picking-boxes .box-table .table-headers {
    width: 100%;
    height: 50px;
    display: flex;
    list-style-type: none;
    background-color: #E0E0E0;
    border: solid 1px #757575; }
    .picking-boxes .box-table .table-headers li {
      width: 150px;
      line-height: 50px;
      display: inline-block;
      flex: 1;
      text-align: center; }
      .picking-boxes .box-table .table-headers li:hover {
        background-color: #9E9E9E; }
      .picking-boxes .box-table .table-headers li a {
        color: #212121;
        display: block; }
  .picking-boxes .box-table .table-row {
    width: 100%;
    min-height: 50px;
    display: flex;
    list-style-type: none;
    border: solid 1px #757575;
    border-top: none; }
    .picking-boxes .box-table .table-row:hover {
      background-color: #E0E0E0; }
    .picking-boxes .box-table .table-row li {
      width: 150px;
      line-height: 50px;
      display: inline-block;
      flex: 1;
      text-align: center;
      cursor: pointer; }
  .picking-boxes .box-table .selected {
    background-color: #A1E232; }

.request-boxes .controls {
  display: table;
  width: 100%;
  margin-top: 50px; }
  .request-boxes .controls .input-text {
    width: 200px;
    float: left; }
  .request-boxes .controls .input-text[type="date"] {
    width: 200px;
    float: left;
    clear: left;
    margin-top: 10px; }
  .request-boxes .controls .input-select[name="client"] {
    width: 400px;
    float: left;
    margin-left: 20px; }
  .request-boxes .controls .input-select[name="order-type"] {
    width: 200px;
    float: left;
    margin-left: 20px; }
  .request-boxes .controls .input-select[name="type"] {
    width: 200px;
    float: left;
    margin-left: 20px; }
  .request-boxes .controls .input-submit {
    float: left;
    clear: left;
    margin-top: 20px; }
  .request-boxes .controls .input-textarea {
    float: left;
    margin-left: 20px;
    height: 40px;
    padding-top: 9px; }
  .request-boxes .controls p {
    float: left;
    clear: left;
    margin-top: 20px; }
.request-boxes .controls-actions {
  margin-top: 50px;
  margin-bottom: 20px;
  display: table; }
  .request-boxes .controls-actions .input-submit {
    float: left;
    margin-right: 20px; }
  .request-boxes .controls-actions .link-button {
    float: left;
    margin-right: 20px; }
  .request-boxes .controls-actions .link-button:nth-child(1n+2) {
    width: 150px; }
.request-boxes h3 {
  clear: left;
  margin-top: 20px;
  margin-bottom: 10px; }
.request-boxes h4 {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
  font-size: 30px; }
.request-boxes .selected-box-table {
  width: 100%;
  margin-bottom: 40px; }
  .request-boxes .selected-box-table .table-headers {
    width: 100%;
    height: 50px;
    display: flex;
    list-style-type: none;
    background-color: #E0E0E0;
    border: solid 1px #757575; }
    .request-boxes .selected-box-table .table-headers li {
      width: 150px;
      line-height: 50px;
      display: inline-block;
      flex: 1;
      text-align: center; }
      .request-boxes .selected-box-table .table-headers li:hover {
        background-color: #9E9E9E; }
      .request-boxes .selected-box-table .table-headers li a {
        color: #212121;
        display: block; }
  .request-boxes .selected-box-table .table-row {
    width: 100%;
    min-height: 50px;
    display: flex;
    list-style-type: none;
    border: solid 1px #757575;
    border-top: none; }
    .request-boxes .selected-box-table .table-row li {
      width: 150px;
      line-height: 50px;
      display: inline-block;
      flex: 1;
      text-align: center; }
  .request-boxes .selected-box-table .selectable {
    cursor: pointer; }
    .request-boxes .selected-box-table .selectable:hover {
      background-color: #F44336; }
.request-boxes .box-table {
  width: 100%; }
  .request-boxes .box-table .table-headers {
    width: 100%;
    height: 50px;
    display: flex;
    list-style-type: none;
    background-color: #E0E0E0;
    border: solid 1px #757575; }
    .request-boxes .box-table .table-headers li {
      width: 150px;
      line-height: 50px;
      display: inline-block;
      flex: 1;
      text-align: center; }
      .request-boxes .box-table .table-headers li:hover {
        background-color: #9E9E9E; }
      .request-boxes .box-table .table-headers li a {
        color: #212121;
        display: block; }
  .request-boxes .box-table .table-row {
    width: 100%;
    min-height: 50px;
    display: flex;
    list-style-type: none;
    border: solid 1px #757575;
    border-top: none; }
    .request-boxes .box-table .table-row:hover {
      background-color: #E0E0E0; }
    .request-boxes .box-table .table-row li {
      width: 150px;
      line-height: 50px;
      display: inline-block;
      flex: 1;
      text-align: center;
      cursor: pointer; }
  .request-boxes .box-table .selected {
    background-color: #A1E232; }

.destroy-boxes .controls-search {
  display: table;
  width: 100%;
  margin-top: 50px; }
  .destroy-boxes .controls-search .input-text {
    width: 200px;
    float: left; }
  .destroy-boxes .controls-search .input-select[name="client"] {
    width: 400px;
    float: left;
    margin-left: 20px; }
  .destroy-boxes .controls-search .input-select[name="type"] {
    width: 200px;
    float: left;
    margin-left: 20px; }
  .destroy-boxes .controls-search .input-submit {
    float: left;
    margin-left: 20px; }
.destroy-boxes .controls-actions {
  display: table;
  width: 100%;
  margin-top: 50px;
  margin-bottom: 20px; }
  .destroy-boxes .controls-actions .link-button {
    float: left;
    margin-right: 20px;
    width: 160px; }
.destroy-boxes h3 {
  clear: left;
  margin-top: 20px;
  margin-bottom: 10px; }
.destroy-boxes h4 {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
  font-size: 30px; }
.destroy-boxes .selected-box-table {
  width: 100%;
  margin-bottom: 40px; }
  .destroy-boxes .selected-box-table .table-headers {
    width: 100%;
    height: 50px;
    display: flex;
    list-style-type: none;
    background-color: #E0E0E0;
    border: solid 1px #757575; }
    .destroy-boxes .selected-box-table .table-headers li {
      width: 150px;
      line-height: 50px;
      display: inline-block;
      flex: 1;
      text-align: center; }
      .destroy-boxes .selected-box-table .table-headers li:hover {
        background-color: #9E9E9E; }
      .destroy-boxes .selected-box-table .table-headers li a {
        color: #212121;
        display: block; }
  .destroy-boxes .selected-box-table .table-row {
    width: 100%;
    min-height: 50px;
    display: flex;
    list-style-type: none;
    border: solid 1px #757575;
    border-top: none; }
    .destroy-boxes .selected-box-table .table-row li {
      width: 150px;
      line-height: 50px;
      display: inline-block;
      flex: 1;
      text-align: center; }
  .destroy-boxes .selected-box-table .table-row-error {
    width: 100%;
    min-height: 50px;
    display: flex;
    list-style-type: none;
    border: solid 1px #A90F03;
    border-top: none;
    background-color: #F44336; }
    .destroy-boxes .selected-box-table .table-row-error li {
      width: 150px;
      line-height: 50px;
      display: inline-block;
      flex: 1;
      text-align: center; }
  .destroy-boxes .selected-box-table .selectable {
    cursor: pointer; }
    .destroy-boxes .selected-box-table .selectable:hover {
      background-color: #F44336; }
.destroy-boxes .box-table {
  width: 100%; }
  .destroy-boxes .box-table .table-headers {
    width: 100%;
    height: 50px;
    display: flex;
    list-style-type: none;
    background-color: #E0E0E0;
    border: solid 1px #757575; }
    .destroy-boxes .box-table .table-headers li {
      width: 150px;
      line-height: 50px;
      display: inline-block;
      flex: 1;
      text-align: center; }
      .destroy-boxes .box-table .table-headers li:hover {
        background-color: #9E9E9E; }
      .destroy-boxes .box-table .table-headers li a {
        color: #212121;
        display: block; }
  .destroy-boxes .box-table .table-row {
    width: 100%;
    min-height: 50px;
    display: flex;
    list-style-type: none;
    border: solid 1px #757575;
    border-top: none; }
    .destroy-boxes .box-table .table-row:hover {
      background-color: #E0E0E0; }
    .destroy-boxes .box-table .table-row li {
      width: 150px;
      line-height: 50px;
      display: inline-block;
      flex: 1;
      text-align: center;
      cursor: pointer; }
  .destroy-boxes .box-table .selected {
    background-color: #A1E232; }

.destruction-list .controls-search {
  display: table;
  width: 100%;
  margin-top: 50px; }
  .destruction-list .controls-search .input-select[name="client"] {
    width: 400px;
    float: left; }
.destruction-list .controls-actions {
  display: table;
  width: 100%;
  margin-top: 50px;
  margin-bottom: 20px; }
  .destruction-list .controls-actions .link-button {
    float: left;
    margin-right: 20px;
    width: 160px; }
.destruction-list h3 {
  clear: left;
  margin-top: 20px;
  margin-bottom: 10px; }
.destruction-list h4 {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
  font-size: 30px; }
.destruction-list .orders-table {
  width: 100%; }
  .destruction-list .orders-table .table-headers {
    width: 100%;
    height: 50px;
    display: flex;
    list-style-type: none;
    background-color: #E0E0E0;
    border: solid 1px #757575; }
    .destruction-list .orders-table .table-headers li {
      width: 150px;
      line-height: 50px;
      display: inline-block;
      flex: 1;
      text-align: center; }
      .destruction-list .orders-table .table-headers li:hover {
        background-color: #9E9E9E; }
      .destruction-list .orders-table .table-headers li a {
        color: #212121;
        display: block; }
  .destruction-list .orders-table .table-row {
    width: 100%;
    min-height: 50px;
    display: flex;
    list-style-type: none;
    border: solid 1px #757575;
    border-top: none; }
    .destruction-list .orders-table .table-row:hover {
      background-color: #E0E0E0; }
    .destruction-list .orders-table .table-row li {
      width: 150px;
      line-height: 50px;
      display: inline-block;
      flex: 1;
      text-align: center;
      cursor: pointer; }
  .destruction-list .orders-table .selected {
    background-color: #A1E232; }

.destruction-order-controls-actions {
  display: table;
  width: 100%;
  margin-top: 50px;
  margin-bottom: 20px; }
  .destruction-order-controls-actions .link-button {
    float: left;
    margin-right: 20px;
    width: 160px; }
  .destruction-order-controls-actions .input-submit {
    float: left;
    margin-right: 20px; }
  .destruction-order-controls-actions .input-submit:nth-child(2n) {
    float: left;
    margin-right: 20px;
    width: 180px; }
  .destruction-order-controls-actions h2 {
    float: left;
    line-height: 40px; }

@media print {
  @page {
    margin: 0; }
  .barcode {
    page-break-inside: avoid;
    page-break-after: auto; }

  .picking-boxes {
    margin: 1.6cm 0px; }

  .selected-box-table {
    page-break-inside: auto;
    page-break-after: auto; }
    .selected-box-table ul {
      page-break-inside: avoid;
      page-break-after: auto; }

  #print-hide {
    display: none; }

  .sf-toolbar {
    display: none; } }
.edit-boxes {
  display: table;
  margin-bottom: 50px; }
  .edit-boxes .controls {
    margin-top: 50px;
    margin-bottom: 30px; }
  .edit-boxes .box-edit-form h3 {
    margin-top: 20px;
    margin-bottom: 10px; }
  .edit-boxes .box-edit-form textarea {
    width: 400px;
    height: 80px;
    resize: none;
    padding-top: 5px; }
  .edit-boxes .box-edit-form .input-submit {
    margin-top: 20px;
    float: left; }
  .edit-boxes .box-edit-form .link-button {
    float: left;
    width: 150px;
    margin-top: 20px;
    margin-left: 20px; }

.barcode-print .barcode-list {
  width: 420px;
  text-align: center; }
  .barcode-print .barcode-list .barcode {
    width: 100%;
    height: 200px;
    padding-top: 50px;
    margin: auto; }

.barcode-orders-list .controls-search {
  display: table;
  width: 100%;
  margin-top: 50px; }
  .barcode-orders-list .controls-search .input-select[name="client"] {
    width: 400px;
    float: left; }
.barcode-orders-list .orders-table {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px; }
  .barcode-orders-list .orders-table .table-headers {
    width: 100%;
    height: 50px;
    display: flex;
    list-style-type: none;
    background-color: #E0E0E0;
    border: solid 1px #757575; }
    .barcode-orders-list .orders-table .table-headers li {
      width: 150px;
      line-height: 50px;
      display: inline-block;
      flex: 1;
      text-align: center; }
      .barcode-orders-list .orders-table .table-headers li:hover {
        background-color: #9E9E9E; }
      .barcode-orders-list .orders-table .table-headers li a {
        color: #212121;
        display: block; }
  .barcode-orders-list .orders-table .table-row {
    width: 100%;
    min-height: 50px;
    display: flex;
    list-style-type: none;
    border: solid 1px #757575;
    border-top: none; }
    .barcode-orders-list .orders-table .table-row:hover {
      background-color: #E0E0E0; }
    .barcode-orders-list .orders-table .table-row li {
      width: 150px;
      line-height: 50px;
      display: inline-block;
      flex: 1;
      text-align: center;
      cursor: pointer; }
  .barcode-orders-list .orders-table .selected {
    background-color: #A1E232; }

.order-controls-actions {
  display: table;
  width: 100%;
  margin-top: 50px;
  margin-bottom: 20px; }
  .order-controls-actions .link-button {
    float: left;
    margin-right: 20px;
    width: 160px; }
  .order-controls-actions .input-submit {
    float: left;
    margin-right: 20px; }
  .order-controls-actions h2 {
    float: left;
    line-height: 40px; }
  .order-controls-actions textarea {
    float: left;
    margin-right: 20px; }

.barcode-single .controls-actions {
  display: table;
  width: 100%;
  margin-top: 50px;
  margin-bottom: 20px; }
  .barcode-single .controls-actions .link-button {
    float: left;
    margin-right: 20px;
    width: 160px; }
  .barcode-single .controls-actions input {
    float: left;
    margin-right: 20px; }
.barcode-single .selected-box-table {
  width: 100%;
  margin-bottom: 40px; }
  .barcode-single .selected-box-table .table-headers {
    width: 100%;
    height: 50px;
    display: flex;
    list-style-type: none;
    background-color: #E0E0E0;
    border: solid 1px #757575; }
    .barcode-single .selected-box-table .table-headers li {
      width: 150px;
      line-height: 50px;
      display: inline-block;
      flex: 1;
      text-align: center; }
      .barcode-single .selected-box-table .table-headers li:hover {
        background-color: #9E9E9E; }
      .barcode-single .selected-box-table .table-headers li a {
        color: #212121;
        display: block; }
  .barcode-single .selected-box-table .table-row {
    width: 100%;
    min-height: 50px;
    display: flex;
    list-style-type: none;
    border: solid 1px #757575;
    border-top: none; }
    .barcode-single .selected-box-table .table-row li {
      width: 150px;
      line-height: 50px;
      display: inline-block;
      flex: 1;
      text-align: center; }
  .barcode-single .selected-box-table .selectable {
    cursor: pointer; }
    .barcode-single .selected-box-table .selectable:hover {
      background-color: #F44336; }

.billing {
  margin-bottom: 50px; }
  .billing .controls-search {
    display: table;
    width: 100%;
    margin-top: 50px; }
    .billing .controls-search .input-select {
      width: 400px;
      float: left;
      margin-right: 20px; }
    .billing .controls-search .input-select:nth-child(1n+2) {
      width: 100px; }
  .billing .controls-actions {
    display: table;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 20px; }
    .billing .controls-actions .link-button {
      float: left;
      margin-right: 20px;
      width: 160px; }
  .billing h3 {
    clear: left;
    margin-top: 20px;
    margin-bottom: 10px; }
  .billing h4 {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    font-size: 30px; }
  .billing .controls-add {
    margin-top: 50px; }
    .billing .controls-add .input-select:nth-child(1) {
      width: 400px; }
    .billing .controls-add .input-select {
      margin-right: 30px; }
    .billing .controls-add .input-text[name="amount"] {
      width: 100px;
      margin-right: 30px; }
    .billing .controls-add .input-text {
      margin-right: 30px; }
    .billing .controls-add .input-submit {
      margin-top: 20px; }
    .billing .controls-add .input-submit[name="add-tariff"] {
      width: 150px;
      margin-top: 0px; }
    .billing .controls-add .amounts {
      margin-top: 20px; }
      .billing .controls-add .amounts p {
        width: 100px;
        margin-top: 10px;
        margin-bottom: 10px; }
      .billing .controls-add .amounts .input-text:nth-child(1) {
        width: 400px; }
      .billing .controls-add .amounts .input-text {
        width: 100px; }
  .billing .charges-table {
    width: 100%; }
    .billing .charges-table .table-headers {
      width: 100%;
      height: 50px;
      display: flex;
      list-style-type: none;
      background-color: #E0E0E0;
      border: solid 1px #757575; }
      .billing .charges-table .table-headers li {
        width: 150px;
        line-height: 50px;
        display: inline-block;
        flex: 1;
        text-align: center; }
        .billing .charges-table .table-headers li:hover {
          background-color: #9E9E9E; }
        .billing .charges-table .table-headers li a {
          color: #212121;
          display: block; }
    .billing .charges-table .table-row {
      width: 100%;
      min-height: 50px;
      display: flex;
      list-style-type: none;
      border: solid 1px #757575;
      border-top: none; }
      .billing .charges-table .table-row li {
        width: 150px;
        line-height: 50px;
        display: inline-block;
        flex: 1;
        text-align: center; }
    .billing .charges-table .selected {
      background-color: #A1E232; }
  .billing .tariffs-table {
    width: 100%; }
    .billing .tariffs-table .table-headers {
      width: 100%;
      height: 50px;
      display: flex;
      list-style-type: none;
      background-color: #E0E0E0;
      border: solid 1px #757575; }
      .billing .tariffs-table .table-headers li {
        width: 300px;
        line-height: 50px;
        display: inline-block;
        text-align: center; }
        .billing .tariffs-table .table-headers li a {
          color: #212121;
          display: block; }
          .billing .tariffs-table .table-headers li a:hover {
            background-color: #9E9E9E; }
      .billing .tariffs-table .table-headers li:nth-child(1n + 2) {
        width: 100px; }
    .billing .tariffs-table .table-row {
      width: 100%;
      min-height: 50px;
      display: flex;
      list-style-type: none;
      border: solid 1px #757575;
      border-top: none; }
      .billing .tariffs-table .table-row li {
        width: 300px;
        line-height: 50px;
        display: inline-block;
        text-align: center; }
      .billing .tariffs-table .table-row li:nth-child(1n + 2) {
        width: 100px; }
    .billing .tariffs-table .selected {
      background-color: #A1E232; }

@media print {
  @page {
    margin: 7mm auto; }
  .picking-boxes {
    margin: 1.6cm 0px; }

  #print-hide {
    display: none; }

  .sf-toolbar {
    display: none; }

  .ref {
    page-break-inside: avoid;
    page-break-after: auto; }

  .summary {
    page-break-inside: avoid;
    page-break-after: auto; } }
.billing-print {
  width: 1000px; }
  .billing-print .controls {
    display: table;
    width: 100%;
    margin-top: 20px; }
    .billing-print .controls a {
      float: left;
      margin-right: 20px; }
    .billing-print .controls input {
      float: left;
      margin-right: 20px; }
  .billing-print .bill .bill-header {
    text-align: center; }
    .billing-print .bill .bill-header img {
      width: 300px; }
    .billing-print .bill .bill-header h1 {
      font-weight: 500; }
  .billing-print .bill .details {
    width: 100%;
    margin-top: 30px;
    display: table; }
    .billing-print .bill .details .client {
      width: 49%;
      min-height: 100px;
      border: solid 1px #444;
      float: left;
      padding: 20px; }
    .billing-print .bill .details .invoice {
      width: 49%;
      min-height: 118px;
      border: solid 1px #444;
      float: right;
      padding: 20px; }
  .billing-print .bill .main {
    margin-top: 30px;
    border: solid 1px #444; }
    .billing-print .bill .main .info {
      width: 100%;
      padding: 20px;
      border-bottom: solid 1px #444; }
    .billing-print .bill .main .charges {
      width: 100%;
      padding: 20px; }
      .billing-print .bill .main .charges h2 {
        font-size: 20px;
        height: 30px; }
      .billing-print .bill .main .charges h2:nth-child(1n+2) {
        margin-top: 30px; }
      .billing-print .bill .main .charges .charge {
        width: 100%;
        height: 30px;
        display: table;
        line-height: 30px;
        padding-left: 30px; }
        .billing-print .bill .main .charges .charge p:nth-child(1) {
          float: left; }
        .billing-print .bill .main .charges .charge p:nth-child(2) {
          float: right; }
      .billing-print .bill .main .charges .ref {
        border-left: solid 1px #444;
        margin-left: 20px;
        padding-left: 20px;
        margin-top: 30px;
        margin-bottom: 30px; }
        .billing-print .bill .main .charges .ref h3 {
          height: 30px;
          font-size: 18px;
          line-height: 30px; }
    .billing-print .bill .main .summary {
      margin-top: 30px;
      width: 100%;
      display: table;
      padding-right: 20px;
      padding-bottom: 20px; }
      .billing-print .bill .main .summary div {
        display: table;
        width: 20%;
        float: right;
        clear: right;
        height: 30px;
        line-height: 30px; }
        .billing-print .bill .main .summary div p:nth-child(1) {
          float: left;
          font-weight: 800; }
        .billing-print .bill .main .summary div p:nth-child(2) {
          float: right; }
  .billing-print .bill .bill-footer {
    width: 100%;
    display: table;
    margin-bottom: 50px; }
    .billing-print .bill .bill-footer div:nth-child(1) {
      float: left; }
    .billing-print .bill .bill-footer div:nth-child(2) {
      float: right;
      text-align: right; }

.order-print .print-header {
  text-align: center; }
  .order-print .print-header img {
    width: 300px; }
  .order-print .print-header h1 {
    font-weight: 500; }
.order-print .details {
  width: 100%;
  margin-top: 30px;
  display: table; }
  .order-print .details .client {
    width: 49%;
    min-height: 100px;
    border: solid 1px #444;
    float: left;
    padding: 20px; }
  .order-print .details .invoice {
    width: 49%;
    min-height: 118px;
    border: solid 1px #444;
    float: right;
    padding: 20px; }
    .order-print .details .invoice .box {
      height: 15px;
      width: 15px;
      background-color: #eee;
      border: solid 1px #444;
      position: absolute;
      margin-top: -15px;
      margin-left: 90px; }
.order-print .selected-box-table {
  width: 100%;
  margin-bottom: 40px;
  margin-top: 40px; }
  .order-print .selected-box-table .table-headers {
    width: 100%;
    height: 50px;
    display: flex;
    list-style-type: none;
    background-color: #E0E0E0;
    border: solid 1px #757575; }
    .order-print .selected-box-table .table-headers li {
      width: 150px;
      line-height: 50px;
      display: inline-block;
      flex: 1;
      text-align: center; }
      .order-print .selected-box-table .table-headers li:hover {
        background-color: #9E9E9E; }
      .order-print .selected-box-table .table-headers li a {
        color: #212121;
        display: block; }
  .order-print .selected-box-table .table-row {
    width: 100%;
    min-height: 50px;
    display: flex;
    list-style-type: none;
    border: solid 1px #757575;
    border-top: none; }
    .order-print .selected-box-table .table-row li {
      width: 150px;
      line-height: 50px;
      display: inline-block;
      flex: 1;
      text-align: center; }
      .order-print .selected-box-table .table-row li .box {
        height: 15px;
        width: 15px;
        background-color: #eee;
        border: solid 1px #444;
        position: absolute;
        margin-top: 18px;
        margin-left: 90px; }
  .order-print .selected-box-table .selectable {
    cursor: pointer; }
    .order-print .selected-box-table .selectable:hover {
      background-color: #F44336; }

.signatures {
  display: flex; }
  .signatures span {
    width: 30%;
    display: block; }
  .signatures div {
    width: 70%;
    margin-left: 20px;
    margin-right: 50px;
    border-bottom: solid 1px #444;
    display: block; }

/*# sourceMappingURL=application.css.map */