.autocomplete {
  /*the container must be positioned relative:*/
  position: relative; }

.autocomplete input {
  border: 1px solid transparent;
  background-color: #f1f1f1;
  padding: 10px;
  font-size: 16px; }

.autocomplete input[type=text] {
  background-color: #f1f1f1; }

.autocomplete input[type=submit] {
  background-color: DodgerBlue;
  color: #fff; }

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
  font-size: 0.9rem; }

.autocomplete-items div {
  padding: 5px 10px 5px 10px;
  cursor: pointer;
  border-style: none; }

.autocomplete-items div:first-child {
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

.autocomplete-items div:nth-child(odd) {
  background-color: #ffffff; }

.autocomplete-items div:nth-child(even) {
  background-color: #f7f7f7; }

.autocomplete-items div:last-child {
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; }

.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9; }

.autocomplete-item.active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important;
  color: #ffffff; }

/*!
 * Datepicker for Bootstrap v1.8.0 (https://github.com/uxsolutions/bootstrap-datepicker)
 *
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */

.datepicker {
  border-radius: 4px;
  direction: ltr;
}
.datepicker-inline {
  width: 220px;
}
.datepicker-rtl {
  direction: rtl;
}
.datepicker-rtl.dropdown-menu {
  left: auto;
}
.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
  padding: 4px;
}
.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(0, 0, 0, 0.15);
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -7px;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px;
}
.datepicker-dropdown.datepicker-orient-top:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid rgba(0, 0, 0, 0.15);
}
.datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}
.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker table tr td,
.datepicker table tr th {
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #777777;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #777777;
  cursor: default;
}
.datepicker table tr td.highlighted {
  color: #000;
  background-color: #d9edf7;
  border-color: #85c5e5;
  border-radius: 0;
}
.datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.focus {
  color: #000;
  background-color: #afd9ee;
  border-color: #298fc2;
}
.datepicker table tr td.highlighted:hover {
  color: #000;
  background-color: #afd9ee;
  border-color: #52addb;
}
.datepicker table tr td.highlighted:active,
.datepicker table tr td.highlighted.active {
  color: #000;
  background-color: #afd9ee;
  border-color: #52addb;
}
.datepicker table tr td.highlighted:active:hover,
.datepicker table tr td.highlighted.active:hover,
.datepicker table tr td.highlighted:active:focus,
.datepicker table tr td.highlighted.active:focus,
.datepicker table tr td.highlighted:active.focus,
.datepicker table tr td.highlighted.active.focus {
  color: #000;
  background-color: #91cbe8;
  border-color: #298fc2;
}
.datepicker table tr td.highlighted.disabled:hover,
.datepicker table tr td.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.highlighted:hover,
.datepicker table tr td.highlighted.disabled:focus,
.datepicker table tr td.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.disabled.focus,
.datepicker table tr td.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.highlighted.focus {
  background-color: #d9edf7;
  border-color: #85c5e5;
}
.datepicker table tr td.highlighted.focused {
  background: #afd9ee;
}
.datepicker table tr td.highlighted.disabled,
.datepicker table tr td.highlighted.disabled:active {
  background: #d9edf7;
  color: #777777;
}
.datepicker table tr td.today {
  color: #000;
  background-color: #ffdb99;
  border-color: #ffb733;
}
.datepicker table tr td.today:focus,
.datepicker table tr td.today.focus {
  color: #000;
  background-color: #ffc966;
  border-color: #b37400;
}
.datepicker table tr td.today:hover {
  color: #000;
  background-color: #ffc966;
  border-color: #f59e00;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today.active {
  color: #000;
  background-color: #ffc966;
  border-color: #f59e00;
}
.datepicker table tr td.today:active:hover,
.datepicker table tr td.today.active:hover,
.datepicker table tr td.today:active:focus,
.datepicker table tr td.today.active:focus,
.datepicker table tr td.today:active.focus,
.datepicker table tr td.today.active.focus {
  color: #000;
  background-color: #ffbc42;
  border-color: #b37400;
}
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.today:focus,
.datepicker table tr td.today.disabled.focus,
.datepicker table tr td.today[disabled].focus,
fieldset[disabled] .datepicker table tr td.today.focus {
  background-color: #ffdb99;
  border-color: #ffb733;
}
.datepicker table tr td.today.focused {
  background: #ffc966;
}
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:active {
  background: #ffdb99;
  color: #777777;
}
.datepicker table tr td.range {
  color: #000;
  background-color: #eeeeee;
  border-color: #bbbbbb;
  border-radius: 0;
}
.datepicker table tr td.range:focus,
.datepicker table tr td.range.focus {
  color: #000;
  background-color: #d5d5d5;
  border-color: #7c7c7c;
}
.datepicker table tr td.range:hover {
  color: #000;
  background-color: #d5d5d5;
  border-color: #9d9d9d;
}
.datepicker table tr td.range:active,
.datepicker table tr td.range.active {
  color: #000;
  background-color: #d5d5d5;
  border-color: #9d9d9d;
}
.datepicker table tr td.range:active:hover,
.datepicker table tr td.range.active:hover,
.datepicker table tr td.range:active:focus,
.datepicker table tr td.range.active:focus,
.datepicker table tr td.range:active.focus,
.datepicker table tr td.range.active.focus {
  color: #000;
  background-color: #c3c3c3;
  border-color: #7c7c7c;
}
.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled:focus,
.datepicker table tr td.range[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range:focus,
.datepicker table tr td.range.disabled.focus,
.datepicker table tr td.range[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.focus {
  background-color: #eeeeee;
  border-color: #bbbbbb;
}
.datepicker table tr td.range.focused {
  background: #d5d5d5;
}
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:active {
  background: #eeeeee;
  color: #777777;
}
.datepicker table tr td.range.highlighted {
  color: #000;
  background-color: #e4eef3;
  border-color: #9dc1d3;
}
.datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted.focus {
  color: #000;
  background-color: #c1d7e3;
  border-color: #4b88a6;
}
.datepicker table tr td.range.highlighted:hover {
  color: #000;
  background-color: #c1d7e3;
  border-color: #73a6c0;
}
.datepicker table tr td.range.highlighted:active,
.datepicker table tr td.range.highlighted.active {
  color: #000;
  background-color: #c1d7e3;
  border-color: #73a6c0;
}
.datepicker table tr td.range.highlighted:active:hover,
.datepicker table tr td.range.highlighted.active:hover,
.datepicker table tr td.range.highlighted:active:focus,
.datepicker table tr td.range.highlighted.active:focus,
.datepicker table tr td.range.highlighted:active.focus,
.datepicker table tr td.range.highlighted.active.focus {
  color: #000;
  background-color: #a8c8d8;
  border-color: #4b88a6;
}
.datepicker table tr td.range.highlighted.disabled:hover,
.datepicker table tr td.range.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.highlighted:hover,
.datepicker table tr td.range.highlighted.disabled:focus,
.datepicker table tr td.range.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted.disabled.focus,
.datepicker table tr td.range.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.highlighted.focus {
  background-color: #e4eef3;
  border-color: #9dc1d3;
}
.datepicker table tr td.range.highlighted.focused {
  background: #c1d7e3;
}
.datepicker table tr td.range.highlighted.disabled,
.datepicker table tr td.range.highlighted.disabled:active {
  background: #e4eef3;
  color: #777777;
}
.datepicker table tr td.range.today {
  color: #000;
  background-color: #f7ca77;
  border-color: #f1a417;
}
.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.focus {
  color: #000;
  background-color: #f4b747;
  border-color: #815608;
}
.datepicker table tr td.range.today:hover {
  color: #000;
  background-color: #f4b747;
  border-color: #bf800c;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today.active {
  color: #000;
  background-color: #f4b747;
  border-color: #bf800c;
}
.datepicker table tr td.range.today:active:hover,
.datepicker table tr td.range.today.active:hover,
.datepicker table tr td.range.today:active:focus,
.datepicker table tr td.range.today.active:focus,
.datepicker table tr td.range.today:active.focus,
.datepicker table tr td.range.today.active.focus {
  color: #000;
  background-color: #f2aa25;
  border-color: #815608;
}
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.disabled.focus,
.datepicker table tr td.range.today[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.today.focus {
  background-color: #f7ca77;
  border-color: #f1a417;
}
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:active {
  background: #f7ca77;
  color: #777777;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected.highlighted {
  color: #fff;
  background-color: #777777;
  border-color: #555555;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:focus,
.datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.focus,
.datepicker table tr td.selected.highlighted.focus {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #161616;
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.highlighted:hover {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #373737;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected.highlighted:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected.highlighted.active {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #373737;
}
.datepicker table tr td.selected:active:hover,
.datepicker table tr td.selected.highlighted:active:hover,
.datepicker table tr td.selected.active:hover,
.datepicker table tr td.selected.highlighted.active:hover,
.datepicker table tr td.selected:active:focus,
.datepicker table tr td.selected.highlighted:active:focus,
.datepicker table tr td.selected.active:focus,
.datepicker table tr td.selected.highlighted.active:focus,
.datepicker table tr td.selected:active.focus,
.datepicker table tr td.selected.highlighted:active.focus,
.datepicker table tr td.selected.active.focus,
.datepicker table tr td.selected.highlighted.active.focus {
  color: #fff;
  background-color: #4c4c4c;
  border-color: #161616;
}
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.highlighted.disabled:hover,
.datepicker table tr td.selected[disabled]:hover,
.datepicker table tr td.selected.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.highlighted.disabled:focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.disabled.focus,
.datepicker table tr td.selected.highlighted.disabled.focus,
.datepicker table tr td.selected[disabled].focus,
.datepicker table tr td.selected.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.selected.focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted.focus {
  background-color: #777777;
  border-color: #555555;
}
.datepicker table tr td.active,
.datepicker table tr td.active.highlighted {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:focus,
.datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.focus,
.datepicker table tr td.active.highlighted.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active.highlighted:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.datepicker table tr td.active:active:hover,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.highlighted.active.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.highlighted.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active.highlighted:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.highlighted.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.disabled.focus,
.datepicker table tr td.active.highlighted.disabled.focus,
.datepicker table tr td.active[disabled].focus,
.datepicker table tr td.active.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.active.focus,
fieldset[disabled] .datepicker table tr td.active.highlighted.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px;
}
.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
  background: #eeeeee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #777777;
  cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.focus,
.datepicker table tr td span.active:hover.focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active.disabled:hover.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.datepicker table tr td span.active:active:hover,
.datepicker table tr td span.active:hover:active:hover,
.datepicker table tr td span.active.disabled:active:hover,
.datepicker table tr td span.active.disabled:hover:active:hover,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active:hover.active:hover,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled:hover.active:hover,
.datepicker table tr td span.active:active:focus,
.datepicker table tr td span.active:hover:active:focus,
.datepicker table tr td span.active.disabled:active:focus,
.datepicker table tr td span.active.disabled:hover:active:focus,
.datepicker table tr td span.active.active:focus,
.datepicker table tr td span.active:hover.active:focus,
.datepicker table tr td span.active.disabled.active:focus,
.datepicker table tr td span.active.disabled:hover.active:focus,
.datepicker table tr td span.active:active.focus,
.datepicker table tr td span.active:hover:active.focus,
.datepicker table tr td span.active.disabled:active.focus,
.datepicker table tr td span.active.disabled:hover:active.focus,
.datepicker table tr td span.active.active.focus,
.datepicker table tr td span.active:hover.active.focus,
.datepicker table tr td span.active.disabled.active.focus,
.datepicker table tr td span.active.disabled:hover.active.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active:hover.disabled.focus,
.datepicker table tr td span.active.disabled.disabled.focus,
.datepicker table tr td span.active.disabled:hover.disabled.focus,
.datepicker table tr td span.active[disabled].focus,
.datepicker table tr td span.active:hover[disabled].focus,
.datepicker table tr td span.active.disabled[disabled].focus,
.datepicker table tr td span.active.disabled:hover[disabled].focus,
fieldset[disabled] .datepicker table tr td span.active.focus,
fieldset[disabled] .datepicker table tr td span.active:hover.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #777777;
}
.datepicker .datepicker-switch {
  width: 145px;
}
.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
  cursor: pointer;
}
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
  background: #eeeeee;
}
.datepicker .prev.disabled,
.datepicker .next.disabled {
  visibility: hidden;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.input-group.date .input-group-addon {
  cursor: pointer;
}
.input-daterange {
  width: 100%;
}
.input-daterange input {
  text-align: center;
}
.input-daterange input:first-child {
  border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
  border-radius: 0 3px 3px 0;
}
.input-daterange .input-group-addon {
  width: auto;
  min-width: 16px;
  padding: 4px 5px;
  line-height: 1.42857143;
  border-width: 1px 0;
  margin-left: -5px;
  margin-right: -5px;
}
.datepicker.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  list-style: none;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  color: #333333;
  font-size: 13px;
  line-height: 1.42857143;
}
.datepicker.dropdown-menu th,
.datepicker.datepicker-inline th,
.datepicker.dropdown-menu td,
.datepicker.datepicker-inline td {
  padding: 0px 5px;
}
/*# sourceMappingURL=bootstrap-datepicker3.standalone.css.map */
.timeline {
  position: relative;
  padding: 20px 0 20px;
  list-style: none; }

.timeline:before {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 3px;
  margin-left: -1.5px;
  background-color: #eeeeee; }

.timeline > li {
  position: relative;
  margin-bottom: 20px; }

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table; }

.timeline > li:after {
  clear: both; }

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table; }

.timeline > li:after {
  clear: both; }

.timeline > li > .timeline-panel {
  float: left;
  position: relative;
  width: 46%;
  padding: 20px;
  border: 1px solid #d4d4d4;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); }

.timeline > li > .timeline-panel:before {
  content: " ";
  display: inline-block;
  position: absolute;
  top: 26px;
  right: -15px;
  border-top: 15px solid transparent;
  border-right: 0 solid #ccc;
  border-bottom: 15px solid transparent;
  border-left: 15px solid #ccc; }

.timeline > li > .timeline-panel:after {
  content: " ";
  display: inline-block;
  position: absolute;
  top: 27px;
  right: -14px;
  border-top: 14px solid transparent;
  border-right: 0 solid #fff;
  border-bottom: 14px solid transparent;
  border-left: 14px solid #fff; }

.timeline > li > .timeline-badge {
  z-index: 100;
  position: absolute;
  top: 16px;
  left: 50%;
  width: 50px;
  height: 50px;
  margin-left: -25px;
  border-radius: 50% 50% 50% 50%;
  text-align: center;
  font-size: 1.4em;
  line-height: 50px;
  color: #fff;
  background-color: #999999; }

.timeline > li.timeline-inverted > .timeline-panel {
  float: right; }

.timeline > li.timeline-inverted > .timeline-panel:before {
  right: auto;
  left: -15px;
  border-right-width: 15px;
  border-left-width: 0; }

.timeline > li.timeline-inverted > .timeline-panel:after {
  right: auto;
  left: -14px;
  border-right-width: 14px;
  border-left-width: 0; }

.timeline-badge.primary {
  background-color: #2e6da4 !important; }

.timeline-badge.success {
  background-color: #3f903f !important; }

.timeline-badge.warning {
  background-color: #f0ad4e !important; }

.timeline-badge.danger {
  background-color: #d9534f !important; }

.timeline-badge.info {
  background-color: #5bc0de !important; }

.timeline-title {
  margin-top: 0;
  color: inherit; }

.timeline-body > p,
.timeline-body > ul {
  margin-bottom: 0; }

.timeline-body > p + p {
  margin-top: 5px; }

@media (max-width: 767px) {
  ul.timeline:before {
    left: 40px; }
  ul.timeline > li > .timeline-panel {
    width: calc(100% - 90px);
    width: -moz-calc(100% - 90px);
    width: -webkit-calc(100% - 90px); }
  ul.timeline > li > .timeline-badge {
    top: 16px;
    left: 15px;
    margin-left: 0; }
  ul.timeline > li > .timeline-panel {
    float: right; }
  ul.timeline > li > .timeline-panel:before {
    right: auto;
    left: -15px;
    border-right-width: 15px;
    border-left-width: 0; }
  ul.timeline > li > .timeline-panel:after {
    right: auto;
    left: -14px;
    border-right-width: 14px;
    border-left-width: 0; } }

html {
  position: relative;
  min-height: 100%;
}

body {
  height: 100%;
}

body.fixed-nav #wrapper {
  margin-top: 64px;
}

#wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
#wrapper #content-wrapper {
  overflow-x: hidden;
  width: 100%;
  padding-right: 0;
  z-index: 1; /* put it behind the sidenav */
}
#wrapper #content-wrapper.withStickyFooter {
  padding-top: 1rem;
  padding-bottom: 80px;
}

div#splash-screen {
  background: url(../images/chicago_river.jpg) no-repeat top center;
  width: 100%;
  min-width: 256px;
  min-height: 535px;
  display: flex;
}
div#splash-screen .splashContent {
  display: block;
}

.ie-text-center {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  -ms-flex-pack: center;
}

body.sidenav-on:not(.compact-sidebar) #content-wrapper {
  padding-left: 300px;
}
body.sidenav-on:not(.compact-sidebar) footer.sticky-footer {
  width: calc(100% - 300px);
}

body.sidenav-on.compact-sidebar #content-wrapper {
  padding-left: 90px;
}
body.sidenav-on.compact-sidebar footer.sticky-footer {
  width: calc(100% - 90px);
}

body:not(.sidenav-on) footer.sticky-footer {
  width: 100%;
}

select[name=SelectedEntity] {
  margin: 10px 5px 0 5px;
  max-width: calc(100% - 10px);
}

div.mvc-invalid-feedback {
  display: block;
  position: relative;
  top: 0px;
  font-size: 0.8rem;
}

div#dailyStats table {
  font-size: 0.8rem;
}

div#dailyStats table tbody td:first-child {
  white-space: nowrap;
}

.scroll-to-top {
  position: fixed;
  right: 15px;
  bottom: 5px;
  display: none;
  width: 50px;
  height: 50px;
  text-align: center;
  color: #fff;
  background: rgba(52, 58, 64, 0.5);
  line-height: 46px;
}

.scroll-to-top:focus, .scroll-to-top:hover {
  color: white;
}

.scroll-to-top:hover {
  background: #343a40;
}

.scroll-to-top i {
  font-weight: 800;
}

.smaller {
  font-size: 0.7rem;
}

.o-hidden {
  overflow: hidden !important;
}

.z-0 {
  z-index: 0;
}

.z-1 {
  z-index: 1;
}

.navbar-nav .form-inline .input-group {
  width: 100%;
}

.navbar-nav .nav-item.active .nav-link {
  color: #fff;
}

.navbar-nav .nav-item.dropdown .dropdown-toggle::after {
  width: 1rem;
  text-align: center;
  float: right;
  vertical-align: 0;
  border: 0;
  font-weight: 900;
  content: "\f105";
  font-family: "Font Awesome 5 Free";
}

.navbar-nav .nav-item.dropdown.show .dropdown-toggle::after {
  content: "\f107";
}

.navbar-nav .nav-item.dropdown.no-arrow .dropdown-toggle::after {
  display: none;
}

.navbar-nav .nav-item .nav-link:focus {
  outline: none;
}

.navbar-nav .nav-item .nav-link .badge {
  position: absolute;
  margin-left: 0.75rem;
  top: 0.3rem;
  font-weight: 400;
  font-size: 0.5rem;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
  white-space: normal;
}

input[type=text].smallqty {
  width: 60px;
}

input[type=text].currencyAmt {
  width: 80px;
}

.contentsPane {
  background-color: #fff;
}

#containerRow {
  min-height: 100%;
  overflow-y: hidden;
}

