.result-text-container { padding: 0; margin: 0; position: absolute; left: 42%; top: 60%; display: block; text-align: center; transform: translate(-50%, -50%); h2 { font-size: 25px; font-weight: bold; margin: 0 auto; line-height: 36px; } span { width: 125px; display: block; margin: 0 auto; font-size: 12px; font-family: workSans-Regular; color: rgb(163, 163, 163) !important; } } .result-text-container-ar { padding: 0; margin: 0; position: absolute; left: 38%; top: 67%; display: block; text-align: center; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); h2 { font-size: 25px; // font-family: WorkSans-Bold; font-weight: bold; margin: 0 auto; line-height: 36px; } span { width: 125px; display: block; margin: 0 auto; font-size: 12px; font-family: workSans-Regular; color: rgb(163, 163, 163) !important; } } .today-graph{ display: block; height: 127px; width: 270px; margin-left: -60px; } .today-graph-ar{ display: block; height: 127px; width: 270px; /* margin-left: -61px; */ margin-right: -18px; } .amountlabel{ color: black !important; font-weight: bold !important; font-size: 13px !important; margin-bottom: -29px !important; width: 100%; display: block; text-align: center; } .rowlabel{ color: #a3a3a3 !important; font-size: 13px !important; font-family: WorkSans-Bold; display: block; width: 100%; text-align: center; padding: 1px; } .grid{ padding-bottom: -20px !important; padding-top: -20px !important; height: 360px !important; } .liftcol{ border-right: 1px solid rgb(163, 163, 163) !important; } .liftcol-ar{ border-left: 1px solid rgb(163, 163, 163) !important; } .rightcol{ margin-left: 5px !important; } .gridrow{ border-top: 1px solid rgb(163, 163, 163) !important; margin-left: 19px; margin-right: 12px; } .div{ border: 1px solid #a3a3a3 !important; border-radius: 10px; margin-bottom:10px; } .div-ar{ border: 1px solid #a3a3a3 !important; border-radius: 9px; width: 264%; margin-right: -302px; } .p0{ margin-bottom: -13px !important; color: black !important; font-weight: bold !important; font-size: 14px !important; margin-top: 8px; text-align: center; display: block; width: 100%; } .p1{ margin-bottom: -7px !important; color: black !important; font-family: WorkSans-Bold !important; font-size: 33px; margin-top: 10px; text-align: center; display: block; width: 100%; } .p2{ font-weight: bold !important; font-size: 17px !important; margin-bottom: 43px !important; margin-top: 0px !important; color: black !important; font-weight: bold !important; text-align: center; display: block; width: 100%; } .p3{ color: black !important; font-weight: bold !important; font-size: 19px; margin-top: -43px; text-align: center; display: block; width: 100%; } .p2-ar{ font-weight: bold !important; font-size: 17px !important; margin-bottom: 43px !important; margin-top: 0px !important; color: black !important; font-weight: bold !important; margin-right: 33px; } .p3-ar{ /* margin-bottom: -72px !important; */ color: black !important; font-weight: bold !important; font-size: 19px; margin-top: -43px; margin-right: 27px; } .p4{ margin-bottom: 56px !important; margin-top: -26px !important; color: black !important; } // .pdiv{background-color: gray;height: 26px;} .p5{ font-size: 14px; text-align: center; background-color: #094875; color: white; margin-top: -13px; margin-bottom: -3px; height: 21px; width: 110px; padding-top: 7px; padding-bottom: 21px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .col{ border-bottom: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); flex: 0 0 calc(calc(6 / var(--ion-grid-columns, 12)) * 100%); width: calc(calc(6 / var(--ion-grid-columns, 12)) * 100%); max-width: calc(calc(6 / var(--ion-grid-columns, 12)) * 100%); } .col-ar{ border-bottom: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); flex: 0 0 calc(calc(6 / var(--ion-grid-columns, 12)) * 100%); width: calc(calc(6 / var(--ion-grid-columns, 12)) * 100%); max-width: calc(calc(6 / var(--ion-grid-columns, 12)) * 100%); }