/* ДОБАВЛЕННЫЕ СТИЛИ  */
._invalid {
  color: #ff4d4f;
  text-align: center;
}
._valid {
  color: #1890ff;
  text-align: center;
}

.form__input--invalid {
  border: 1px solid #ff4d4f !important;
  box-shadow: 0 0 4px rgba(255, 77, 79, 0.5) !important;
}
.hide {
  display: none !important;
}
p {
  /* color: red !important */
}
/* наверное не нужный класс, исп при обводке в css in js department form */
.modal__row--gray {
  border: 1px solid #d9d9d9;
}
/* наверное не нужный класс, исп при обводке в css in js department form */
.need--blue {
  /* border-color: #1890ff;
  box-shadow: 0 0 4px rgba(24, 144, 255, 0.5); */
  border: 2px solid #1890ff;
  border-radius: 4px;
  /* border-color: #1890ff;
  box-shadow: 0 0 4px rgba(24, 144, 255, 0.5); */

  /* border-color: #003464 !important; */
  /* box-shadow: 0 0 4px rgb(1, 54, 104) !important; */
  box-shadow: 0 0 4px rgba(24, 144, 255, 0.5);
}

.modal__body--fix-height {
  height: 500px;
}
.red {
  background-color: rgb(255, 53, 53);
}
.border-red {
  border: 1px solid red;
}
.test {
  height: 900px;
}
.m {
  margin: 20px;
}
/* для меню в шапке */
.z-index {
  z-index: 2;
}
.modal__textarea--height {
  height: 40px;
}

.red-test3 {
  /* width:  30px; */
  /* height: 30px; */
  background-color: #00e444;
}

.form__input--invalid .date-range__input:focus {
  border-color: transparent;
}

._pointer {
  cursor: pointer;
}

._no-pointer {
  pointer-events: none;
  cursor: auto;
}

._naked-btn {
  border: none;
  background-color: transparent;
  cursor: pointer;
}

._lock_button--pressed {
  filter: invert(50%) sepia(29%) saturate(7072%) hue-rotate(190deg) brightness(100%) contrast(101%);
}

._btn_animate_scale {
  transition: 0.2s;
}

._btn_animate_scale:active {
  transform: scale(0.7);
}

._margin-bottom {
  margin-bottom: 24px;
}

._avatar-initials {
  font-size: 14px;
  background-color: #dbdada;
  display: flex;
  align-items: center;
  justify-content: center;
  color: black;
}

._avatar-initials--md {
  font-size: 26px;
}
._avatar-initials--lg {
  font-size: 60px;
}

._highlighted {
  color: #1890ff;
}

.modal__checkbox:checked:disabled + .modal__label--checkbox:before {
  background-color: #334758;
  background-image: url(../assets/images/icons/checkbox.svg);
  border-color: #334758;
}

._hidden {
  visibility: hidden;
}

._ellipsis-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

._progress {
  background-color: #389e0d;
  height: 5px;
  width: 100%;
  border-radius: 5px;
  position: relative;
  box-shadow: 5px -10px 12px 3px rgba(0, 0, 0, 0.3) inset;
  padding: 1px;
}

._fill {
  background: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.5) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.5) 50%,
    rgba(255, 255, 255, 0.5) 88%,
    transparent 88%,
    transparent 100%
  );
  background-size: 5px;
  border-radius: 5px;
  background-color: #52c41a;
  width: 65%;
  height: 100%;
  animation: move 0.2s linear infinite;
}

._fill--complete {
  background: #52c41a;
}

._fill--error {
  background: red;
}

@keyframes move {
  100% {
    background-position: 5px 0px;
  }
}

._inline-flex {
  display: flex;
  justify-content: center;
  align-items: center;
}

._mt-sm {
  margin-top: 1rem;
}

._no_selection {
  user-select: none; /* standard syntax */
  -webkit-user-select: none; /* webkit (safari, chrome) browsers */
  -moz-user-select: none; /* mozilla browsers */
  -khtml-user-select: none; /* webkit (konqueror) browsers */
  -ms-user-select: none; /* IE10+ */
}