#contentsPane {
  padding-bottom: 9999px;
  margin-bottom: -9999px;
}

div.warehouseList label {
  white-space: nowrap;
  display: inline-block;
}

div.warehouseList select {
  display: inline-block;
}

.customerRma {
  text-align: right;
  margin-right: 45px;
}

.customerRma label {
  white-space: nowrap;
  display: inline-block;
  font-weight: normal;
}

.customerRma label input {
  text-align: left;
  display: inline-block;
}

.navbar .divider-vertical {
  height: 34px;
  margin: 3px 9px 3px 3px;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  border-left: 1px solid rgba(242, 242, 242, 0.5);
}

a.navbar-brand {
  background: url(../images/navbar-brand.png) no-repeat left;
  padding-left: 30px;
  margin-left: 5px !important;
}

.sidebar.compact {
  overflow: visible;
  width: 90px !important;
  min-width: 90px !important;
}
.sidebar.compact .nav-item .nav-link {
  text-align: center;
  padding: 0.75rem 1rem;
  width: 90px;
}
.sidebar.compact .nav-item .nav-link span {
  font-size: 0.65rem;
  display: block;
}
.sidebar.compact .nav-item .dropdown-menu {
  position: absolute !important;
  left: calc(90px + 0.5rem) !important;
  margin: 0;
}
.sidebar.compact .nav-item.dropdown .dropdown-toggle::after {
  display: none;
}

