.w-30 {
    width: 30%;
}

.w-21 {
    width: 20%;
}

.event-date {
    width: 70px;
    height: 70px;
    padding: 10px;
    border: 1px solid rgb(186, 245, 186);
    background-color: rgb(228, 248, 228);
    border-radius: 10px;
    font-weight: 600;
}

.btn-lightgreen {
    background: #0baf9a;
}


/* Custom Styles to make the modal full width and appear from bottom */
.modal-fullscreen {
    width: 100%;
    height: 90vh;
    max-width: 100%;
    top: 10%;
    bottom: 10px;
    left: 0;
    right: 0;
    border-radius: 0;
    padding: 0;
    margin: 0;

}

.modal-content {

    height: 100%;
    border-radius: 0;
    display: flex;
    flex-direction: column;
}

/* .modal-header, .modal-footer {
    display: none;
} */

.modal-body {
    overflow-y: auto;
    height: 100%;
}


.select-price {
    border: 1px solid grey;
    border-radius: 10px;
    padding: 10px;
}


.active-row {
    border: 2px solid rgb(5, 163, 5);
    border-radius: 10px;
    padding: 10px;
    background-color: rgb(210, 247, 210);
}

.active-row .form-check-input {
    background-color: #00b489;
    border-color: #00b489;
}

.form-check-label {
    color: black;
    /* Default label color */
}

.active-row .form-check-label {
    color: green;
    /* Active label color */
}

.rounded-top-20 {
    border-radius: 20px 20px 0 0;

}

.order-btn-pos-top {
    position: absolute;
    top: 10px;
    right: 20px;
}

.order-btn-pos-bottom {
    position: absolute;
    bottom: 8px;
    right: 5px;
}

.rounded-bottom-20 {
    border-radius: 0 0 20px 20px;
}

.rounded-10 {
    border-radius: 15px;
}

.h-30 {
    height: 200px !important;
}