table {
    margin: 10px;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 6px;
    width: 100%;
}
button.dialog-button {
    color: aliceblue;
    margin: 0 5px 100px 30px;
    -webkit-writing-mode: horizontal-tb !important;
    -webkit-appearance: button;
    border-radius: 4px;
    padding: 1px 7px 2px;
    text-rendering: auto;
    display: inline-block;
    font: 400 16px system-ui;
    cursor: pointer;
    height: 50px;
    width: 80%;
    text-align: center;
    font-size: 1.0rem;
    font-weight: bold;
    font-family: "Arial Black";
}
button.dialog-button:hover {
    opacity: 0.8;
}

button.keep-button, button.close-button {
    background-color: #2ca9e1;
    color: aliceblue;

}
button.cancel-button {
    background-color: #544a47;
    color: #c8c2be;
}

#cancel-dialog-wrapper{
    padding: 5px;
    color: black;
}
#reasons-not-to-cancel-wrapper{
    width:100%;
}

#cancel-dialog-wrapper td {
    padding: 10px 10px 10px 100px;
    height: 100px;
    font-size: 2.2rem;
    font-weight: bold;
}

.reason1 {
    background: url(https://icongr.am/octicons/megaphone.svg?size=64&color=c7dc68) no-repeat left center;
}
.reason2 {
    background: url(https://icongr.am/octicons/light-bulb.svg?size=64&color=f39800) no-repeat left center;
}
.reason3 {
    background: url(https://icongr.am/octicons/key.svg?size=64&color=8491c3) no-repeat left center;
}
.reason4 {
    background: url(https://icongr.am/octicons/moon.svg?size=64&color=fcc800) no-repeat left center;
}
.reason5 {
    background: url(https://icongr.am/octicons/milestone.svg?size=64&color=e45e32) no-repeat left center;
}
.reason6 {
    background: url(https://icongr.am/octicons/no-entry.svg?size=64&color=c9171e) no-repeat left center;
}

#cancel-dialog-footer{
    margin-top: 30px;
    display:flex;
}
.footer-column {
    width: 33%;
}

.footer-column .other-links a {
    color: #3B5998;
}
#cancel-dialog-wrapper h3 {
    font-weight: bold;
    font-size: 2.8rem;
    margin: 20px;
}
.cancel-reason-item {
    height: 40px;
}
#cancel-comment-wrapper {
    margin: 20px;
}