/* 
* =============================================
* Border 
* 
* border direction
* border style
* border shape
* border width
* =============================================
*/
/* border direction */
.border {
  border: 1px solid #ccc;
}

.border-none {
  border: none !important;
}

.border-top {
  border-top: 1px solid #ccc;
}

.border-top-none {
  border-top: none;
}

.border-bottom {
  border-bottom: 1px solid #ccc;
}

.border-bottom-none {
  border-bottom: none;
}

.border-left {
  border-left: 1px solid #ccc;
}

.border-left-none {
  border-left: none;
}

.border-right {
  border-right: 1px solid #ccc;
}

.border-right-none {
  border-right: none;
}

/* border style */
.border-dotted {
  border-style: dotted !important;
}

.border-solid {
  border-style: solid !important;
}

.border-double {
  border-style: double !important;
}

.border-dashed {
  border-style: dashed !important;
}

.border-groove {
  border-style: groove !important;
}

.border-ridge {
  border-style: ridge !important;
}

.border-inset {
  border-style: inset !important;
}

.border-outset {
  border-style: outset !important;
}

/* border shape */
.radius {
  border-radius: 10% !important;
}

.square {
  border-radius: 0 !important;
}

.circle {
  border-radius: 50% !important;
}

.pill {
  border-radius: 50rem !important;
}

/* border width */
.border-1px {
  border-width: 1px !important;
}

.border-top-1px {
  border-top-width: 1px !important;
}

.border-bottom-1px {
  border-bottom-width: 1px !important;
}

.border-left-1px {
  border-left-width: 1px !important;
}

.border-right-1px {
  border-right-width: 1px !important;
}

.border-2px {
  border-width: 2px !important;
}

.border-top-2px {
  border-top-width: 2px !important;
}

.border-bottom-2px {
  border-bottom-width: 2px !important;
}

.border-left-2px {
  border-left-width: 2px !important;
}

.border-right-2px {
  border-right-width: 2px !important;
}

.border-3px {
  border-width: 3px !important;
}

.border-top-3px {
  border-top-width: 3px !important;
}

.border-bottom-3px {
  border-bottom-width: 3px !important;
}

.border-left-3px {
  border-left-width: 3px !important;
}

.border-right-3px {
  border-right-width: 3px !important;
}

.border-4px {
  border-width: 4px !important;
}

.border-top-4px {
  border-top-width: 4px !important;
}

.border-bottom-4px {
  border-bottom-width: 4px !important;
}

.border-left-4px {
  border-left-width: 4px !important;
}

.border-right-4px {
  border-right-width: 4px !important;
}

.border-5px {
  border-width: 5px !important;
}

.border-top-5px {
  border-top-width: 5px !important;
}

.border-bottom-5px {
  border-bottom-width: 5px !important;
}

.border-left-5px {
  border-left-width: 5px !important;
}

.border-right-5px {
  border-right-width: 5px !important;
}

.border-6px {
  border-width: 6px !important;
}

.border-top-6px {
  border-top-width: 6px !important;
}

.border-bottom-6px {
  border-bottom-width: 6px !important;
}

.border-left-6px {
  border-left-width: 6px !important;
}

.border-right-6px {
  border-right-width: 6px !important;
}

.border-7px {
  border-width: 7px !important;
}

.border-top-7px {
  border-top-width: 7px !important;
}

.border-bottom-7px {
  border-bottom-width: 7px !important;
}

.border-left-7px {
  border-left-width: 7px !important;
}

.border-right-7px {
  border-right-width: 7px !important;
}

.border-8px {
  border-width: 8px !important;
}

.border-top-8px {
  border-top-width: 8px !important;
}

.border-bottom-8px {
  border-bottom-width: 8px !important;
}

.border-left-8px {
  border-left-width: 8px !important;
}

.border-right-8px {
  border-right-width: 8px !important;
}

.border-9px {
  border-width: 9px !important;
}

.border-top-9px {
  border-top-width: 9px !important;
}

.border-bottom-9px {
  border-bottom-width: 9px !important;
}

.border-left-9px {
  border-left-width: 9px !important;
}

.border-right-9px {
  border-right-width: 9px !important;
}

.border-10px {
  border-width: 10px !important;
}

.border-top-10px {
  border-top-width: 10px !important;
}

.border-bottom-10px {
  border-bottom-width: 10px !important;
}

.border-left-10px {
  border-left-width: 10px !important;
}

.border-right-10px {
  border-right-width: 10px !important;
}

/*# sourceMappingURL=border.css.map */