h1.alert {
  font:bold 16px/18px arial;
  padding:5px;
  margin:5px;
  background:#FF0;
}
h1.error {
  font:bold 16px/18px arial;
  padding:5px;
  margin:5px;
  background:#F66;
}

div#main {
  display:flex;
}

div#invoice {
  vertical-align: top;
  flex: 0 1 auto;
  min-width:320px;
  width:20%;
}
div#invoice_list {
  vertical-align:top;
  flex: 0 1 auto;
  min-width:320px;
  width:80%;
}

@media (max-width:768px) {
  div#main {
    flex-wrap:wrap;
  }
  div#invoice {
    width:100%;
  }
  div#invoice_list {
    width:100%;
  }
}

table tr th,
table tr td {
  vertical-align:top;
  text-align:left;
}
div#invoice_list table tr td {
  border-right:1px solid #ccc;
  font:10px/12px arial;
}
div#invoice_list table tr td:last-child {
  border-right:none;
}

fieldset {
  padding:10px 0;
  border-left:none;
  border-right:none;
}
fieldset legend {
  padding:0 10px 0 0;
  white-space:nowrap;
}
fieldset .field {
  clear:both;
  position:relative;
  display:block;
  padding:2px 0;
}
fieldset .field > label {
  float:left;
  display:block;
  width:30%;
  max-width:100px;
  padding:0 0 10px 0;
  white-space:nowrap;
}
fieldset .field select,
fieldset .field input[type=text] {
  float:left;
  box-sizing:border-box;
  padding:2px;
  margin:0 5px 5px 0;
  width:68%;
  max-width:200px;
}
fieldset .field.control {
  text-align:center;
}
fieldset .field.radio span {
  margin:0 5px 0 0;
  padding:3px 7px 3px 5px;
  background:#efefef;
  border-radius:4px;
}

.pagination {
  margin: 0 0 10px 0;
  border-bottom: 1px solid #aaa;
  text-align: right;
  padding: 5px 5px 10px 5px;
}
.pagination input[type=button] {
  float: left;
  margin-left: 10px;
}
.pagination label {
  display: inline-block;
  margin: 0;
}
.pagination label + label {
  margin-left: 10px;
}
.pagination label[for=checkAll] {
  float: left;
}

.invoice {
  padding:10px;
}
.invoice h1 {
  font-size:24px;
  padding:5px 0;
  margin:0;
}
.invoice .field {
  font-size:14px;
  padding:2px 0;
}
.invoice hr {
  margin:20px 0;
}

@media (max-width:500px) {
  fieldset .field input[type=text] + input[type=text] {
    margin-left:30%;
  }
}