#dvModalDeleteConfirmation {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 100; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* 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 */
#dvModalDeleteConfirmationContent {
    background-color: white; /* Black w/ opacity */
    margin: auto;
    padding: 20px;
    width: 600px;
}

/* normal buttons */
#btnOpenDelModal {
    width: 170px;
}

#btnCloseDelModal {
    width: 170px;
    margin-left: 5px;
}

/* X closure element */
.dvDeleteModalX {
    display: flex;
    justify-content: flex-end;
    cursor: pointer;
}

/* button element */
.dvDeleteModal {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}

/* The Delete Button */
#btnConfirmDelModal {
    background-color: #C0392B;
    width: 170px;
}

.text-danger {
    color: #dc3545;
}
.btnHolder {
    margin: 10px auto;
}
.btnHolder * {
    vertical-align: middle;
}
.emailLabel {
    display: inline-block;
    width: 110px;
}
.emailField {
    padding: 1px 2px;
    font-size: 11pt;
    width: 40ch;
}