ion-col.colBold, ion-col.colBold > label{ font-weight:bold; } .colorBG{ --background: #f0efef; } .header-div{ text-transform: capitalize; background: #22C6B3; display: block; position: relative; height: 160px; margin-bottom: 60px; } // .profileCont{ // background-color: #d9d7d7 !important; .menubutton{ white-space: normal; color: var(--light); text-transform: capitalize; min-height: 39px; background: #f0ecec; font-size: 2rem; position: absolute; width: 35px !important; height: 19px; box-shadow: 3px 0px 7px 0px #c5c2c2; border-radius: 50%; } .changeIcon{ /* background: #c1c1c1; */ width: 21px; /* height: 26px; */ border-radius: 50% !important; position: relative; color: #7f8c8d; } .changeImgBtn{ position: absolute; top: 80%; left: 65%; } .profileImg{ width: 160px; height: 160px; display: -webkit-inline-box; display: inline-flex; overflow: hidden; // background: transparent; border-radius: 69% !important; position: relative; top: 34px; // background: white; background: transparent; } .Text { margin: 0; padding: 0; text-align: center; font-weight: bolder; color: black; font-size: 16px; margin-top: 34px; text-align: center; } .line{ padding-top: 0px !important; /* margin-bottom: 0px; */ /* margin: 0px; */ border-right: 1px #c5c2c2 solid !important; line-height: 10px !important; } .proTitles { margin: 0; padding: 0; font-size: 16px; text-align: center; font-weight: bolder; color: white; margin-top: -33px; } .profileGrid{ border: #bebbbb solid 1px; border-radius: 9px; padding: 0px; margin-top: 54px; margin-left: 10px; margin-right: 10px; margin-bottom: 10px; color: black; // font-weight: bold; background: white; } .lebl{ color: black; font-size: 14px !important; font-weight: bold !important; padding-top: 9px; padding-left: 5px; } .rowBolds{ color: black !important; font-size: 14px !important; /* padding: 6px !important; */ padding-bottom: 9px; padding-left: 5px; padding-top: 4px; }