.els {
  position: relative;
  display: block;
  line-height: 20px;
  width: 180px;
  height: 20px;
  margin: 0 10px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /*&-handlers {
        .els-handler {
            z-index: 50;
            position: absolute;
            width: 20px;
            height: 20px;
            margin-left: -10px;
            font-size: 14px;
            line-height: 20px;
            background-color: rgba(255,0,0,0.5);
        }
    }*/
}
.els-line {
  position: absolute;
  height: 10px;
  top: 5px;
  left: 0;
  right: 0;
  z-index: 10;
  background-color: #eaeaea;
}
.els-line-range {
  z-index: 20;
  background-color: #f7e3ad;
}
.els-point {
  z-index: 20;
  position: absolute;
  border-radius: 10px;
  width: 20px;
  height: 20px;
  margin-left: -10px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
}
.els-point-prev {
  z-index: 35;
  position: absolute;
  border-radius: 10px;
  width: 5px;
  height: 5px;
  margin-left: -10px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
}
.els-grid,
.els-range,
.els-handlers {
  position: absolute;
  display: block;
  height: 20px;
  left: 0;
  right: 0;
}
.els .els-point {
  z-index: 30;
  background-color: #eaeaea;
  color: #808080;
}
.els .els-point-range {
  background-color: #f7e3ad;
  color: #808080;
}
.els-mode-range .els-line {
  background-color: #f7e3ad;
}
.els-mode-range .els-point {
  background-color: #f7e3ad;
  color: #808080;
}
.els-mode-range .els-line-range {
  background-color: #ecb200;
}
.els-mode-range .els-point-range {
  background-color: #ecb200;
  color: #ffffff;
}
.els-mode-range .els-point-range-from,
.els-mode-range .els-point-range-to {
  cursor: e-resize;
  cursor: col-resize;
}
.els-mode-initial .els-point-initial {
  background-color: #ecb200;
  color: #ffffff;
  cursor: e-resize;
  cursor: col-resize;
}
.els-mode-plan .els-point-initial {
  background-color: #9E926E;
  color: #ffffff;
  cursor: e-resize;
  cursor: col-resize;
  /*&.els-point-initial-origin {
                background-color: #ecb200;
            }*/
}
.els-mode-plan .els-point-initial-origin {
  background-color: #ecb200;
}
.els-mode-plan .els-point-current {
  color: #ffffff;
  cursor: e-resize;
  cursor: col-resize;
}
.els-fixed .els-point-range-from,
.els-fixed .els-point-range-to,
.els-fixed .els-point-initial,
.els-fixed .els-point-current {
  cursor: default;
}
.els .els-bg-initial-changed {
  background-color: #9E926E;
}
.els .els-bg-request {
  background-color: #DB5146;
}
.els .els-bg-fulfilled {
  background-color: #449ECE;
}
.els .els-bg-activityFulfilled {
  background-color: #449ECE;
}
.els .els-bg-accepted {
  background-color: #36A849;
}