.colorBG { --background: #f0efef; } .header-div { text-transform: capitalize; background: #BE332F; display: block; position: relative; height: 160px; margin-bottom: 60px; padding-top: 10px; } .btnBack { background: var(--customnavy); white-space: normal; color: var(--light); text-transform: capitalize; min-height: 45px; margin-top: -8px !important; } .profilediv { margin-left: 337px; } .profileImg { width: 25px; height: 24px; /* display: -webkit-inline-box; */ /* display: inline-flex; */ overflow: hidden; background: transparent; border-radius: 90% !important; position: relative; top: -22px; // margin-left: 337px; } .proTitles { margin: 0; padding: 0; font-size: 16px; text-align: center; font-weight: bolder; color: white; margin-top: -33px; } .grid { background-color: #f9f9f9; margin-top: 9px; margin-bottom: 7px !important; border-radius: 21px; margin-bottom: 26px; margin-left: 14px; margin-right: 14px; padding-bottom: 1px; border: solid #d7d4d4 !important; } .Text { margin: 0; padding: 0; text-align: center; font-weight: bolder; color: black; font-size: 16px; margin-top: 5px; margin-bottom: 10px; text-align: center; // margin-left: 74px; width: 100%; } .Text-ar { margin: 0; padding: 0; text-align: center; font-weight: bolder; color: black; font-size: 16px; margin-top: 5px; margin-bottom: 10px; text-align: center; margin-right: 131px; } .leftgrid { margin-left: 10px; background: white; border: solid #d7d4d4; margin: 7px; border-radius: 24px; width: 30% !important; padding-bottom: 9px; padding-top: 11px; padding-left: 10px; } .rightgrid { margin-left: 10px; background: white; border: solid #d7d4d4; // margin: 7px; border-radius: 24px; width: 30% !important; padding-bottom: 9px; padding-top: 11px; padding-left: 10px; margin-right: 189px; } .performancecolor { border: solid #bebbbb 1px !important; border-radius: 13px; margin-top: 0px !important; height: 10px; padding-right: 8px !important; width: 65px; margin-bottom: -10px; } .label { font-size: 13px !important; margin-top: -7px !important; font-weight: bold !important; } .label-ar { font-size: 15px !important; margin-top: -7px !important; font-weight: bold !important; } .labelvalue { font-size: 25px !important; font-weight: bold !important; margin-top: 7px !important; margin-left: 90px !important; } .labelvalue-ar { // margin-right: 19px !important; font-size: 24px !important; font-weight: bold !important; margin-right: 25px !important; } .percentage { font-size: 20px !important; margin-top: 15px !important; margin-left: -7px; } .percentage-ar { // margin-right: -54px; font-size: 19px !important; margin-right: -51px; } .gauge { // transform: translate(-24px, -65px); margin-bottom: -140px; margin-top: -70px; } .gauge-ar { transform: translate(-24px, -65px); margin-bottom: -187px; margin-top: -20px; margin-right: -56px; }