.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; }

.nowrap { white-space: nowrap; }

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

.table-xs td, .table-xs th {
    padding-left: .3rem;
    padding-top: .1rem;
    padding-right: .3rem;
    padding-bottom: .1rem;
    font-size: 0.8em;
    vertical-align: middle;
}

/* Customize navbar style */
.navbar-toggler { border: none; }
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}
.navbar-dark .navbar-nav .nav-link { color: white; }
.dropleft {
    padding: 6px;
    margin-left: 3px;
}