.cc-modal-content {
    border: 0px solid #fff;
    border: 0px solid #fff;
    border-radius: 14px;
    border-radius: 14px;
    box-shadow: 0px 3px 54px -13px rgb(68 79 88 / 38%);
}

.modal-dialog.cc-modal-dialog-lg {
    max-width: 800px;
    /* was set to 635px but the existing modals have not been checked for size compatibility.
        800 was the previous value and this needs to stay until all the modals are redesigned to work with the new 635 site */
}

.cc-modal-footer .cc-btn {
    margin-left: 12px;
}

.cc-modal {
    background-color: rgba(255,255,255,.6);
}

.modal-title.cc-modal-title {
    color: #1C272F;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 0
}

.cc-modal-footer {
    align-items: center;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
    border-top: 0px solid #dee2e6;
    box-shadow: inset 0px 4px 4px rgba(75, 122, 160, .14);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -ms-flex-pack: end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding: .75rem;
}

.cc-modal-header {
    border-bottom: 0px;
    box-shadow: inset 0px -4px 4px rgb(75 122 160 / 14%);
}

.modal-body.cc-simple-modal-body {
    padding-bottom: 60px;
    padding-top: 60px;
}

.modal-body.cc-simple-modal-body p {
    font-size: 18px;
    margin-bottom: 0;
    text-align: center
}

.cc-modal-body-content-width {
    margin: auto;
    width: 80%;
}

@media (min-width: 576px) {
    .modal-dialog {
        margin: 5rem auto;
        max-width: 500px;
    }
}

.material-icons.cc-action-icon {
    color: #76797C;
}

button.close {
    opacity: 1;
}