.sidebar:not(.compact) {
  width: 300px !important;
  min-width: 300px !important;
}
.sidebar:not(.compact) .nav-item .dropdown-menu {
  position: static !important;
  margin-top: 5px !important;
  margin-left: 5px !important;
  margin-right: 5px !important;
}
.sidebar:not(.compact) .nav-item.dropdown .dropdown-toggle::after {
  display: block;
}

.sidebar {
  background-color: #212529;
  position: fixed !important;
  height: 100%;
  overflow-y: auto;
  z-index: 2;
}
.sidebar .dropdown-toggle {
  white-space: nowrap;
}
.sidebar .nav-item .nav-link {
  display: block;
  width: 100%;
  text-align: left;
  padding: 1rem;
  width: 300px;
}
.sidebar .nav-item .nav-link span {
  font-size: 1rem;
  display: inline;
}
.sidebar .nav-item .dropdown-menu {
  -webkit-transform: none !important;
  transform: none !important;
  top: 0;
}
.sidebar .nav-item .dropdown-menu .dropup {
  bottom: 0;
  top: auto !important;
}
.sidebar .nav-item:last-child {
  margin-bottom: 1rem;
}

.sidebar .nav-item .nav-link, .navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.75);
}

.sidebar .nav-item .nav-link.active, .navbar-dark .navbar-nav .nav-link.active {
  color: rgb(255, 255, 255);
}

