$teal: #2bcbba;
$yellow: #f1c40f;
$blue: #467fcf;

/* For Card bodies where I don't want padding */
.card-body.no-padding {
    padding: 0;
}

/* Teal Outline Buttons */
.btn-outline-teal {
    color: $teal;
    background-color: transparent;
    background-image: none;
    border-color: $teal;
}

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

.btn-outline-teal:not(:disabled):not(.disabled):active, .btn-outline-teal:not(:disabled):not(.disabled).active, .show > .btn-outline-teal.dropdown-toggle {
    color: #fff;
    background-color: $teal;
    border-color: $teal;
}

/* Yellow Outline Buttons */
.btn-outline-yellow {
    color: $yellow;
    background-color: transparent;
    background-image: none;
    border-color: $yellow;
}

.btn-outline-yellow:hover {
    color: #fff;
    background-color: $yellow;
    border-color: $yellow;
}

.btn-outline-yellow:not(:disabled):not(.disabled):active, .btn-outline-yellow:not(:disabled):not(.disabled).active, .show > .btn-outline-yellow.dropdown-toggle {
    color: #fff;
    background-color: $yellow;
    border-color: $yellow;
}

/* Blue Outline Buttons */
.btn-outline-blue {
    color: $blue;
    background-color: transparent;
    background-image: none;
    border-color: $blue;
}

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

.btn-outline-blue:not(:disabled):not(.disabled):active, .btn-outline-blue:not(:disabled):not(.disabled).active, .show > .btn-outline-blue.dropdown-toggle {
    color: #fff;
    background-color: $blue;
    border-color: $blue;
}

/* dimmer */

.dimmer .loader {
    margin-top: 50px;
}