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: 10px !important; border: solid var(--gray) 1px; border-radius: 21px; // padding-left: 145px !important; margin-left: 86px; // padding-right: 129px; margin-right: -143px; } // {padding-left: unset; // padding-right: unset; // -webkit-padding-start: var(--padding-start); // padding-inline-start: var(--padding-start); // -webkit-padding-end: var(--padding-end); // padding-inline-end: var(--padding-end); // margin-left: -53x; // margin-right: 37px;} .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; background: var(--newgreen); --background: var (--newgreen); border-radius: 50%; height: 60px; width: 60px; margin-left: -181px; margin-right: 269px; } *{ 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; // background-color: #0095ff; // box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26); }