.colorBG{ --background: #f0efef; } .header-div{ text-transform: capitalize; background: #22C6B3; 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; } .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; } .labelvalue{ font-size: 27px !important; font-weight: bold !important; margin-top: 7px !important; margin-left: 90px !important; } .percentage{ font-size: 19px !important; margin-top: 15px !important; } .gauge{ transform: translate(-24px, -65px); margin-bottom: -187px; margin-top: -20px; } .gauge-ar{ transform: translate(-24px, -65px); margin-bottom: -187px; margin-top: -20px; margin-right: -56px; }