.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: 50px; } .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; margin-bottom: 5px; margin-left: 5px; font-size: 14px; } .bottom-icon{ text-overflow: clip; white-space: normal; } ion-card-header{ background: #fff; } ion-card-header img{ margin:15px auto; border-radius: 6px; height: 170px; } ion-card-title{ font-weight: bold; font-size: 18px; padding: 5px; } .orange{ color: orange; } .green{ color:#1FA169; font-weight: bold; } ion-segment-button{ --background-checked: #000; --indicator-color : transparent!important; border: none; } ion-segment-button ion-label{ padding: 0; font-size: 16px; } .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:#CC9B14; font-weight: bold; } ion-item .icon{ margin: 5px; } .edit{ position: absolute; right: 0px; } .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:55px } ion-card{ margin: 0px; --background: #fff; --border-radius: 53px; border-radius: 10px; } .filter-icon{ margin-left: 15px; } .top img{ width: 25px; height: 30px; margin: 5px 5px 0px 5px; } .forward-arrow{ color:#259CB8; font-size: 26px; } ion-card-content{ padding: 0 15px 10px 15px; } .label-thumb h2{ font-size: 14px; font-weight: bold; } .posted-on{ color: #969696; float: right; position: absolute; top: 0; right: 0; font-size: 10px; margin: 5px; } .details-text{ white-space: normal; }