.sidebar .nav-item .nav-link:focus, .sidebar .nav-item .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
  color: lightyellow;
}

.sidebar .navbar-nav .nav-link.disabled, .navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.5);
}

.card-body-icon {
  position: absolute;
  z-index: 0;
  top: -1.25rem;
  right: -1rem;
  opacity: 0.4;
  font-size: 5rem;
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
}

@media (min-width: 576px) {
  .card-columns {
    -webkit-column-count: 1;
    column-count: 1;
  }
}
/* collapsed sidebar styles */
@media (max-width: 767px) {
  .customerRma {
    text-align: left;
    margin-right: auto;
  }
  .customerRma label input {
    margin-left: 37px;
    width: 226px;
  }
}
@media (min-width: 768px) {
  .card-columns {
    -webkit-column-count: 2;
    column-count: 2;
  }
}
@media (min-width: 1200px) {
  .card-columns {
    -webkit-column-count: 2;
    column-count: 2;
  }
}
@media (max-width: 1279px) {
  span#dateTitle {
    display: none;
  }
}
@media (min-width: 1280px) {
  span#shortDateTitle {
    display: none;
  }
}
:root {
  --input-padding-x: 0.75rem;
  --input-padding-y: 0.75rem;
}

.card-login {
  max-width: 25rem;
}

