*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.6;color:#4f4f4f;background-color:#fff;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p,ul,ol{margin-top:0;margin-bottom:1rem}a{color:#1266f1;text-decoration:none}a:hover{color:#0d47a1}.summary-settings{grid-area:settings;justify-content:center;margin:20px}.summary-assets{display:grid;grid-area:assets;background-color:#d4d4d4;justify-content:center;padding:10px}.summary-liabilities-payments{display:inline-block;grid-template-rows:auto;grid-area:liabilities-payments;grid-template-areas:"liabilities" "payments";background-color:#d4d4d4}.summary-liabilities{display:grid;grid-area:liabilities;justify-content:center;padding:10px;background-color:#d4d4d4}.summary-payments{display:grid;grid-area:payments;padding:10px;justify-content:center;background-color:#d4d4d4}.container{display:grid;grid-template-columns:1fr minmax(50vw,4fr) 1fr;gap:0px 0px;grid-auto-flow:row;grid-template-areas:"Header Header Header" "AssetsWrapper MainWrapper LiabilitiesWrapper" "Footer Footer Footer"}.Header{grid-area:Header;align-items:center}.AssetsWrapper{grid-area:AssetsWrapper;display:grid;align-items:top;background-color:#d6d6d5;overflow-y:scroll}.Assets{display:grid;grid-template-columns:1;padding:20px;align-self:start;justify-items:stretch;overflow-y:scroll}.MainWrapper{grid-area:MainWrapper;display:grid}.Main{display:grid;padding-left:5px;padding-right:5px;padding-top:20px;justify-content:stretch}.main-div{width:58vw}.LiabilitiesWrapper{grid-area:LiabilitiesWrapper;display:grid;align-items:top;background-color:#d6d6d5}.Liabilities{display:grid;grid-template-columns:1;padding:20px;align-self:start;justify-items:stretch}.Footer{grid-area:Footer;display:grid;padding:20px;background-color:#0e30579a}.zakat-payment-info,.main-text{font:lato;font-size:1em;border-radius:6px;border-color:#bebebe;border-width:1px;border-style:solid;padding:5px;margin-top:10px;display:inline-block;text-align:justify}.zakat-payment-info{margin-top:30px;margin-bottom:10px;width:18vw}.warning{border:3px solid #f30404;padding:10px;margin:10px;display:inline-block;font-size:1.3em;font-weight:bolder;color:#dc143c}.file-menu-item{font-size:1.3em}.btn-save{color:#0568aa;border:2px solid #0099cc;border-radius:6px;padding:5px 10px;text-align:center;display:inline-block;font-size:1em;font-weight:700;margin:3px 10px;align-self:start}.btn-save:hover{background-color:#afff7a;color:#f80202}.items-control-grid{display:grid;grid-template-columns:auto auto}.items-paper{padding:12px 8px 8px;margin-bottom:20px}.items-grid{display:grid;grid-template-columns:auto auto auto auto 50px}.gold-items-grid{display:grid;grid-template-columns:auto auto auto auto auto 50px}.notes-grid{display:grid;grid-template-columns:auto 30px}.fnotes{grid-column-start:1;width:100%}.f11{grid-column-start:1}.f12{grid-column-start:2}.f13{grid-column-start:3}.f14{grid-column-start:4}.f15{grid-column-start:5}.f16{grid-column-start:6}.f17{grid-column-start:7}.f21{grid-row-start:2;grid-column-start:1}.f22{grid-row-start:2;grid-column-start:2}.f23{grid-row-start:2;grid-column-start:3}.f24{grid-row-start:2;grid-column-start:4}.f25{grid-row-start:2;grid-column-start:5}.fcol4{grid-row:1 / 3;grid-column:4;align-content:center;margin-left:10px;margin-right:10px}.fcol5{grid-row:1 / 3;grid-column:5;align-content:center}.fcol6{grid-row:1 / 3;grid-column:6;align-content:center}.fdel{display:grid;justify-self:right;align-self:center}.frow1{grid-row:1;grid-column:1/-1}.frow2{grid-row:2;grid-column:1/-1}.frow3{grid-row:3;grid-column:1/-1}.f1-2{grid-column-start:1;grid-column-end:3}.f1-2e{grid-row:1;grid-column:2/-1}.zakat-due-div{display:grid;grid-template-rows:auto;justify-content:center}.delete-btn-div{display:grid;margin-left:20px}.btn-delete{width:25px;height:25px}.btn-delete:hover{width:35px;height:35px}.btn-category,.btn-category-right-marked,.btn-category-left-marked{border:0px solid #0099cc;border-radius:6px;color:#535353;padding:7px 8px;text-align:center;width:220px;font-size:1em;font-weight:700;margin:4px 2px;background:linear-gradient(to right,#777676,#dbdbdb);box-shadow:0 10px 10px -2px #00000040}.btn-category-right-marked{border-right:7px solid red}.btn-category-left-marked{border-left:7px solid red}.btn-category:hover,.btn-category-right-marked:hover,.btn-category-left-marked:hover{background:linear-gradient(to right,#f0c077,#f1d9b4);box-shadow:0 10px 10px -2px #00000040;color:#043d0b}.btn-icon-image{width:80px;height:50px}.balance-image{margin-top:10px;flex:1;width:auto;height:80px;object-fit:contain}.summary-div-assets{display:grid;background-color:#f5f5f5;padding:20px;border-radius:8px;justify-items:stretch;justify-self:stretch;justify-content:stretch;width:100%}.summary-div-liabs{display:grid;background-color:#f5f5f5;padding:20px;border-radius:8px;justify-self:end;justify-items:stretch;justify-self:stretch;justify-content:stretch;width:100%}.summary-overall-div{display:grid;grid-template-columns:max-content;justify-items:stretch;justify-self:stretch;justify-content:stretch;grid-gap:1rem}.summary-items-div{display:grid;column-gap:.4rem;row-gap:.7rem;grid-template-columns:max-content max-content max-content max-content max-content max-content max-content;justify-content:space-between;justify-self:stretch;width:50vw}.settings-grid,.payments-grid{display:grid;grid-auto-flow:row;overflow:visible;row-gap:20px;column-gap:30px}.settings-grid{grid-template-columns:auto auto}.payments-grid{grid-template-columns:27% auto}.settings-div{padding:15px;border-radius:8px}.settings-item-head{flex-grow:1;text-align:center;color:#707070}.settings-item-body{flex-grow:1;text-align:justify;color:#707070}.settings-paper{padding:12px 8px 8px;margin-bottom:20px;overflow-y:visible}.country-language-grid{display:grid;grid-template-columns:auto auto;grid-auto-flow:column;overflow:visible;row-gap:20px;column-gap:30px;height:30vh}.align-start{align-self:flex-start}span.ltr-amount{display:inline-block!important;direction:ltr!important;text-align:left!important}.right-align{text-align:right!important}.arabic-text{direction:rtl;text-align:right;font-family:Tajawal,sans-serif;color:#09585b}.button-29-payment,.button-29-summary,.button-29-calc,.button-29{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:radial-gradient(100% 100% at 100% 0,#5adaff 0,#5468ff);border:0;border-radius:6px;box-shadow:#2d234266 0 2px 4px,#2d23424d 0 7px 13px -3px,#3a416f80 0 -3px inset;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-weight:bolder;height:48px;width:220px;justify-content:center;line-height:1;list-style:none;overflow:hidden;padding-left:16px;padding-right:16px;position:relative;text-align:left;text-decoration:none;transition:box-shadow .15s,transform .15s;-webkit-user-select:none;user-select:none;touch-action:manipulation;white-space:nowrap;will-change:box-shadow,transform;font-size:18px}.button-29:focus{box-shadow:#3c4fe0 0 0 0 1.5px inset,#2d234266 0 2px 4px,#2d23424d 0 7px 13px -3px,#3c4fe0 0 -3px inset}.button-29:hover{box-shadow:#2d234266 0 4px 8px,#2d23424d 0 7px 13px -3px,#3c4fe0 0 -3px inset;transform:translateY(-2px)}.button-29:active{box-shadow:#3c4fe0 0 3px 7px inset;transform:translateY(2px)}.button-29-payment{background-image:radial-gradient(100% 100% at 100% 0,#86e4c0 0,#3aac40)}.button-29-payment:focus{box-shadow:#238123 0 0 0 1.5px inset,#2d234266 0 2px 4px,#2d23424d 0 7px 13px -3px,#238123 0 -3px inset}.button-29-payment:hover{box-shadow:#2d234266 0 4px 8px,#2d23424d 0 7px 13px -3px,#238123 0 -3px inset;transform:translateY(-2px)}.button-29-payment:active{box-shadow:#238123 0 3px 7px inset;transform:translateY(2px)}.button-29-calc{background-image:radial-gradient(100% 100% at 100% 0,#5adaff 0,#5468ff)}.button-29-calc:focus{box-shadow:#3c4fe0 0 0 0 1.5px inset,#2d234266 0 2px 4px,#2d23424d 0 7px 13px -3px,#3c4fe0 0 -3px inset}.button-29-calc:hover{box-shadow:#2d234266 0 4px 8px,#2d23424d 0 7px 13px -3px,#3c4fe0 0 -3px inset;transform:translateY(-2px)}.button-29-calc:active{box-shadow:#3c4fe0 0 3px 7px inset;transform:translateY(2px)}.button-29-summary{background-image:radial-gradient(100% 100% at 100% 0,#f7d1d1 0,#d65b45)}.button-29-summary:focus{box-shadow:#b8532c 0 0 0 1.5px inset,#2d234266 0 2px 4px,#2d23424d 0 7px 13px -3px,#b8532c 0 -3px inset}.button-29-summary:hover{box-shadow:#2d234266 0 4px 8px,#2d23424d 0 7px 13px -3px,#b8532c 0 -3px inset;transform:translateY(-2px)}.button-29-summary:active{box-shadow:#b8532c 0 3px 7px inset;transform:translateY(2px)}.welcome-column{float:left;width:50%;padding:10px;box-sizing:border-box}.welcome-row:after{content:"";display:table;clear:both}@media screen and (max-width: 1200px){.welcome-column{width:100%}}.faq-answer{color:#585959}ul.m12 li{margin:12px 0}ul.m4 li{margin:4px 0}ul.m2 li{margin:2px 0}ol.m4 li{margin:4px 0}ul.m12{margin:0}ol.m4,ul.m4{margin:5px 0}table.outlined-table{border-collapse:collapse;width:100%}table.outlined-table th,table.outlined-table td{border:2px solid black;padding:8px;text-align:left}th,td{border:1px solid rgb(129,123,123);padding:8px;text-align:left}.asterisk{color:red;font-weight:700;font-size:1.5rem}