.br,
.border-right {
  border-right: 1px #eee solid;
}
.bl,
.border-left {
  border-left: 1px #eee solid;
}
.bt,
.border-top {
  border-top: 1px #eee solid;
}
.bb,
.border-bottom {
  border-bottom: 1px #eee solid;
}
.ba,
.border-all {
  border-top: 1px #eee solid;
  border-bottom: 1px #eee solid;
  border-left: 1px #eee solid;
  border-right: 1px #eee 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;
  }
  .border-top:before {
    content: " ";
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    height: 1px;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    border-top: 1px solid #eee;
    -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
  }
  .border-left {
    position: relative;
  }
  .border-left:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    -webkit-transform-origin: 100% 0;
            transform-origin: 100% 0;
    border-left: 1px solid #eee;
    -webkit-transform: scaleX(0.5);
            transform: scaleX(0.5);
  }
  .border-right {
    position: relative;
    border-right: 0px !important;
  }
  .border-right:after {
    content: " ";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    -webkit-transform-origin: 100% 0;
            transform-origin: 100% 0;
    border-right: 1px solid #eee;
    -webkit-transform: scaleX(0.5);
            transform: scaleX(0.5);
  }
  .border-bottom {
    position: relative;
  }
  .border-bottom:before {
    content: " ";
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    height: 1px;
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
    border-bottom: 1px solid #eee;
    -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
  }
  .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));
  }
}