@charset "utf-8";

.border {
  border: 1px solid #e0e0e0;
}

body {
  padding-top: 70px;
  padding-bottom: 70px;
  margin: 20px !important;
}

body,
input,
textarea,
select,
button,
form,
p,
td,
div,
li,
th {
  font-size: 13px;
}

.input {
  border: 1px solid #d0d0d0;
  background: #fff;
}

.pagination {
  margin: 10px auto;
}

.modal-dialog {
  width: 95% !important
}

.tooltip-inner {
  max-width: 500px;
  padding: 3px 8px;
  color: #333;
  text-align: center;
  text-decoration: none;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #d0d0d0
}

.tooltip.top .tooltip-arrow {
  border-top-color: #d0d0d0;
}

.tooltip.top-left .tooltip-arrow {
  border-top-color: #d0d0d0;
}

.tooltip.top-right .tooltip-arrow {

  border-top-color: #d0d0d0;
}

.tooltip.right .tooltip-arrow {
  border-right-color: #d0d0d0;
}

.tooltip.left .tooltip-arrow {
  border-left-color: #d0d0d0;
}

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #d0d0d0;
}

.tooltip.bottom-left .tooltip-arrow {
  border-bottom-color: #d0d0d0;
}

.tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #d0d0d0;
}

.help {
  margin-right: 10px;
}

#variantThumbs,
.thumbs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

#variantThumbs .item,
.thumbs .item {
  width: 60px;
  height: 60px;
  border: 1px solid #e0e0e0;
  position: relative;
  margin: 5px;
  text-align: center;
}

#variantThumbs .item .close {
  position: absolute;
  right: 3px;
  top: 0px;

}

#variantThumbs .item img,
.thumbs .item img {
  width: 100%;
}

#variantThumbs .item .fileSelector {
  border: 0px;
  background: none;
  box-shadow: none;
  font-size: 6rem;
  text-align: center;
  line-height: 4rem;
  font-weight: lighter;
  color: #ccc;
}

.colorBlock span {
  display: inline-block;
  height: 20px;
  width: 20px;
}


.treePoint.active {
  font-weight: bold;
  border: 1px dotted #cccccc;
  background: #ffff00;
  color: red;

}