/* ------------------------------------------------- */
// Stylesheet for Cascader
/* ------------------------------------------------- */

.ant-cascader-picker {
  width: 100%;
  &:focus .ant-cascader-input{
    box-shadow: none;
    border-color: $blue;
  }
}
.ant-cascader-picker-label {
  color: $black;
}
.ant-cascader-menus {
  @media only screen and (max-width: 320px) {
    width: 260px;
  }
  @include responsive-to('mobile') {
    width: 80%;
  }
}
.ant-cascader-menu {
  height: 180px !important;
  @media only screen and (max-width: 320px) {
    min-width: auto;
    width: 33.333%;
  }
  @include responsive-to('mobile') {
    min-width: auto;
    width: 33.333%;
  }
}
.ant-cascader-menu-item {
  white-space: normal;
}
.ant-cascader-menu-item-expand {
  padding-right: 18px;
  &:after {
    font-family: "fontello" !important;
    content: '\E80B';
    font-size: 10px;
    position: absolute;
    right: 5px;
    top: 5px;
  }
  .ant-cascader-menu-item-expand-icon {
    display: none;
  }
}

.ant-cascader-picker-arrow {
  & {
    font-size: 20px;
    margin-top: -15px;
    width: auto;
    height: auto;
  }
  &:before {
    display: block;
    font-family: "fontello" !important;
    content: '\E80D';
  }
  /*hidden default component's svg icon*/
  svg {
    display: none;
  }
}

.ant-cascader-picker-clear {
  right: 12px;
}