.search-input-component .text-input-component.labelled.placeholder-label-input {
  padding-top: 0;
}
.search-input-component .text-input-component.labelled.placeholder-label-input .lead-icon {
  z-index: 1;
  top: 0;
}
.search-input-component .text-input-component.labelled.placeholder-label-input .trail-icon {
  z-index: 1;
  top: 0;
}
.search-input-component .text-input-component.labelled.placeholder-label-input input,
.search-input-component .text-input-component.labelled.placeholder-label-input input[type=text],
.search-input-component .text-input-component.labelled.placeholder-label-input input[type=search] {
  position: relative;
  height: inherit;
  line-height: 40px;
  z-index: 1;
}
.search-input-component .text-input-component.labelled.placeholder-label-input input:focus + label, .search-input-component .text-input-component.labelled.placeholder-label-input input.not-empty + label,
.search-input-component .text-input-component.labelled.placeholder-label-input input[type=text]:focus + label,
.search-input-component .text-input-component.labelled.placeholder-label-input input[type=text].not-empty + label,
.search-input-component .text-input-component.labelled.placeholder-label-input input[type=search]:focus + label,
.search-input-component .text-input-component.labelled.placeholder-label-input input[type=search].not-empty + label {
  display: none;
}
.search-input-component .text-input-component.labelled.placeholder-label-input input:focus + label + .lead-icon, .search-input-component .text-input-component.labelled.placeholder-label-input input.not-empty + label + .lead-icon,
.search-input-component .text-input-component.labelled.placeholder-label-input input[type=text]:focus + label + .lead-icon,
.search-input-component .text-input-component.labelled.placeholder-label-input input[type=text].not-empty + label + .lead-icon,
.search-input-component .text-input-component.labelled.placeholder-label-input input[type=search]:focus + label + .lead-icon,
.search-input-component .text-input-component.labelled.placeholder-label-input input[type=search].not-empty + label + .lead-icon {
  top: 0;
}
.search-input-component .text-input-component.labelled.placeholder-label-input input:focus + label + .lead-icon i, .search-input-component .text-input-component.labelled.placeholder-label-input input.not-empty + label + .lead-icon i,
.search-input-component .text-input-component.labelled.placeholder-label-input input[type=text]:focus + label + .lead-icon i,
.search-input-component .text-input-component.labelled.placeholder-label-input input[type=text].not-empty + label + .lead-icon i,
.search-input-component .text-input-component.labelled.placeholder-label-input input[type=search]:focus + label + .lead-icon i,
.search-input-component .text-input-component.labelled.placeholder-label-input input[type=search].not-empty + label + .lead-icon i {
  line-height: 40px;
  font-size: 1rem;
}
.search-input-component .text-input-component.labelled.placeholder-label-input input.not-empty + label,
.search-input-component .text-input-component.labelled.placeholder-label-input input[type=text].not-empty + label,
.search-input-component .text-input-component.labelled.placeholder-label-input input[type=search].not-empty + label {
  display: none;
}
.search-input-component .text-input-component.labelled.placeholder-label-input input + label,
.search-input-component .text-input-component.labelled.placeholder-label-input input[type=text] + label,
.search-input-component .text-input-component.labelled.placeholder-label-input input[type=search] + label {
  z-index: 0;
  left: calc(1rem + 15px);
  top: 0;
}
.search-input-component .text-input-component.labelled.placeholder-label-input.lead-icon input,
.search-input-component .text-input-component.labelled.placeholder-label-input.lead-icon input[type=text],
.search-input-component .text-input-component.labelled.placeholder-label-input.lead-icon input[type=search] {
  padding-left: calc(1rem + 15px);
}
.search-input-component .text-input-component.labelled.placeholder-label-input.lead-icon input[readonly],
.search-input-component .text-input-component.labelled.placeholder-label-input.lead-icon input[type=text][readonly],
.search-input-component .text-input-component.labelled.placeholder-label-input.lead-icon input[type=search][readonly] {
  padding-left: 0;
}
.search-input-component .text-input-component.labelled.placeholder-label-input.trail-icon input,
.search-input-component .text-input-component.labelled.placeholder-label-input.trail-icon input[type=text],
.search-input-component .text-input-component.labelled.placeholder-label-input.trail-icon input[type=search] {
  padding-right: calc(1rem + 24px);
}
.search-input-component .text-input-component.labelled.placeholder-label-input.trail-icon input[readonly],
.search-input-component .text-input-component.labelled.placeholder-label-input.trail-icon input[type=text][readonly],
.search-input-component .text-input-component.labelled.placeholder-label-input.trail-icon input[type=search][readonly] {
  padding-right: calc(0.5rem + 24px);
}
.search-input-component .text-input-component.labelled.placeholder-label-input.trail-icon input[readonly] + label + .lead-icon + .trail-icon,
.search-input-component .text-input-component.labelled.placeholder-label-input.trail-icon input[type=text][readonly] + label + .lead-icon + .trail-icon,
.search-input-component .text-input-component.labelled.placeholder-label-input.trail-icon input[type=search][readonly] + label + .lead-icon + .trail-icon {
  right: 0;
}
.search-input-component .text-input-component input[type=search][readonly]:not([name=select-label]) + label + .trail-icon i, .search-input-component .text-input-component input[type=search][readonly]:not([name=select-label]) + label + .lead-icon + .trail-icon i {
  cursor: pointer;
}
.select-advanced-component {
  position: relative;
}
.select-advanced-component.disabled {
  pointer-events: none;
}
.select-advanced-component.disabled .select-top-area:hover {
  cursor: initial;
}
.select-advanced-component .default {
  color: #9e9e9e;
}
.select-advanced-component .text-label-area .trail-icon i {
  font-size: 1.5rem;
}
.select-advanced-component .text-label-area input:hover {
  cursor: pointer;
}
.select-advanced-component .cctvSettings {
  height: auto;
  max-height: 173px;
  border-radius: 3px;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  width: 100% !important;
}
.select-advanced-component .input-dropdown-area {
  background: #FFFFFF;
  position: absolute;
  z-index: 120;
  width: 100%;
  min-width: -moz-max-content;
  min-width: max-content;
  line-height: 1.5rem;
  overflow: hidden;
  transition: opacity 0.2s;
}
.select-advanced-component .input-dropdown-area.align-left {
  left: 0;
}
.select-advanced-component .input-dropdown-area.align-right {
  right: 0;
}
.select-advanced-component .input-dropdown-area.align-center {
  left: 0;
  right: 0;
}
.select-advanced-component .input-dropdown-area .collection {
  max-height: 300px;
  overflow: auto;
}
.select-advanced-component .input-dropdown-area .collection .collection-item {
  padding: 10px 0.5rem;
}
.select-advanced-component .input-dropdown-area .collection .collection-item i {
  font-size: 1rem;
  padding-right: 0.5rem;
}
.select-advanced-component .selectable-list-area {
  position: relative;
}
.select-advanced-icon-component .select-advanced-component {
  margin: 0;
}
.select-advanced-icon-component .select-advanced-component .input-dropdown-area {
  z-index: 101;
}
.select-advanced-icon-component .select-advanced-component .input-dropdown-area.align-left {
  left: -0.5rem;
}
.select-advanced-icon-component .select-advanced-component .input-dropdown-area.align-right {
  right: -0.5rem;
}
.select-advanced-icon-component .select-advanced-component .input-dropdown-area.align-center {
  left: -0.5rem;
  right: -0.5rem;
}
.select-advanced-icon-component .select-advanced-component .icon-input {
  cursor: pointer;
  line-height: 40px;
  padding-top: 20px;
  color: #9e9e9e;
  transition: opacity 0.2s;
}
.select-advanced-icon-component .select-advanced-component .icon-input:hover {
  cursor: pointer;
  opacity: 0.5 !important;
}
.select-advanced-icon-component .select-advanced-component .icon-input i {
  font-size: 24px;
}
.select-advanced-icon-component .select-advanced-component .icon-input .caret {
  margin-left: -5px;
}
.select-advanced-icon-component .select-advanced-component .text-label-area.open .icon-input {
  color: rgb(72.8192307692, 117.5653846154, 187.8807692308);
}
.select-advanced-icon-component .select-advanced-component .text-label-area.open .icon-input i {
  color: rgb(72.8192307692, 117.5653846154, 187.8807692308);
}
.select-advanced-icon-component .collection .collection-item.selected {
  background: none;
}
.select-advanced-icon-component .collection .collection-item.selected:hover {
  background-color: #f5f5f5;
}
.select-input-component {
  position: relative;
}
.select-input-component.disabled {
  pointer-events: none;
}
.select-input-component .queryDot {
  height: 7px;
  width: 7px;
  margin-bottom: -2px;
  border-radius: 50%;
  display: inline-block;
}
.select-input-component .active {
  background-color: #8bc34a;
}
.select-input-component .disable {
  background-color: rgba(97, 125, 139, 0.4117647059);
}
.select-input-component .disableItem {
  color: rgba(0, 0, 0, 0.3098039216);
}
.select-input-component text-input .trail-icon i {
  font-size: 1.5rem;
}
.select-input-component .input-dropdown-area {
  background: #FFFFFF;
  position: absolute;
  right: 0;
  left: 0;
  z-index: 121;
  min-width: 210px;
  width: auto;
  line-height: 1.5rem;
  overflow: hidden;
  transition: opacity 0.2s;
}
.select-input-component .input-dropdown-area .collection .collection-item {
  padding: 10px 0.5rem;
}
.select-input-component .input-dropdown-area .collection .collection-item i {
  font-size: 1rem;
  padding-right: 0.5rem;
}
.phone-input-component label {
  padding-top: 10px;
  padding-left: 0.5rem;
  font-size: 0.8em;
  line-height: 10px;
  color: #9e9e9e;
  transition: all 0.2s;
}
.phone-input-component label.active {
  color: rgb(72.8192307692, 117.5653846154, 187.8807692308);
}
.phone-input-component .indicative {
  max-width: 75px;
}

/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJjc3MvYXBwfjFmZjIxZWVkLmJmOThiNDg0NmZhNDU0YmRhMWQwLmNodW5rLmNzcyIsInNvdXJjZVJvb3QiOiIifQ==*/