#modals {
    position: relative;
    top: 200px;
}
.modal {
    /*display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 10000; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: hidden;
}

/* Modal Content */
.modal-content {
    background-color: #122F3D;
    color: #ddd;
    margin: 0 auto;
    padding: 10px 15px;
    /* width: 16%; */
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-radius: 10px;
    min-width: 400px;
}
.modal-header {
    border-bottom: 1px solid #191923;
    padding: 0.25rem 0;
}
.modal-body {
    padding: 0.25rem 0.5rem;
}
/* .modal-content p {
    font-size: 27px;
} */
.modal-content table tr>* {
    background-color: transparent;
}
.modal-content textarea {
    width: 100%; 
    min-height: 100px;
    margin-bottom: 15px;
}
.modal-content .form-check-label {
    cursor: pointer;
}
.modal-footer{
    border-top: none;
    padding: 0.25rem 0.75rem;
}
.modal-buttons {
    display: flex;
    justify-content: right;
    gap: 7px;
}

.modal-buttons button {
    /* padding: 10px 10px; */
    background-color: #191923;
    color: #5bc3eb;
}

.modal-buttons button:hover {
    background-color: #5bc3eb;
    color: #191923;
}

.modal-backdrop.show {
    opacity: .2;
}
.modal-fullscreen .modal-body {
    overflow-y: hidden;
}