.zakah_input { padding:0; margin-bottom:10px; }
.zakah_input label { display:block; margin-bottom:5px; }
#zakah_result { margin-bottom:15px; }

.flex-input {display:flex;align-items: center;border-radius: .4rem;border: 1px solid #e5e7eb;margin-bottom:20px;}
input[type=number], input[type=text]{    margin-bottom: 0px !important;border-width: 2px;border-radius: 0 .3rem .3rem 0;border: 1.5px solid #e5e7eb;text-align: right;padding: .5rem !important;-moz-appearance: textfield;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.currency {padding-left: .5rem;padding-right: .5rem;}
label {font-size:14px;color: var(--e-global-color-text);}
.title {margin-bottom:10px !important; font-weight: 700;}
.description {margin-bottom:40px}
.con-zakat-penghasilan,.con-zakat-mall {display: flex;gap: 40px;align-items: center;}@media only screen and (max-width: 768px) {.con-zakat-penghasilan,.con-zakat-mall {display: block}}
.col-6 {width: 50%;}@media only screen and (max-width: 768px) {.col-6 {width: 100%;}}
.col-12 {width: 100%}
.zakah_output.col-6 {padding:2rem; border-radius:.4rem;border: 1px solid #e5e7eb;box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);}
a.button {-webkit-appearance: button;-moz-appearance: button;appearance: button;text-decoration: none;color: initial;padding: .7rem;text-align: center;display: block;background: var(--e-global-color-accent);border-radius: .2em;font-weight: 600;}

.tab {
  overflow: hidden;
  margin-bottom: 35px;
  border-bottom: .5px solid #d9d9d9;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  color: initial;
}

/* Change background color of buttons on hover */
.tab button:hover {
  border-bottom: 2px solid yellow;
}

/* Create an active/current tablink class */
.tab button.active {
  border-bottom: 2px solid yellow;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
}