.header{ width: 100%; position: absolute; background: #259CB8; top: 0; } .header-toolbar{ --background: #259CB8 !important; } .bottom{ height: 100%; width: 100%; position: absolute; background: #F5F5F5; } .SearchtextBox{ margin: 10px; border-radius: 20px; } .filterText{ margin: 5px 15px 5px; font-size: 18px; font-weight: bold; } .container-icon{ padding: 0 10px 0px; position: relative; white-space:nowrap; overflow-x:auto; } .box-icon{ width:90px; height: 90px; margin: 0px; display: inline-block; } .sale-icon{ box-shadow: 1px 1px 5px 1px #cccc; padding: 0px; margin: 3px; border-radius: 8px; background: #fff; position: relative; } .sale-icon ion-icon{ font-size: 25px; } .sale-icon p{ margin-top: 5px; margin-bottom: 5px; text-transform: capitalize; font-size: 17px; text-align: center; } .bottom-icon{ text-overflow: clip; white-space: normal; font-size: 14px; padding:1px; font-weight: bold; } ion-card{ margin:5px; } ion-card-header{ background: #fff; } ion-card-header img{ margin: 15px auto; height: 85px; } .dark{ display: block; margin: 2px; font-size: 15px; font-weight: bold; } ion-card-title{ font-weight: bold; font-size: 18px; } ion-card-content{ padding: 5px; } .orange{ color: orange; } .red{ color:rgb(172, 9, 9) } .green{ color:#00AE4D; } ion-segment-button ion-label{ padding: 0; font-size: 12px; } .segment-button-checked ion-label{ color: #fff !important; } .segment-button-checked{ background: rgb(46, 46, 46); } ion-item{ --background: #fff; margin: 10px; border-radius: 25px; padding: 5px; } ion-item h3{ color: #000; font-weight: bold; font-size: 16px; } .yellow{ color:#ffc107; } ion-item .icon{ margin: 5px; } .edit{ margin-left:20px !important; } .offer-valid{ font-weight: bold; margin:2px; font-size: 14px; } .active .top::before{ position: absolute; right: 0px; top: -3px; padding: 0px; background: #3cc353; padding: 3px; border-radius: 60%; font-size: 10px; color: #fff; content: '✓'; } ion-content{ --background:#F5F5F5 ; } .top{ text-align: center; } .top img{ height:40px }