.empl-card {
  cursor: pointer;
  transition: 0.1s;
  border-radius: 3px;
  width: 250px;
}
.empl-card:hover {
  background-color: #def0f0;
}
.search-area {
  width: 100%;
  background-color: #eaeaea;
  height: 72px;
}
.search-area .input-text {
  height: 40px;
  outline: none;
  border: 0;
  background-color: #fff;
  font-size: 16px;
}
.search-area .input-text::-webkit-input-placeholder {
  color: #808080;
}
.search-area .input-text::-moz-placeholder {
  color: #808080;
}
.search-area .input-text:-ms-input-placeholder {
  color: #808080;
}
.search-area .input-text::-ms-input-placeholder {
  color: #808080;
}
.search-area .input-text::placeholder {
  color: #808080;
}
.search-area .button {
  height: 40px;
  box-shadow: none;
}
.search-area__1 {
  width: calc(60% - 8px);
}
.search-area__2 {
  width: calc(20% - 8px);
  position: relative;
}
.search-area__3 {
  width: 20%;
}
.workers {
  width: calc(100% + 24px);
  margin-left: -24px;
}
.workers__card {
  width: 276px;
  min-height: 455px;
  background-color: #fff;
  cursor: pointer;
  margin-left: 24px;
  transition: 0.1s;
}
.workers__card__avatar {
  height: 240px;
}
.workers__card__name {
  font-size: 16px;
}
.workers__card:hover {
  background-color: #def0f0;
}
.workers__card .good-worker {
  color: #008000;
}
.workers__card .bad-worker {
  color: #f00;
}
.another-shop {
  background-color: rgba(107,23,56,0.341);
}
.another-shop:hover {
  background-color: rgba(107,23,56,0.2);
}
.outsource {
  background-color: rgba(255,30,0,0.22);
}
.outsource:hover {
  background-color: rgba(255,30,0,0.149);
}
@media screen and (max-width: 880px) {
.workers {
    justify-content: center;
    margin-left: -12px;
}
.workers__card {
    margin-left: 24px;
}
}
/*# sourceMappingURL=src/pages/select-worker.css.map */

/*# sourceMappingURL=7ad4c79a.85d0b745.css.map*/