.zui-table {
border: solid 1px #ddeeee;
border-collapse: collapse;
border-spacing: 0;
font: normal 15px arial, sans-serif;
}
.zui-table thead th {
background-image: linear-gradient(180deg, #fadb99 25%, #edbc56 100%);
border: 1px solid goldenrod;
color: #4a4a4a;
padding: 10px;
text-align: center;
text-shadow: 1px 1px 1px #fff;
white-space: nowrap;
}
.zui-table tbody td {
border: 1px solid goldenrod;
color: #333;
padding: 10px;
text-shadow: 1px 1px 1px #fff;
text-align: center;
}
.zui-table tbody td:first-child {
text-align: left;
}
.zui-table tr:nth-child(odd) {
background-color: lemonchiffon;
}
#gold-print-button {
width: 100px;
margin: 10px auto;
padding: 1rem;
border-radius: 10px;
display: block;
border: 1px solid goldenrod;
}
.gold-content {
margin-top: 3rem;
}
#gold-price-tb {
padding: 3em;
border: 1px solid #ccc;
}
.gold-header-title,
.gold-header-time {
width: 100%;
text-align: center;
}
.gold-header-title {
text-transform: uppercase;
font-size: 2em;
}
.gold-footer {
display: flex;
margin-top: 3em;
justify-content: space-around;
align-items: center;
}
.gold-footer p {
font-size: 10px;
}
.gold-footer-contact {
width: 30%;
display: grid;
grid-template-columns: 1fr 1fr;
}
.gold-footer-address {
border-left: 3px solid #000;
padding-left: 20px;
margin-left: 20px;
padding-bottom: 0;
}
.contact-item,
.address-item {
display: flex;
}
.contact-item-content,
.address-item-content {
margin-left: 10px;
}
.contact-item-icon,
.address-item-icon {
display: inline-block;
}
@media screen and (max-width: 768px) {
.gold-footer-contact {
grid-template-columns: 1fr;
}
.gold-footer {
padding: 0 5px;
flex-direction: column;
}
.gold-footer-address {
margin-left: 0;
border-left: 0;
padding-left: 0;
}
#gold-price-tb {
padding: 0;
}
}
.unit {
font-style: italic;
}