.search-button{ background: transparent; font-size: 25px; color: #7F8C8D; } .header-toolbar-new{ --background: #269DB8; } .confirmEitOkButton{ white-space: normal !important; text-transform: capitalize !important; min-height: 45px !important; min-width: 5px !important; margin: 8px !important; --background: #269DB8; width: 80% !important; color: white!important; border-radius: 16px !important; } .label-Select{ color: var(--dark); font-size: 15px; border: none; font-weight: 400; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); width: 80%; padding: 1px 0px; background-color: var(--light); border-bottom: var(--cusgray) solid 1px; border-radius: 0px; // margin-left: 20px; margin-left: 30px; // margin-top: -10px; // -webkit-appearance: none; // -moz-appearance: none; text-indent: 1px; // text-overflow: ''; box-shadow: none; -webkit-box-shadow:none; -moz-box-shadow: none; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; :root[dir="ltr"]{ background-image: linear-gradient(45deg, transparent 50%, #999 50%), linear-gradient(135deg, #999 50%, transparent 50%), linear-gradient(to right, #ffffff, #ffffff); background-position: calc(100% - 14px) calc(1em + 2px), calc(100% - 8px) calc(1em + 2px), 100% 0; background-size: 6px 6px, 6px 6px, 2.9em 2.9em; background-repeat: no-repeat; padding-right: 20px; } :root[dir="rtl"]{ background-image: linear-gradient(-135deg, #999 50%, transparent 50%),linear-gradient(-45deg, transparent 50%, #999 50%), linear-gradient(to right, #ffffff, #ffffff); background-position: calc(1em - 10px) calc(100% - 8px), calc(1em - 4px) calc(100% - 8px), 0 100%; background-size: 6px 6px, 6px 6px, 2.9em 2.9em; background-repeat: no-repeat; padding-left: 20px; } } .label{ font-size: 16px; // margin-left: 15px; color: #a2a5a6 !important; display: block; overflow: hidden; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; /* font-size: inherit; */ // text-overflow: ellipsis; // white-space: nowrap; white-space: normal; // padding-top: 10px; padding: 5px 0px; padding-left: 10px !important; margin: 10px auto; :root[dir="ltr"]{ font-family: var(--fontFamilySemiBoldEN) !important; } :root[dir="rtl"]{ font-family: var(--fontFamilyIOSAR) !important; font-weight: bold; } } .Field-en{ border-radius: 30px; border: 1px solid #a2a5a6!important; margin-bottom: 20px; padding-left: 20px !important; padding-top: 6px !important; color: #999999 !important; } .Field-ar{ border-radius: 30px; border: 1px solid #a2a5a6!important; margin-bottom: 20px; padding-right: 20px !important; padding-top: 6px !important; color: #999999 !important; }