@line-color-light: #eee;
.br, .border-right{
    border-right: 1px @line-color-light solid;
}

.bl, .border-left{
    border-left: 1px @line-color-light solid;
}

.bt, .border-top{
  border-top: 1px @line-color-light solid;
}

.bb, .border-bottom{
    border-bottom: 1px @line-color-light solid;
}

.ba, .border-all{
    border-top: 1px @line-color-light solid;
    border-bottom: 1px @line-color-light solid;
    border-left: 1px @line-color-light solid;
    border-right: 1px @line-color-light solid;
}

.rbb{
  border-bottom: 0px !important;
  background-repeat: repeat-x;
  background-size: 100% 1px;
  background-position: bottom;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0.5,transparent),color-stop(0.5,#e0e0e0),to(#e0e0e0));
}

@media screen and (-webkit-min-device-pixel-ratio:2){

  .border-top, .border-bottom, .border-left, .border-right{
    border: 0 !important;
    box-sizing: border-box;
  }

  .border-top{
    position: relative;
    &:before{
      content: " ";
      position: absolute;
      right:0;
      left:0;
      top:0;
      height:1px;
      transform-origin: 0 0;
      border-top:1px solid @line-color-light;
      transform: scaleY(0.5);
    }
  }

  .border-left{
    position: relative;
    &:after{
      content: " ";
      position: absolute;
      left:0;
      top:0;
      bottom:0;
      width:1px;
      transform-origin: 100% 0;
      border-left:1px solid @line-color-light;
      transform: scaleX(0.5);
    }
  }

  .border-right{
    position: relative;
    border-right:0px !important;
    &:after{
      content: " ";
      position: absolute;
      right:0;
      top:0;
      bottom:0;
      width:1px;
      transform-origin: 100% 0;
      border-right:1px solid @line-color-light;
      transform: scaleX(0.5);
    }
  }

  .border-bottom{
    position: relative;
    &:before{
      content: " ";
      position: absolute;
      right:0;
      left:0;
      bottom:0;
      height:1px;
      transform-origin: 0 100%;
      border-bottom:1px solid @line-color-light;
      transform: scaleY(0.5);
    }
  }

  .br{

  }

  .bl{

  }

  .rbt, .bor-top, .bt{
    border-top: 0px !important;
    background-repeat: repeat-x;
    background-size: 100% 1px;
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.5,transparent),color-stop(0.5,#e0e0e0),to(#e0e0e0));
  }

  .rbb,.bb,.input-underline,.select-underline,.textarea-underline,.list-box .list-item,.list-box, .bor-bottom, .form-blank .form-item,.card-header,.form-blank .input, .form-blank .select, .form-blank .textarea{
    border-bottom: 0px !important;
    background-repeat: repeat-x;
    background-size: 100% 1px;
    background-position: bottom;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0.5,transparent),color-stop(0.5,#e0e0e0),to(#e0e0e0));
  }
}