.ant-select {
  @extend .font--weight-light;
  width: 100%;

  &-dropdown-menu {
    margin-left: 0;
  }

  &-dropdown-menu-item {
    & {
      color: $black;
      font-weight: 300;
      padding: 7px 10px;
    }
    &-active,
    &:hover {
      background-color: $light-grey;
    }
    &-disabled {
      color: $grey;
      &:hover {
        color: $grey;
      }
    }
  }

  &-selection {
    &:focus,
    &:active {
      border-color: $blue;
      box-shadow: none;
    }
  }
  &-selection-selected-value {
    font-weight: normal;
  }

  &-selection__rendered {
    margin-left: 10px;
    margin-right: 10px;
    ul {
      list-style: none;
      margin: 0;
    }
  }

  &-arrow {
    font-size: 20px !important;
    margin-top: -10px;
    &-icon {
      transition: transform .2s;
      &:before {
        display: block;
        font-family: "fontello" !important;
        content: "\E80D";
      }
      /*hidden default component's svg icon*/
      svg {
        display: none;
      }
    }
  }
}

.ant-select-open .ant-select-arrow-icon {
  transform: rotate(180deg);
  transition: transform .3s;
}

.ant-select,
.ant-select-dropdown-menu-item {
  &.ant-select-dropdown-menu-item-selected {
    font-weight: 600;
  }
  .flag-icon {
    margin-right: 10px;
    line-height: normal;
    height: 22px;
    width: 31px;
    &.large {
      height: 25px;
      @include responsive-to("mobile") {
        height: 22px;
      }
    }
  }
}
.country-option {
  span.large {
    vertical-align: middle;
  }
}

.ant-select-open .ant-select-selection {
  border-color: $blue;
  box-shadow: none;
}

.ant-select-selection--multiple .ant-select-selection__choice {
  color: $black;
  border-radius: 0;
}
.ant-select-selection--multiple .ant-select-selection__rendered {
  margin-left: 10px;
}
.ant-select-dropdown.ant-select-dropdown--multiple
.ant-select-dropdown-menu-item-selected:after,
.ant-select-dropdown.ant-select-dropdown--multiple
.ant-select-dropdown-menu-item-selected:hover:after {
  color: $blue;
}

.ant-select-dropdown.ant-select-dropdown--multiple
.ant-select-dropdown-menu-item:after {
  font-family: "fontello" !important;
  content: "\E828";
  font-weight: inherit;
}

/*Large select dropdown style*/
.ant-select-lg {
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  .ant-select-selection {
    border: 1px solid transparent;
  }
  .ant-select-selection__rendered {
    margin-left: 15px;
    margin-right: 15px;
  }
  .ant-select-selection__placeholder {
    //line-height: normal;
    height: auto;
  }
  .ant-select-arrow {
    right: 13px;
  }

  .country-option {
    .flag-icon.large {
      @include responsive-to("mobile") {
        height: 22px;
        width: 31px;
        line-height: 22px;
      }
    }
  }
}

/*Large select option style*/
.ant-select-dropdown--large {
  .ant-select-dropdown-menu-item {
    padding: 14px 15px;
    @include responsive-to("mobile") {
      padding: 10px 15px !important;
    }
  }
  .ant-select-dropdown-menu-item-group-title {
    color: $grey;
  }
}

/*Large visa-filter style*/
.visa-filter {
  & {
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
    @include responsive-to("mobile") {
      box-shadow: none;
    }
  }

  .ant-input-group {
    .ant-select-lg {
      & {
        box-shadow: none;
        border-right: 1px solid $semi-light-grey;
        @include responsive-to("mobile") {
          width: 100% !important;
          border-bottom: 1px solid $semi-light-grey;
        }
      }
      &:last-child {
        border-right: none;
        @include responsive-to("mobile") {
          border-bottom: none;
          border-right: 1px solid $semi-light-grey;
        }
      }
    }
    &.ant-input-group-compact {
      @include responsive-to("mobile") {
        box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
      }
      > .ant-select > .ant-select-selection {
        border-color: transparent;
        &:hover {
          border-color: transparent;
        }
        &:focus {
          border-color: transparent;
          box-shadow: none;
        }
      }
    }
  }

  .input-cta {
    & {
      @include responsive-to("mobile") {
        display: inherit;
      }
    }
    &-btn {
      & {
        @include responsive-to("mobile") {
          margin-top: 30px;
        }
      }
      button {
        height: 60px;
        @include responsive-to("mobile") {
          min-width: 115px !important;
          height: 40px;
          font-size: 16px;
          line-height: 1;
        }
      }
    }
  }
}