/***

Sol customizing


***/

.sol-dropdown-field .dropdown-field {
  border-radius: 20px;
}
.sol-dropdown-field .sol-custom-label {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  height: 100%;
  padding: 7px 20px !important;
  font-size: 16px;
  font-weight: 600;
  color: #4d4d4d;
  white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  padding-right: 20px;
}
.sol-dropdown-field .sol-container.sol-active .sol-custom-label {
  opacity: 0;
}
.sol-dropdown-field .dropdown-field .sol-inner-container {
  height: 20px;
}
.sol-dropdown-field .sol-input-container input {
  height: auto;
  padding: 0;
}
.sol-dropdown-field .dropdown-field .sol-selection-container {
  width: 100% !important;
}
.sol-dropdown-field .dropdown-field .sol-caret-container {
  display: block !important;
  top: 50%;
  margin-top: 0;
  height: auto;
  width: 13px;
  height: 8px;
}
.sol-dropdown-field .dropdown-field .sol-caret {
  width: 13px;
  height: 8px;
  border: none;
  background: url(/themes/custom/gff/components/common/css/../img/drop_up_icon.png) no-repeat center center transparent;
  transform: rotate(180deg) translateY(-50%);
  transform-origin: center 0;
  transition: .4s cubic-bezier(.19, 1, .22, 1);
  position: static;
  display: block;
}
.sol-dropdown-field .dropdown-field.sol-active .sol-caret {
  transform: rotate(0deg) translateY(-50%);
}