.padding-0 { padding: 0px !important; }
.padding-5 { padding: 5px !important; }

.left-0 { margin-left: 0px; }
.left-5 { margin-left: 5px; }
.left-10 { margin-left: 10px; }
.left-15 { margin-left: 15px; }
.left-20 { margin-left: 20px; }
.left-30 { margin-left: 30px; }
.left-40 { margin-left: 40px; }
.left-50 { margin-left: 50px; }

.top-0 { margin-top: 0px; }
.top-5 { margin-top: 5px; }
.top-10 { margin-top: 10px; }
.top-15 { margin-top: 15px; }
.top-20 { margin-top: 20px; }
.top-30 { margin-top: 30px; }
.top-40 { margin-top: 40px; }
.top-50 { margin-top: 50px; }

.right-0 { margin-right: 0px; }
.right-5 { margin-right: 5px; }
.right-10 { margin-right: 10px; }
.right-15 { margin-right: 15px; }
.right-20 { margin-right: 20px; }
.right-30 { margin-right: 30px; }
.right-40 { margin-right: 40px; }
.right-50 { margin-right: 50px; }

.bottom-0 { margin-bottom: 0px; }
.bottom-5 { margin-bottom: 5px; }
.bottom-10 { margin-bottom: 10px; }
.bottom-15 { margin-bottom: 15px; }
.bottom-20 { margin-bottom: 20px; }
.bottom-30 { margin-bottom: 30px; }
.bottom-40 { margin-bottom: 40px; }
.bottom-50 { margin-bottom: 50px; }

.text-center { text-align: center; }
.nowrap { white-space: nowrap; }

.cursor-pointer { cursor: pointer; }

.btn-muted {
    background-color: #f4f4f4;
    color: #999;
    border-color: #ddd;
}

.pill {
    padding: 3px 10px;
    border-radius: 18px;
    background-color: darkgray;
    border: gray 2px solid;
    color: white;
}

.pill-blue {
    background-color: cadetblue;
    border: blue 2px solid;
    color: white;
}

.pill-green {
    background-color: yellowgreen;
    border: green 2px solid;
    color: black;
}

.pill-yellow {
    background-color: yellow;
    border: orange 2px solid;
    color: black;
}

.pill-red {
    background-color: lightcoral;
    border: red 2px solid;
    color: black;
}