#builder {
    margin-top: 20px;
}
#builder h3 {
    margin-top: 0;
}
#builder .panel-body {
    min-height: 200px;
    border: 2px dashed #ccc;
}
#builder .form-group {
    margin-bottom: 10px;
}
.col-sm-6 {
    width: 50%;
    float: left;
}
.modal-dialog {
    max-width: 600px;
    margin: 30px auto;
}
#sidebar-nav {
    width: 200px;
}
.badge.rounded-pill.rounded-pill-custom {
    width: 80px; /* Adjust the width to your desired size */
    text-align: center; /* Center the text horizontally */
    display: inline-block; /* Ensure they appear on the same line */
}
.badge.rounded-pill.rounded-pill-custom.bg-low {
    background-color: #24d784;
}
.badge.rounded-pill.rounded-pill-custom.bg-high{
    background-color: #FF8C00;
}

/* navbar fixed top*/
body {
    min-height: 75rem;
    padding-top: 4.5rem;
}
.card-hover {
    transition: box-shadow .3s;
}
.card-hover:hover {
    box-shadow: 0 0 11px rgba(33,33,33,.2);
}
.modal-dialog {
    max-width: max-content !important;
}
.modal-body {
    display: flex;
}
.modal-body img {
    object-fit: contain;
}