.card-register {
  max-width: 40rem;
}

.form-label-group {
  position: relative;
}

.form-label-group > input,
.form-label-group > label {
  padding: var(--input-padding-y) var(--input-padding-x);
  height: auto;
}

.form-label-group > label {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  margin-bottom: 0;
  /* Override default `<label>` margin */
  line-height: 1.5;
  color: #495057;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.form-label-group input::-webkit-input-placeholder {
  color: transparent;
}

.form-label-group input:-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::placeholder {
  color: transparent;
}

.form-label-group input:not(:placeholder-shown) {
  padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * 0.6666666667);
  padding-bottom: calc(var(--input-padding-y) / 3);
}

.form-label-group input:not(:placeholder-shown) ~ label {
  padding-top: calc(var(--input-padding-y) / 3);
  padding-bottom: calc(var(--input-padding-y) / 3);
  font-size: 12px;
  color: #777;
}

footer.sticky-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 60px;
  background-color: #e9ecef;
}

footer.sticky-footer .copyright {
  line-height: 1;
  font-size: 0.8rem;
}

@media (max-width: 1350px) {
  ul.pagination li.page-item a.page-link span {
    display: none;
  }
}
span.iconRecentSales {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(../images/RecentSales.png);
  vertical-align: middle;
}

span.iconOrder {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(../images/Order.png);
  vertical-align: middle;
}

