/*
 * Copyright (c) 2016-present, Parse, LLC
 * All rights reserved.
 *
 * This source code is licensed under the license found in the LICENSE file in
 * the root directory of this source tree.
 */
.cell {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: default;
  color: #0E69A1;
  height: 30px;
  line-height: 20px;
  padding: 5px;
  border-right: 1px solid #e3e3ea;
}

.empty {
  color: #7D929F;
}

.current {
  position: relative;

  &:after {
    position: absolute;
    pointer-events: none;
    content: '';
    border: 2px solid #555572;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

.leftBorder {
  position: relative;

  &:after {
    position: absolute;
    pointer-events: none;
    content: '';
    border-left: 2px solid #555572;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

.rightBorder {
  position: relative;

  &:after {
    position: absolute;
    pointer-events: none;
    content: '';
    border-right: 2px solid #555572;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

.topBorder {
  position: relative;

  &:after {
    position: absolute;
    pointer-events: none;
    content: '';
    border-top: 2px solid #555572;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

.bottomBorder {
  position: relative;

  &:after {
    position: absolute;
    pointer-events: none;
    content: '';
    border-bottom: 2px solid #555572;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

.selected {
  background-color: #e3effd;
}

.hasMore {
  height: auto;
  max-height: 25px;
  overflow-y: scroll;
  padding-right: 3px;
  & > li {
    margin-bottom: 2px;
  }
}

.removePadding {
  padding-right: 3px !important;
}

.hasMore::-webkit-scrollbar {
  -webkit-appearance: none!important;
  width: 6px!important;
}

.hasMore::-webkit-scrollbar-thumb {
  border-radius: 4px!important;
  background-color: rgba(0, 0, 0, .5)!important;
  box-shadow: 0 0 1px rgba(255, 255, 255, .5)!important;
}
.required {
  position: relative;

  &:after {
    position: absolute;
    pointer-events: none;
    content: '';
    border: 2px solid #ff395e;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

.readonly {
  color: #04263bd1;
}

.action {
  padding: 28px;
  border-style: solid;
}
