.btn-outline-blue {
    color: #007bff;
    background-color: white;
    background-image: none;
    border-color: #007bff;
    margin: 0px 2px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
}

    .btn-outline-blue:hover {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

    .btn-outline-blue:focus {
        box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.5);
    }

.btn-outline-indigo {
    color: #6610f2;
    background-color: white;
    background-image: none;
    border-color: #6610f2;
    margin: 0px 2px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
}

    .btn-outline-indigo:hover {
        color: #fff;
        background-color: #6610f2;
        border-color: #6610f2;
    }

    .btn-outline-indigo:focus {
        box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.5);
    }

.btn-outline-purple {
    color: #6f42c1;
    background-color: white;
    background-image: none;
    border-color: #6f42c1;
    margin: 0px 2px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
}

    .btn-outline-purple:hover {
        color: #fff;
        background-color: #6f42c1;
        border-color: #6f42c1;
    }

    .btn-outline-purple:focus {
        box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.5);
    }

.btn-outline-pink {
    color: #dc3545;
    background-color: white;
    background-image: none;
    border-color: #dc3545;
    margin: 0px 2px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
}

    .btn-outline-pink:hover {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545;
    }

    .btn-outline-pink:focus {
        box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.5);
    }

.btn-outline-red {
    color: #dc3545;
    background-color: white;
    background-image: none;
    border-color: #dc3545;
    margin: 0px 2px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
}

    .btn-outline-red:hover {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545;
    }

    .btn-outline-red:focus {
        box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.5);
    }

.btn-outline-orange {
    color: #fd7e14;
    background-color: white;
    background-image: none;
    border-color: #fd7e14;
    margin: 0px 2px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
}

    .btn-outline-orange:hover {
        color: #fff;
        background-color: #fd7e14;
        border-color: #fd7e14;
    }

    .btn-outline-orange:focus {
        box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.5);
    }

.btn-outline-yellow {
    color: #ffc107;
    background-color: white;
    background-image: none;
    border-color: #ffc107;
    margin: 0px 2px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
}

    .btn-outline-yellow:hover {
        color: #343a40;
        background-color: #ffc107;
        border-color: #ffc107;
    }

    .btn-outline-yellow:focus {
        box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.5);
    }

.btn-outline-green {
    color: #28a745;
    background-color: white;
    background-image: none;
    border-color: #28a745;
    margin: 0px 2px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
}

    .btn-outline-green:hover {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745;
    }

    .btn-outline-green:focus {
        box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.5);
    }

.btn-outline-teal {
    color: #20c997;
    background-color: white;
    background-image: none;
    border-color: #20c997;
    margin: 0px 2px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
}

    .btn-outline-teal:hover {
        color: #fff;
        background-color: #20c997;
        border-color: #20c997;
    }

    .btn-outline-teal:focus {
        box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.5);
    }

.btn-outline-cyan {
    color: #17a2b8;
    background-color: white;
    background-image: none;
    border-color: #17a2b8;
    margin: 0px 2px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
}

    .btn-outline-cyan:hover {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8;
    }

    .btn-outline-cyan:focus {
        box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.5);
    }

.btn-outline-gray {
    color: #6c757d;
    background-color: white;
    background-image: none;
    border-color: #6c757d;
    margin: 0px 2px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
}

    .btn-outline-gray:hover {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

    .btn-outline-gray:focus {
        box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.5);
    }

.btn-outline-graydark {
    color: #343a40;
    background-color: white;
    background-image: none;
    border-color: #343a40;
    margin: 0px 2px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
}

    .btn-outline-graydark:hover {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40;
    }

    .btn-outline-graydark:focus {
        box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.5);
    }

.btn-outline-secondary {
    color: #6c757d;
    background-color: white;
    background-image: none;
    border-color: #6c757d;
    margin: 0px 2px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
}

    .btn-outline-secondary:hover {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

    .btn-outline-secondary:focus {
        box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.5);
    }