.modal {
display: none; position: fixed; z-index: 1; left: 0;
top: 0;
width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); } .modal-content {
background-color: #fefefe;
margin: 15% auto; padding: 20px;
border: 1px solid #888;
width: 700px; } .modalclose {
color: #aaa;
float: right;
font-size: 28px;
font-weight: bold;
}
.modalclose:hover,
.modalclose:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
.tg  {width:100%;border-collapse:collapse;border-color:#bbb;border-spacing:0;}
.tg td{background-color:#E0FFEB;border-color:#bbb;border-style:solid;border-width:1px;color:#594F4F;
font-family:Arial, sans-serif;font-size:14px;overflow:hidden;padding:10px 5px;word-break:normal;}
.tg th{background-color:#9DE0AD;border-color:#bbb;border-style:solid;border-width:1px;color:#493F3F;
font-family:Arial, sans-serif;font-size:14px;font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.tg .tg-6t3r{font-style:italic;font-weight:bold;text-align:left;vertical-align:top}
.tg .tg-0lax{text-align:left;vertical-align:top}
.donorflex_api_banner {
background-color:#c4d1d1;
padding:20px;
border: #888;
border-style:solid;
border-width: 1px;
border-radius: 10px;
vertical-align: middle;
}
.donorflex_api_banner span {
vertical-align: middle;
}
.donorflex_banner_icon {
vertical-align: middle;
}