* {
  font-family: Verdana,Arial,sans-serif;
}

form {
  margin: 5px;
}
.formDiv {
  margin: 5px;
  margin-top: 0px;
}
form table {
  text-align: right;
  margin:0px;  
}
.center-h {
  margin-left: auto;
  margin-right: auto;
}

form td {
  font-size: 12px;
}

html, body {
    height: 100%;
    width: 100%;
}

body {
  display: table;
  margin:0px;
}

.page-wrapper {
  display: table-cell;
  vertical-align: middle;
  margin: auto;
}

.dashboard {
  width: 80%;
  min-width: 500px;
  height: 100%;
  border: 0px;
  padding: 0px;
  margin: auto;
  padding-top:10px;
  padding-bottom: 10px;
}
.dashboard td, tr, tbody {
  border: 0px;
  padding: 0px;
  margin: 0px;
  vertical-align: top;
  height: auto;
}

#navbar {
  border-bottom: 2px solid #457EF3;
  margin-bottom: 2px;
}
#navbar ul {
  margin: 0px;
  padding: 0px;
  display: flex;
}
#navbar li {
  margin: 0px;
  padding:0px;
  width: 25%;
  padding: 0px;
  display: inline-block;
  height: 40px;
  text-align: center;
  line-height: 40px;
  /*border-right: 2px solid gray;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;*/
  cursor: pointer;
  flex-grow: 1;
  font: sans-serif;
  font-weight: bold;
  font-size: 12px;
}
#navbar li:hover {
  background: #B6B8BD;
}
#navbar li.active {
  height: 42px;
  background: #457EF3;
}
#navbar li.active:hover {
  background: #3F73DE;
}
#navbar li.logout {
  border: 0px;
  background: #EA7F73;
}
#navbar li.logout:hover {
  background: #D9766A;
}
#navbar div {
  height: 40px;
  width: 2px;
  background: gray;
}

td.content {
  height: 100%;
}

.jqx-expander-header-content {
  text-align: center;
  font-weight: bold;
  width: 90%;
}

.profile {
  width: 25%;
  /*height: 200px;*/
  overflow: hidden;
  /*float: left;*/
  display: block;
  box-sizing: border-box;
  padding: 2px;
}

.profiles {
  display: flex;
}

.profile form {
  border: 1px solid gray;
  padding: 2px;
  font-size: 12px;
  height: 100%;
  margin: 0px;
  box-sizing: border-box;
  line-height: 20px;
}
.newbill {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}
#btnNewBill {
  margin-top: 10px;
}

.heading {
  font-size: 12px;
  line-height: 20px;
  height: 20px;
  display: block;
}

#cmbOutgoing {
  float: left;
}

#divMsg {
  width: 100%;
  display: table;
  height: 40px;
  text-align: center;
  vertical-align: middle;
  margin-bottom: 10px;
  margin-top: 5px;
}
.msg-bad {
  text-align: center;
  background: #EA7F73;
  border: 1px solid #992C1F;
  height: 50px;
  font: sans-serif;
}
.msg-good {
  text-align: center;
  background: #62D43A;
  border: 1px solid #3E8725;
  height: 50px;
}
#divMsg div {
  display: table-cell;
  vertical-align: middle;
}

.jqx-expander-content {
  padding: 5px;
}

#bills {
  width: 100%;
  font-size: 12px;
  border-collapse: collapse;
}
#bills td, #bills th {
  padding: 2px;
  border-top: 1px solid gray;
  border-collapse: collapse;
  vertical-align: middle;
}
#bills th {
  font-weight: bold;
  text-align: center;
  background: silver;
  white-space: nowrap;
}
#bills td.number {
  min-width: 100px;
  text-align: right;
  width: 1px;
  white-space: nowrap;
  padding-right: 5px;
}
#bills tr.status-1 {
  background: #AFAFAF;
}
#bills tr.status1 {
  background: #AEF7AA;
}
#bills tr.status2 {
  background: #FFE791;
}
#bills .filelist {
  text-align: right;
  border-left: 0px;
  width: 1px;
  white-space: nowrap;
}
.filelist img {
  height: 20px;
}
#bills .norightborder {
  border-right: 0px;
}
#bills .noborderbottom td {
  border-bottom: 1px dotted gray;
}
#bills .comment td {
  border-top: 0px;
  padding: 0px;
  margin: 0px;
}
#bills .comment td div {
  padding:2px;
}
#bills .action {
  vertical-align:top;
  width: 1px;
  white-space: nowrap;
  background: #FFFFFF;
}
.action img {
  height: 20px;
  cursor: pointer;
}
#edit_element {
  display: none;
}
#edit_element td {
  padding: 2px;
  border: 0px;
  border-top: 1px dotted gray;
}
#edit_element td.value {
  width: 250px;
}
#edit_element td.files {
  width: 250px;
}
#edit_element td div.content {
  width: 600px;
  margin-left: auto;
  margin-right: auto;  
}
#edit_element table {
  width: 100%;
  border-collapse: collapse;
}
#edit_element td {
  border: 0px;
  padding: 2px;
  vertical-align: top;
}
#edit_element .heading {
  text-align: right;
}
#edit_element .heading.left {
  text-align: left;
}
#edit_element .file {
  font-size: 12px;
  line-height: 16px;
  height: 16px;
  padding-bottom: 4px;
}
#edit_element .file img {
  font-size: 12px;
  height: 16px;
  display: inline-block;
  float: right;
  cursor: pointer;
}

#bills .taglist {
  height: 10px;
  margin-bottom:5px;
}
.taglist div {
  width: 5px;
  margin-right:3px;
  height: 100%;
  display: inline-block;
}
.taglist .tagMail {
  background: #FF0000;
}
#chkTag0 > div {
  background: #FF000080;
}
.taglist .tagPDF {
  background: #00FF00;
}
#chkTag1 > div {
  background: #00FF0080;
}
.taglist .tagNoBill {
  background: #0000FF;
}
#chkTag2 > div {
  background: #0000FF80;
}
.taglist .tagPayed {
  background: #FFFF00;
}
#chkTag3 > div {
  background: #FFFF0080;
}
.taglist .tagIncomming {
  background: #FF00FF;
}
#chkTag4 > div {
  background: #FF00FF80;
}

.editTags > div {
  float: left;
}

.formInfo {
  width: 100%;
  display: table;
  height: 40px;
  text-align: center;
  vertical-align: middle;
  margin-bottom: 10px;
  margin-top: 5px;
  background: #FFCF00;
  border: 1px solid #FFAC00;
}