ion-item { margin-top: 5%; margin-right: 7%; } .labelRep{ --color: initial; display: block; color: var(--color); font-family: var(--ion-font-family,inherit); font-size: inherit; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; } .footer-button { border-radius: 3px; padding: 0 1.1em; min-height: 45px; min-width: 200px; } .item-radio-checked ion-label { color: #3ac1f1 !important; } .boldTxt{font-weight:bold;} //////////////////////// button.item-button.button.button-md.button-clear.button-clear-md { background-color: transparent; } .footer-button { border-radius: 3px; padding: 0 1.1em; min-height: 45px; min-width: 200px; } // ion-item { // margin-top: 5%; // margin-right: 7%; // width: 100%; // } .ionItem{ border: #e4e4e4 solid; /* margin: 6px; */ /* padding: 11px; */ height: 85px; width: 164px; border-radius: 5px; text-align: center; } .profileImageDiv{ text-align: center; margin-bottom: -27px; z-index: 3; position: relative; top: 0; } .profileImage{ width:60px !important; // margin-left: -25px; // margin-right: 22px; } .activated{ border: #209a83 0.02cm solid ; } .deactivated{ border: #e4e4e4 0.02cm solid; } .repContentDiv{ text-align: center; width: 85%; font-size: 14px; border: #e4e4e4 solid; border-radius: 5px; padding: 20px 8px 8px 8px; margin-top: -9px; margin-right: -35px } .selIEmpDiv{ text-align: right; margin-bottom: -26px; margin-right: 0px; z-index: 3; position: relative; top: 0; } .selIEmpImage{ width:22px !important } .noteInput{ border: solid var(--gray) 1px; border-radius: 15px; margin: 8px 17px 0px 17px; padding: 10px 2px 10px 2px; } .filterInput{ border: solid var(--gray) 1px; border-radius: 21px; padding-left: 10px !important; } .filterInput-ar{ border: solid var(--gray) 1px; border-radius: 21px; // padding-left: 100px !important; margin-left: 86px; // padding-right: 129px; margin-right: -139px; } .filterBtn{ background: var(--newgreen); --background: var (--newgreen); border-radius: 50%; height: 60px; width: 60px; } .filterBtn-ar{ background: var(--newgreen); --background: var (--newgreen); border-radius: 50%; height: 60px; width: 60px; margin-left: -167px; margin-right: 247px; } *{ box-sizing: border-box; } .square-container{ // padding: 8px; width:100%; } .square{ // width:calc(100% / 2); width:50%; float:left; position: relative; // padding-bottom: calc(100% / 2); } .square .content{ width: calc(100% - 16px) !important; height: calc(100% - 16px) !important; margin: 8px; padding: 16px; // position: absolute; color: white; border-radius: 9px; text-align: center; min-height: 90px; // background-color: #0095ff; // box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26); } .empImge{ border-radius: 50%; width:100%; height: 100%; border: #dedede solid 1px; } .empImgeRep { border-radius: 50% !important; width: 80px; height: 80px; border: #dedede solid 1px; } .disabledButton{ opacity:.5; }