span.iconInvoice {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(../images/Invoice.png);
  vertical-align: middle;
}

span.iconShipment {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(../images/Shipment.png);
  vertical-align: middle;
}

span.iconBarChart {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(../images/BarChart.png);
  vertical-align: middle;
}

span.iconPieChart {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(../images/PieChart.png);
  vertical-align: middle;
}

span.iconTax {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(../images/Tax.png);
  vertical-align: middle;
}

span.iconContact {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(../images/Contact.png);
  vertical-align: middle;
}

span.iconTree {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(../images/Tree.png);
  vertical-align: middle;
}

span.iconDownloadSupplierData {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(../images/DownloadSupplierData.png);
  vertical-align: middle;
}

span.iconDownloadStoreData {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(../images/DownloadStoreData.png);
  vertical-align: middle;
}

span.iconUploadStoreData {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(../images/UploadStoreData.png);
  vertical-align: middle;
}

span.iconUploadSupplierData {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(../images/UploadSupplierData.png);
  vertical-align: middle;
}

span.iconRanking {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(../images/Ranking.png);
  vertical-align: middle;
}

span.iconSupplier {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(../images/Supplier.png);
  vertical-align: middle;
}

span.iconStore {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(../images/Store.png);
  vertical-align: middle;
}

span.iconServer {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(../images/Server.png);
  vertical-align: middle;
}

span.iconCompany {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(../images/Company.png);
  vertical-align: middle;
}

span.iconPeople {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(../images/People.png);
  vertical-align: middle;
}

div#pageLoadingImg {
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5) url("../images/ajax-loader.gif") no-repeat center center;
  z-index: 2000;
  position: fixed;
  left: 0;
  top: 0;
}

.card-blue {
  border-color: #5c5cb8;
}

.card-blue .card-body {
  border-color: #5c5cb8;
  color: #fff;
  background-color: #5c5cb8;
}

.card-blue a {
  color: #5c5cb8;
}

.card-blue a:hover {
  color: #3d3d8b;
}

.card-dblue {
  border-color: #3d3d8b;
}

.card-dblue .card-body {
  border-color: #3d3d8b;
  color: #fff;
  background-color: #3d3d8b;
}

.card-dblue a {
  color: #3d3d8b;
}

