.bl-1 {
    border-left: 1px solid black;
}

.bl-2 {
    border-left: 2px solid black;
}

.bl-3 {
    border-left: 3px solid black;
}

.bl-4 {
    border-left: 4px solid black;
}


.br-1 {
    border-right: 1px solid black;
}

.br-2 {
    border-right: 2px solid black;
}

.br-3 {
    border-right: 3px solid black;
}

.br-4 {
    border-right: 4px solid black;
}


.bt-1 {
    border-top: 1px solid black;
}

.bt-2 {
    border-top: 2px solid black;
}

.bt-3 {
    border-top: 3px solid black;
}

.bt-4 {
    border-top: 4px solid black;
}


.has-border-primary {
    border-color: var(--primary)
}

.has-border-link {
    border-color: var(--link)
}

.has-border-info {
    border-color: var(--info)
}

.has-border-success {
    border-color: var(--success)
}

.has-border-warning {
    border-color: var(--warning)
}

.has-border-danger {
    border-color: var(--danger)
}




.has-border-black {
    border-color: var(--black)
}

.has-border-grey-darker {
    border-color: var(--grey-darker)
}

.has-border-grey-dark {
    border-color: var(--grey-dark)
}

.has-border-grey {
    border-color: var(--grey)
}

.has-border-grey-light {
    border-color: var(--grey-light)
}

.has-border-grey-lighter {
    border-color: var(--grey-lighter)
}

.has-border-white {
    border-color: var(--white)
}