#vue-app {
  margin-top: -15px;
}

.search-tree {
  margin: 0 -10 0 -10;
}
.search-tree .search-tree-node {
  padding: 0 10 0 10;
  display: inline-block;
}
.search-tree .search-tree-node > div {
  border: 1px solid silver;
  overflow-y: scroll;
  overflow-x: scroll;
  white-space: nowrap;
}
.search-tree .search-tree-selectable {
  cursor: pointer;
}
.search-tree .search-tree-selected {
  background-color: fff2a8;
}

.vue-modal {
  overflow: hidden;
  position: fixed;
  left: 0;
  top: 0;
  width: 100vh;
  height: 100vh;
  z-index: 1030;
}
.vue-modal .modal {
  display: inherit;
  overflow-x: hidden;
  overflow-y: auto;
}
.vue-modal .modal .modal-header button.close {
  color: red;
  opacity: 0.5;
}
.vue-modal .modal .modal-header button.close:hover {
  opacity: 1;
  color: red;
}

.vue-validate-error {
  border: 1px solid red !important;
}

.vue-table-wrapper2 {
}
.vue-table-wrapper2 .vue-table-content-wrapper {
  position: relative;
}
.vue-table-wrapper2 table {
  table-layout: fixed;
  width: 100%;
  margin: 0;
  font-size: 16px;
  background-color: white;
}
.vue-table-wrapper2 .vue-table-content-wrapper table {
  position: absolute;
  top: 0;
  left: 0;
}
.vue-table-wrapper2 .scrollable {
  overflow-x: scroll;
}
.vue-table-wrapper2 table tr > * {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: middle !important;
}

.fade-enter-active,
.fade-leave-active {
  transition: all 3s;
}
.fade-enter,
.fade-leave-to {
  opacity: 0;
}

.fade1-enter-active,
.fade1-leave-active {
  transition: all 0.3s;
}
.fade1-enter,
.fade1-leave-to {
  opacity: 0;
}

.orderable {
  position: relative;
  cursor: pointer;
}
.orderable .both {
  background-position: right;
  background-repeat: no-repeat;
  right: 8px;
  //height: 22px;
  width: calc(100% - 16px);
  position: absolute;
  bottom: 0px;
  top: 0px;

  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7X QMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC");
}
.orderable .asc {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZ0lEQVQ4y2NgGLKgquEuFxBPAGI2ahhWCsS/gDibUoO0gPgxEP8H4ttArEyuQYxAPBdqEAxPBImTY5gjEL9DM+wTENuQahAvEO9DMwiGdwAxOymGJQLxTyD+jgWDxCMZRsEoGAVoAADeemwtPcZI2wAAAABJRU5ErkJggg==");
}
.orderable .desc {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZUlEQVQ4y2NgGAWjYBSggaqGu5FA/BOIv2PBIPFEUgxjB+IdQPwfC94HxLykus4GiD+hGfQOiB3J8SojEE9EM2wuSJzcsFMG4ttQgx4DsRalkZENxL+AuJQaMcsGxBOAmGvopk8AVz1sLZgg0bsAAAAASUVORK5CYII= ");
}

.droppable table {
  background-color: red;
}
.droppable table td {
  border: none !important;
}
.droppable {
  background-color: red;
}

.vue-table {
  position: relative;
}
.vue-table > .vue-table-wrapper {
  overflow-x: auto;
}
.vue-table > .vue-table-wrapper > .vue-table-container {
  position: relative;
  width: 100%;
}
.vue-table > .vue-table-header-wrapper > table,
.vue-table > .vue-table-wrapper > .vue-table-container > table {
  table-layout: fixed;
  width: 100%;
  margin: 0;
  background-color: white;
  will-change: transform;
}
.vue-table > .vue-table-header-wrapper > table th {
  padding: 10px 0px;
}
.vue-table > .vue-table-wrapper > .vue-table-container > table {
  position: absolute;
  transform: translateZ(0px);
}
.vue-table > .vue-table-wrapper > .vue-table-container > table > * > tr > * {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: middle !important;
}
.vue-table.table-striped
  > .vue-table-wrapper
  > .vue-table-container
  > table[data-odd="0"]
  > *
  > tr {
  background-color: #f9f9f9;
}

.vue-progress-bar {
  margin: 0;
}
.vue-progress-bar.progress {
  position: relative;
}
.vue-progress-bar.progress .progress-bar-background {
  position: absolute;
  top: 0;
  text-align: center;
  width: 100%;
}
.vue-progress-bar.progress .progress-bar-foreground {
  position: absolute;
  text-align: center;
  overflow: hidden;
  height: 20px;
  color: white;
}

.vue-progress-bars .vue-progress-bar {
  margin: 10 10 0 10;
}
.vue-progress-bars .vue-progress-bar:last-child {
  margin-bottom: 10;
}

.vue-price {
  float: left;
  text-align: left;
}

.active-yellow.active {
  background-color: #fff2a8;
}
.active-yellow.active:hover {
  background-color: #fff2a8;
}
.active-yellow.active:focus {
  background-color: #fff2a8;
}

.yellow-radio-btns > *:nth-child(n + 2) {
  margin-left: 5px;
}
.yellow-radio-btns > *.active {
  background-color: #fff2a8;
}
.yellow-radio-btns > *.active:hover {
  background-color: #fff2a8;
}
.yellow-radio-btns > *.active:focus {
  background-color: #fff2a8;
}

.no-shadow {
  box-shadow: null;
}

.vue-selected {
  background-color: #fff2a8 !important;
}

.vue-table-pagination.table-striped > table.table tbody:nth-child(odd) {
  background-color: #f9f9f9;
}

.vue-select2-real.select2-container--default
  .select2-results__option[aria-selected]:hover {
  background-color: #3c8dbc;
  color: white;
}