.card-dblue a:hover {
  color: #5c5cb8;
}

.card-dcyan {
  border-color: darkcyan;
}

.card-dcyan .card-body {
  border-color: darkcyan;
  color: #fff;
  background-color: darkcyan;
}

.card-dcyan a {
  color: darkcyan;
}

.card-dcyan a:hover {
  color: cyan;
}

.card-dgreen {
  border-color: #3d8b3d;
}

.card-dgreen .card-body {
  border-color: #3d8b3d;
  color: #fff;
  background-color: #3d8b3d;
}

.card-dgreen a {
  color: #3d8b3d;
}

.card-dgreen a:hover {
  color: #5cb85c;
}

.card-red {
  border-color: #d9534f;
}

.card-red .card-body {
  border-color: #d9534f;
  color: #fff;
  background-color: #d9534f;
}

.card-red a {
  color: #d9534f;
}

.card-red a:hover {
  color: #b52b27;
}

.card-yellow {
  border-color: #f0ad4e;
}

.card-yellow .card-body {
  border-color: #f0ad4e;
  color: #fff;
  background-color: #f0ad4e;
}

.card-yellow a {
  color: #f0ad4e;
}

.card-yellow a:hover {
  color: #df8a13;
}

.chat {
  margin: 0;
  padding: 0;
  list-style: none;
}

.chat li {
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #999;
}

.chat li.left .chat-body {
  margin-left: 60px;
}

.chat li.right .chat-body {
  margin-right: 60px;
}

.chat li .chat-body p {
  margin: 0;
}

.panel .slidedown .fas,
.chat .fas {
  margin-right: 5px;
}

.chat-panel .panel-body {
  height: 350px;
  overflow-y: scroll;
}

.input-validation-error {
  border-color: red;
}

.huge {
  font-size: 200%;
}

.tiny {
  font-size: 60%;
}

ul#customerTransactionTabs {
  margin-top: 5px;
}
ul#customerTransactionTabs li.active, ul#customerTransactionTabs li.active a {
  background-color: #f5f5f5;
}
ul#customerTransactionTabs li.active a {
  margin-left: 0;
  margin-right: 0;
}

footer hr {
  margin-top: 0;
}

footer p {
  padding-left: 15px;
}

textarea#barcodes {
  width: 100%;
  min-height: 100px;
  height: 100%;
  margin-bottom: 10px;
}

div.selectedValues {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 3px;
  min-height: 34px;
  padding: 4px;
  transition-duration: 0.15s, 0.15s;
  transition-property: border-color, box-shadow;
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1), cubic-bezier(0.42, 0, 0.58, 1);
  background-color: #eee;
}

div.selectedValues:focus {
  border-color: #66afe9;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.075), 0px 0px 8px rgba(102, 175, 233, 0.6);
}

div.selectedValues.input-validation-error {
  border-color: red;
}

div.selectedValue {
  border: 1px solid #ccc;
  padding: 1px 3px 1px 3px;
  background-color: #fff;
}

div.selectedValue a.btn {
  padding: 0px 3px 0px 3px;
}

.table tbody > tr > td.centered {
  vertical-align: middle;
  text-align: center;
}

.validation-summary-errors {
  color: red;
}

input.input-validation-error {
  border-style: solid !important;
  border-color: red !important;
}

.validation-summary-errors.left-align-summary ul {
  padding-left: 15px;
}

table.scrollBody {
  width: 100%;
}
table.scrollBody thead {
  display: block;
  width: 100%;
}
table.scrollBody thead tr {
  display: table;
  width: 100%;
  border-left: 0 white none;
  border-top: 0 white none;
  border-right: 0 white none;
  border-bottom: 0.5px rgb(221, 221, 221) solid;
}
table.scrollBody thead tr th {
  border-right-width: 0;
  border-bottom-width: 0;
}
table.scrollBody tbody {
  display: block;
  width: 100%;
  overflow-y: auto;
}
table.scrollBody tbody tr {
  display: table;
  width: 100%;
}
div.withAddDelLnk {
  height: auto;
}

div.withAddDelLnk div.addDelLnk {
  width: 100%;
}

div.withAddDelLnk a {
  font-size: 10px;
  margin-right: 15px;
}

dl.listingSummary {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
}

dl.listingSummary dt {
  flex: 0 0 100px;
  width: 100px;
  min-height: 42px;
  vertical-align: middle;
}

dl.listingSummary dd {
  flex-grow: 1;
  margin-left: 0;
  text-align: left;
  min-height: 42px;
  width: calc(100% - 100px);
}

.tooltip-inner {
  max-width: 400px;
  text-align: left;
}

