.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 15px; font-size: 18px; font-weight: bold; } .container-icon{ padding: 0 10px 20px; position: relative; white-space:nowrap; overflow-x:auto; } .box-icon{ width: 100px; height: 100px; margin: 0px; display: inline-block; } .sale-icon{ box-shadow: 1px 1px 5px 1px #cccc; padding: 5px; margin: 5px; border-radius: 10px; background: #fff; } .sale-icon ion-icon{ font-size: 25px; } .sale-icon p{ margin-top:5px; } .bottom-icon{ text-overflow: clip; white-space: normal; } ion-card-header{ background: #fff; } ion-card-header img{ margin:15px auto; } ion-card-title{ font-weight: bold; font-size: 18px; padding: 5px; } .orange{ color: orange; } .green{ color:#00AE4D; } ion-segment-button{ --background-checked: #000; --indicator-color : transparent!important; border: none; } 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; } .fab-button{ position: fixed; bottom: 5%; z-index: 2; right: 10%; } .fab-button ion-fab-button{ --background: #259CB8; } ion-footer{ position: absolute; bottom: 0; } ion-footer .footer-button{ --background: #259CB8; width: 80%; background: #259CB8; border-radius: 10px; } ion-segment{ height:40px }