html {
  min-height: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

body {
  max-width: 100%;
  background-color: #ffffff
}

.footer {
  width: 100%;
  height: 50px;
  background-color: #ebddd2;
  font-size: 10px;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

.scrollable {}
.x-scrollable {}
.y-scrollable {}

.right-pane {
  width: 100%;
  margin: 0px;
}

.panel-title a {
  display: block;
  padding: 10px 15px;
  margin: -10px -15px;
}

table thead tr {
  background-color: tan;
}

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
  border-bottom-width: 1px;
  border-color: #cdab7e;
}

table thead tr th {
  text-align: center;
  vertical-align: middle;
  user-select: none;
}

table td {
  vertical-align: middle !important;
}

.selected {
  background-color: #F5F5F5;
}

.panel-heading {}

.modal-header {
}

.amendment-difference {
  width: 100%
  white-space: nowrap;
  border-radius: 6px;
  padding: 2px 10px;
}

.negative {
  border: 2px solid red;
}

.positive {
  border: 2px solid green;
}
.positive::before {
  content: "+";
}
.field-label {
  text-align: left;
  font-weight: bold;
}

.field-value {
  text-align: right;
}

.input-hint {
  margin-top: -20px;
  margin-bottom: 10px;
  padding: 5px 10px;
  color: gray;
  font-size: 75%;
}
.borderless td {
  border-top: 0px none transparent;
}

.has-float-label input {
  font-weight: normal;
}
.has-float-label select {
  font-weight: normal;
}
.has-float-label textarea {
  font-weight: normal;
}
.amendment-create-item {
  background-color: #f8f3ed;
}
.amendment-change-item {
}

.tender-state {
  text-align: center;
  display: inline-block;
  width: 90px;
  padding: 2px 10px;
  border-radius: 10px;
}

.tender-state-DRAFT {
  color: green;
}

.tender-state-PLANNED {
  border: 3px solid blue;
  color: blue;
}

.tender-state-PENDING {
  color: brown;
}

.tender-state-COMPLETED {
  color: steelblue;
}

.tender-state-CANCELLED {
  color: gray;
}

.procurement-typeahead-item {
  font-size:80%;
  color: lightgray;
  border-top: 2px solid gray;
}
.procurement-typeahead-item-heading {
  font-size:110%;
  text-overflow: ellipsis;
  padding: 5px 20px;
  margin: 4px -20px;
}
.procurement-typeahead-item label {
  display:inline-block;
  font-weight: normal;
  font-style: italic;
  font-size: 70%;
  width:50px;
  text-align:right;
}  
.procurement-typeahead-item span {
  display:inline-block;
  width:100px;
  text-align:left;
}