.sl-donate,
.sl-donate-confirm {
display: inline-block;
color: #383434;
border: 2px solid #383434;
background-color: transparent;
padding: 0px 10px 5px 10px;
font-family: "Raleway", sans-serif;
margin-right: 10px;
font-size: 16px;
min-width: 200px; }
.sl-donate:hover,
.sl-donate-confirm:hover {
color: white;
background-color: #1C7A7C;
border: 2px solid #383434; }
.wpd-input {
border: solid 2px #666 !important;
padding: 5px;
margin-bottom: 10px;
width: 100%; }
.sl-button-disable {
display: inline-block;
color: #666;
border: 2px solid #f1f1f1;
background-color: #f4f4f4;
padding: 5px 10px;
font-family: "Raleway", sans-serif;
margin-right: 10px;
font-size: 16px;
min-width: 200px; }
.sl-button-disable:hover {
border: 2px solid #f1f1f1;
background-color: #f4f4f4; }
.wpd-popup {
position: fixed;
z-index: 1000;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
width: 315px;
height: min-content;
background: #fff;
padding: 60px 20px;
display: none;
-webkit-box-shadow: 0px 0px 78px -13px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0px 0px 78px -13px rgba(0, 0, 0, 0.75);
box-shadow: 0px 0px 78px -13px rgba(0, 0, 0, 0.75); }
.wpd-popup .wpd-close {
position: absolute;
right: 20px;
top: 20px;
border: 1px solid #383434;
padding: 3px 10px; }
.wpd-success {
font-size: 25px;
color: #fff;
background: #00cd65;
padding: 20px;
text-align: left; }
.wpd-container thead {
border-bottom: 1px solid #dedede; }
.wpd-container thead td {
font-weight: bold;
font-size: 16px; }
.wpd-container td {
padding: 5px; }
.wpd-container td:first-child {
font-weight: bold;
font-size: 16px;
width: 100px; }
.wpd-container td:nth-child(2) {
width: 50px; }
.wpd-container td:nth-child(3) {
width: 70px; }
.wpd-container td:last-child {
text-align: right;
width: 220px; }
.wpd-container img {
width: 40px; }
.wpd-container .image {
padding: 10px; }
.wpd-container th, .wpd-container td {
text-align: left; }
.wpd-container th {
padding: 10px; }
.wpd-container tr {
border-bottom: 1px solid rgba(0, 0, 0, 0.13); }
.wpd-container tr:last-of-type {
border: 0; }
.wpd-container table {
width: 100%;
border-collapse: collapse;
table-layout: fixed; }
.wpd-container .floated-row {
-webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
transition-property: transform, box-shadow;
transition-duration: .2s; }
.wpd-container .floated-row:hover {
background-color: #f1f1f1;
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
cursor: pointer;
-webkit-transform: translate3d(0, -2px, 0);
transform: translate3d(0, -2px, 0); }
.wpd-container .faux-table {
margin-top: 2em; }
.wpd-container .faux-table ul {
margin: 0;
padding: 0;
width: 100%; }
.wpd-container .faux-table li {
box-sizing: border-box;
display: inline-block;
list-style-type: none;
margin: 0;
overflow: hidden;
padding: 0;
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
width: 16.6666666667%;
vertical-align: middle; }
.wpd-container .faux-table .image {
padding: 10px; }
.wpd-container .faux-table .header li {
font-weight: bold;
padding: 5px; }
.wpd-container .faux-table .form {
padding: 10px 50px; }
.wpd-container .faux-table .form input {
padding: 20px 0 0; }
.wpd-container input[type="text"] {
border: 2px solid #b8b8b8;
border-width: 0 0 2px 0;
outline: none;
width: 100%; }
.wpd-container input[type="text"]:focus {
border: 2px solid #03a9f4;
border-width: 0 0 2px 0;
outline: none; }
@media (max-width: 600px) {
.wpd-container {
margin: 20px; }
.wpd-container ul.header {
display: none; }
.wpd-container .faux-table li {
width: 100%;
display: block;
padding-bottom: 10px; }
.wpd-container .faux-table li[desc]::before {
content: attr(desc) ": "; }
.wpd-container .faux-table li[city]::after {
content: " - " attr(city); }
.wpd-container .faux-table li.city {
display: none; }
.wpd-container .faux-table ul {
padding-bottom: 10px; }
.wpd-container .faux-table img {
width: 100px; }
.wpd-container table thead {
display: none; }
.wpd-container table tbody tr {
display: flex;
flex-direction: column;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #666;
width: 100% !important; }
.wpd-container table tbody tr td {
width: 100% !important; }
.wpd-container table tbody tr td:last-child {
text-align: left; } }