a.colTitle {
  font-weight: 700;
  position: relative;
  top: 7px;
  font-size: 16px;
  color: black;
  white-space: nowrap;
}

ul.menuInTableHeader {
  z-index: 12;
  position: absolute;
  padding: 5px 5px 5px 5px;
  font-size: 0.85em;
  font-weight: normal;
  margin-top: 0px;
  background-color: white;
  border: solid 1px rgb(170, 170, 170);
  border-radius: 3px;
  display: none;
}

ul.menuInTableHeader li {
  list-style: none;
}

ul.menuInTableHeader li.menu-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}

ul.menuInTableHeader li dl.sortingItems {
  margin: 5px;
  padding-left: 5px;
}

ul.menuInTableHeader li dl.filterItems {
  margin: 5px;
  border: 1px solid rgb(206, 212, 218);
  border-radius: 5px;
  padding: 5px;
}

ul.menuInTableHeader.dynamic li dl {
  max-height: 300px;
  overflow-y: scroll;
  border: solid 1px rgb(226, 226, 226);
}

ul.menuInTableHeader li dl dd {
  margin: 0;
  padding: 1px 3px 1px 3px;
  white-space: nowrap;
}

ul.menuInTableHeader li dl.filterItems dd:nth-child(even) {
  background-color: whitesmoke;
}

ul.menuInTableHeader li input {
  display: inline-block;
}

ul.menuInTableHeader li input[type=text] {
  height: 18px;
  padding-top: 1px;
  padding-bottom: 1px;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 5px;
  width: 95%;
  font-size: 0.9em;
}

ul.menuInTableHeader li input::-webkit-input-placeholder {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  text-align: right;
}

ul.menuInTableHeader li input::-moz-placeholder {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  text-align: right;
}

ul.menuInTableHeader li input:-ms-input-placeholder {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  text-align: right;
}

ul.menuInTableHeader li input:-moz-placeholder {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  text-align: right;
}

ul.menuInTableHeader li input::placeholder {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  text-align: right;
}

ul.menuInTableHeader li input[type=checkbox],
ul.menuInTableHeader li input[type=radio] {
  display: inline-block;
  margin: 0 5px 0 0;
  vertical-align: middle;
}

ul.menuInTableHeader li label {
  font-size: 1em;
  display: inline-block;
  font-weight: 500;
  margin-bottom: 0.25rem;
  vertical-align: top;
}

ul.menuInTableHeader li.buttons {
  text-align: right;
}

ul.menuInTableHeader a.filterItem, ul.menuInTableHeader a.sortingItem {
  text-decoration: none;
  color: inherit;
}

ul.menuInTableHeader a.filterItem:visited, ul.menuInTableHeader a.sortingItem:visited {
  color: inherit;
}

th a.tableMenu {
  display: inline-block;
  width: 100%;
  text-align: center;
}

ul.menuInTableHeader li.menuTitle {
  padding-left: 10px;
  font-weight: bold;
}

table.lastColAreBtns tbody tr td:last-child {
  white-space: nowrap;
}

table#priceSheetsTable tbody tr td:first-child {
  text-align: center;
  vertical-align: middle;
}

th.fixedDateCol, td.fixedDateCol {
  white-space: nowrap;
  width: 150px !important;
  max-width: 150px;
  min-width: 150px;
}

th.numCol {
  text-align: center;
}

td.numCol {
  text-align: right;
}

td.w-30-beforeBtn {
  width: calc(30% - 65px);
}

td.w-30-beforeBtn {
  width: calc(40% - 65px);
}

td.w-50-beforeBtn {
  width: calc(50% - 65px);
}

td.singleBtnCol {
  min-width: 65px;
  width: 65px;
}

td.twoBtnCol {
  min-width: 115px;
  width: 115px;
  white-space: nowrap;
  border-bottom: 0 white none;
}

div#notificationPanel div.card-footer a {
  padding: 0;
}

div#notificationPanel tbody td {
  padding-left: 4px;
  padding-right: 4px;
  padding-bottom: 4px;
}

a.notification {
  display: block;
  max-height: 58px;
  overflow: hidden;
  padding: 0;
}

a.imageUpload {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

a.imageUpload img {
  width: 80%;
  height: 80%;
  object-fit: contain;
}

div.accordion div.card-header a.card-link.collapsed::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0da";
  margin-right: 5px;
  display: inline-block;
  text-decoration: none;
}

div.accordion div.card-header a.card-link:not(.collapsed)::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0d7";
  margin-right: 5px;
  display: inline-block;
  text-decoration: none;
}

div.accordion div.card:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
}

div.accordion div.card:not(:last-child) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
}

@media (min-width: 992px) {
  .modal-650 {
    max-width: 650px;
  }
}