/*
	===============================
			@Import	Function
	===============================
*/
/*
	===============================
			@Import	Mixins
	===============================
*/
body.layout-rtl {
  /* Suggestions items */
}
body.layout-rtl .tagify {
  background: #fff;
  border: 1px solid #e0e6ed;
  border-radius: 6px;
}
body.layout-rtl .tagify:hover {
  border: 1px solid #bfc9d4;
}
body.layout-rtl .tagify.tagify--focus {
  border: 1px solid #3b3f5c;
}
body.layout-rtl .tagify__tag > div {
  background: #e0e6ed;
  color: #3b3f5c;
  padding: 9px 14px !important;
  border-radius: 11px;
}
body.layout-rtl .tagify__input {
  padding: 9px 20px !important;
}
body.layout-rtl .tagify__tag > div::before {
  box-shadow: 0 0 0 var(--tag-inset-shadow-size, 1.1em) #e0e6ed inset;
  background: #e0e6ed;
}
body.layout-rtl .tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div::before {
  box-shadow: none !important;
}
body.layout-rtl .tagify__tag__removeBtn {
  color: #fff;
  background: #181e3a;
  font-size: 11px;
}
body.layout-rtl .tagify__tag__removeBtn:after {
  margin-left: 0.5px;
}
body.layout-rtl .tagify__tag__removeBtn:hover {
  background: #0e1726;
}
body.layout-rtl .tagify__tag:focus div::before, body.layout-rtl .tagify__tag:hover:not([readonly]) div::before {
  box-shadow: 0 0 0 var(--tag-inset-shadow-size, 1.1em) #e0e6ed inset;
}
body.layout-rtl .tagify__tag__removeBtn:hover + div::before {
  box-shadow: 0 0 0 var(--tag-inset-shadow-size, 1.1em) #e0e6ed inset !important;
}
body.layout-rtl .tagify__tag__avatar-wrap img {
  width: 16px;
  height: 16px;
  margin-left: 9px;
  border-radius: 6px;
}
body.layout-rtl .tagify__tag:hover .tagify__tag__avatar-wrap {
  transform: scale(1.6) translateX(10%);
}
body.layout-rtl .tagify__input::before {
  color: #bfc9d4;
  margin-top: 3px;
}
body.layout-rtl .tagify__dropdown__wrapper {
  background: #fff;
  border: 1px solid #e0e6ed;
  box-shadow: 0 0.1px 0px rgba(0, 0, 0, 0), 0 0.2px 0px rgba(0, 0, 0, 0), 0 0.4px 0px rgba(0, 0, 0, 0), 0 0.6px 0px rgba(0, 0, 0, 0), 0 0.9px 0px rgba(0, 0, 0, 0.01), 0 1.2px 0px rgba(0, 0, 0, 0.01), 0 1.8px 0px rgba(0, 0, 0, 0.01), 0 2.6px 0px rgba(0, 0, 0, 0.01), 0 3.9px 0px rgba(0, 0, 0, 0.01), 0 7px 0px rgba(0, 0, 0, 0.01);
}
body.layout-rtl .tagify__input:focus:empty::before {
  color: #bfc9d4;
}
body.layout-rtl .tagify__dropdown.users-list .tagify__dropdown__item {
  padding: 0.5em 0.7em;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0 1em;
  grid-template-areas: "avatar name" "avatar email";
}
body.layout-rtl .tagify__dropdown.users-list .tagify__dropdown__item:hover .tagify__dropdown__item__avatar-wrap {
  transform: scale(1.2);
}
body.layout-rtl .tagify__dropdown.users-list .tagify__dropdown__item__avatar-wrap {
  grid-area: avatar;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  overflow: hidden;
  background: #EEE;
  transition: 0.1s ease-out;
}
body.layout-rtl .tagify__dropdown.users-list img {
  width: 100%;
  vertical-align: top;
}
body.layout-rtl .tagify__dropdown.users-list strong {
  grid-area: name;
  width: 100%;
  align-self: center;
  color: #3b3f5c;
}
body.layout-rtl .tagify__dropdown.users-list span {
  grid-area: email;
  width: 100%;
  font-size: 0.9em;
  color: #888ea8;
}
body.layout-rtl .tagify__dropdown.users-list .addAll {
  border-bottom: 1px solid #e0e6ed;
  gap: 0;
}
body.layout-rtl .tagify__dropdown__item--active {
  background: #ebedf2;
  color: #3b3f5c;
}