.zc-items-holder{width:100%;overflow:auto}.zc-items-holder td{padding:8px;vertical-align:middle}.zc-items-holder td,.zc-items-holder input{text-align:center}.zc-remove-button{padding:2px 10px;font-size:12px;text-transform:uppercase;font-weight:700}.zc-add-button-holder{display:flex;align-items:center;justify-content:center}.zc-add-button{background-color:#00a800;color:#fff;font-weight:800;border:none;font-size:14px}.zc-add-button:hover,.zc-add-button:active,.zc-add-button:focus{background-color:green}.zc-zakat-box{background-color:#1e1e1e;margin-top:1.2rem;border-radius:1rem;padding:1rem;color:#fff;display:flex;flex-direction:column;align-items:center}.zc-header{width:100%;display:flex;align-items:center;max-width:650px}@media (max-width: 767px){.zc-header{flex-direction:column}}.zc-header>*{flex:1;display:flex;align-items:center;flex-direction:column}.zc-info-title{font-weight:700;font-size:12px;opacity:.8;text-transform:uppercase}.zc-info-value{font-weight:700;font-size:18px;text-transform:uppercase}.zc-zakat-value{display:flex;flex-direction:column;align-items:center;font-size:20px}.zc-zakat-value .value{font-size:28px;font-weight:700}.zc-gold-rate{display:flex;gap:4px;align-items:center}.gold-rate-edit{display:flex;align-items:center;border:none;padding:0;color:#fff}.gold-rate-edit:focus,.gold-rate-edit:hover{background-color:#fff;color:#1e1e1e}.zc-gold-rate-input{width:100px;background-color:transparent;border:1px solid white;border-radius:4px;color:#fff}