.signupDiv { font-size: 14px; } .customGrid { margin-bottom: 20px; } .gridBtn.active{ background:var(--customnavy) !important; color:var(--light) !important; } .gridDiv{direction: rtl} .pageTitle { color: var(--dark); font-size: 23px; width: 100%; text-align: center; padding: 0px; margin: 0px; } .TxtPlace { margin: 0; padding: 40px 0 10px 0; text-align: center; } ion-item.item.item-block.item-md.item-input, ion-item.item.item-block.item-ios.item-input { padding: 0px; margin-bottom: 10px; } ion-col.colPad.col { padding-top: 20px; } img.centerDiv { width: 180px; height: 140px; contain: strict; min-width: 20px; min-height: 20px; display: block; margin-top: 30px; background: var(--light); } .gridDiv { width: 100%; height: 40px; margin-top: 20px; // margin-bottom: 10px; font-size: 14px; :root[dir="ltr"] { padding-left: 16px; padding-right: 0; } :root[dir="rtl"] { padding-right: 16px; padding-left: 0; // margin-bottom: 5px; } button { font-family: var(--fontFamilyLightEN) !important; min-width: auto; ion-app[dir="ltr"] { float: left; border-radius: 2px 0px 0px 2px; font-family: var(--fontFamilyBoldEN) !important; color: var(--customnavy); } ion-app[dir="rtl"] { float: right; border-radius: 0px 2px 2px 0px; color: var(--darkgray); } margin: 0px; padding: 10px; border: 1px solid var(--cusgray); box-shadow: none; -webkit-box-shadow:none; -moz-box-shadow: none; background: var(--light); width: 50%; } button.arTxt { :root[dir="rtl"] { float: right; color: var(--customnavy) !important; font-family: var(--fontFamilyIOSAR) !important; font-weight: bold; border-radius: 2px 0px 0px 2px !important; } :root[dir="ltr"] { float: left; color: var(--darkgray) !important; font-family: var(--fontFamilyIOSAR) !important; border-radius: 0px 2px 2px 0px !important; } } }