.result-text-container { // padding: 0; // margin: 0; // position: absolute; // left: 50%; // top: 50%; // display: block; // text-align: center; // transform: translate(-50%, -50%); //////////////////////////here padding: 0; margin: 0; position: absolute; left: 58%; 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; } } .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: 288px; } .today-graph-ar{ display: block; height: 134px; width: 285px; margin-left: -18px; } .amountlabel{ color: black !important; font-weight: bold !important; font-size: 13px !important; // border-top: 1px solid rgb(163, 163, 163) !important; margin-left: 0px !important; margin-bottom: -29px !important; } .rowlabel{ color: rgb(163, 163, 163) !important; font-size: 13px !important; font-family: WorkSans-Bold; } .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; // text-align: center; // width: 274%; // border-radius: 8%; // height: 40%; // margin-right: -11px; border: 1px solid #a3a3a3 !important; border-radius: 9px; width: 241%; margin-right: -226px; } .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: 15px !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; margin-left: 33px; } .p3{ /* margin-bottom: -72px !important; */ color: black !important; font-weight: bold !important; font-size: 19px; margin-top: -43px; margin-left: 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; /* font-family: WorkSans-Bold !important; */ padding-bottom: 21px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } // .less{ background-color: #22C6B3; // background-color: #22C6B3; // border: none; // color: white; // text-align: center; // text-decoration: none; // display: inline-block; // font-size: 12px; // border-radius: 30px; // height: 26px; // padding: 6px 24px; // margin-left: 123px; // /* margin-top: -19px; */ // margin-bottom: 17px; // }