//
//border
//

.b {
  border-color: rgba(120,130,140,.13);
  background-clip: padding-box;

  @each $key,$val in ($border-direction-map) {
    $val: if($val==null,$val,-#{$val});
    &-#{$key} {
      border#{$val}: 1px solid rgba(120,130,140,.13);
    }
  }

  @each $size in (2,3,4,5) {
    @each $key,$val in ($border-direction-map) {
      $key: if($val==null,'',-#{$key});
      $val: if($val==null,$val,-#{$val});
      &#{$key}-#{$size}x {
        @if ($key != '') {
          border#{$val}-width: #{$size}px!important;
        } @else {
          border#{$val}-width: #{$size}px
        }

      }
    }
  }

  @each $colorKey,$colorVal in $border-color-map {
    $colorKey: quote("#{$colorKey}");
    @each $sizekey,$siezeVal in ($border-direction-map) {
      $sizekey: if($siezeVal==null,'',-#{$sizekey});
      $siezeVal: if($siezeVal==null,$siezeVal,-#{$siezeVal});
      &#{$sizekey}-#{$colorKey} {
        border#{$siezeVal}-color:$colorVal
      }
    }
  }

  &-dashed {
    border-style: dashed!important
  }

  &-transparent {
    border-color: transparent!important
  }
}
.no {
  &-b{
    @each $sizekey,$siezeVal in ($border-direction-map) {
      @if $sizekey !=a {
        &-#{$sizekey} {
          border-#{$siezeVal}-width: 0
        }
      }
    }
  }

  &-shadow {
    -webkit-box-shadow: none!important;
    box-shadow: none!important
  }

  &-border {
    border-color: transparent;
    border-width: 0
  }

  &-borders {
    border-width: 0!important
  }
}

@media (max-width:map-get($media-max-breakpoints,'md')) {

  .no-border-sm {
    border-width: 0
  }
}

@media (max-width:map-get($media-max-breakpoints,'sm')) {
  .pos-stc-xs {
    position: static!important
  }

  .no-border-xs {
    border-width: 0
  }

}