.header{ width: 100%; position: absolute; background: #259CB8; top: 0; } .header-toolbar{ --background: #259CB8 !important; } .bottom{ height: 100%; width: 100%; position: absolute; background: #F5F5F5; } .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: 14px; padding: 5px } .orange{ color: #CC9B14; font-weight: bold; } .green{ color:#1FA169; font-weight: bold; } ion-card-content p{ margin-left: 0; margin-right: 0; margin-top: 15px; margin-bottom: 0px; font-size: 12px; font-weight: bold; } .my-ads ion-item{ margin: 10px; --border-radius: 10px; padding: 15px 10px 0px 10px; width: 100%; } .my-ads ion-thumbnail img{ position: relative; top: -10px; border-radius: 6px; } .my-ads .details-text{ font-size: 11px; } .my-ads .yellow, .my-ads .green{ font-size: 11px; } ion-segment-button{ --background-checked: #000; --indicator-color : transparent!important; border: none; } ion-segment-button ion-label{ padding: 0; font-size: 16px; white-space: normal; font-weight: bold; } .segment-button-checked ion-label{ color: #fff !important; } .segment-button-checked{ background: rgb(46, 46, 46); } ion-item.SearchtextBox{ --background: #fff; margin: 10px; --border-radius: 100px; padding: 5px; } ion-item h3{ color: #000; font-weight: bold; font-size: 14px; } .yellow{ color:#CC9B14; font-weight: bold; } ion-item .icon{ margin: 5px 0px; } .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; font-size: 11px; } .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; padding: 0px 5px; } .details-text{ white-space: normal; } ion-card-content ion-icon{ font-size: 25px; } ion-card-content strong{ margin-left: -5px; font-size: 16px; } ion-fab-button{ height: 60px; width: 60px; }