.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; } } .today-graph{ display: block; height: 127px; width: 288px; } .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{ // padding-top: 1px !important; // padding-bottom: 1px !important; border-right: 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; } .p0{ margin-bottom: -15px !important; color: black !important; margin-left: 24px; font-weight: bold !important; font-size: 17px !important; margin-top: 8px; } .p1{ margin-bottom: -7px !important; color: black !important; /* margin-right: 25px !important; */ font-family: WorkSans-Bold !important; margin-left: 36px; /* margin-bottom: -82px; */ font-size: 33px; margin-top: 10px; } .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; }