/* 
    Created on : Feb 2, 2025, 2:27:33 PM
    Author     : Colin Elligsen
*/
#editduemodal .modal {
/*    display: none;  Hidden by default 
    position: fixed;  Stay in place 
    z-index: 1;  Sit on top 
    left: 0;
    top: 0; */
    padding-left: 10%;
    padding-right: 10%;
    width: 500px; /* Full width */
/*    height: 100%;  Full height  */
    overflow: auto; /* Enable scroll if needed */
/*    background-color: rgb(0,0,0);  Fallback color 
    background-color: rgba(0,0,0,0.4);  Black w/ opacity */
}

.modal-content {
    margin: 15% auto;   /* 15% from the top and centered */
    padding: 20px;
}

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}