ion-header{ overflow: hidden; } ion-content{ --ion-background-color: #f2f2f3; } ion-card-content { padding: 0px; } ion-card { box-shadow: none !important; background-color: white; margin: 10px -15px; margin-bottom: 20px; } ion-header { background: #f2f2f3; } ion-title{ text-align: center; font-family: WorkSans-Bold; font-size: 18px; } // ion-label { // color: #A3D077 !important; // } .header-toolbar-new{ --background: linear-gradient(90deg, rgba(132,198,143,1) 0%, rgba(41,183,197,1) 100%); border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; } .active-Segment { border-radius: 5px !important; font-size: 0.3cm !important; background: white !important; color: #fff !important; font-weight: bold !important; border: 1px solid white !important; text-transform: none; --color-checked: none; } .active-Segment ion-label{ // color: #A3D077 !important; color: #11975F !important; font-size: 11px; } .normal-Segment ion-label{ // color: #A3D077 !important; color: white !important; font-size: 11px; } .normal-Segment { border-radius: 5px !important; font-size: 0.3cm !important; background: #A3D077 !important; color: #fff !important; font-weight: bold !important; border: 1px solid white !important; text-transform: none; --color-checked: none; } .time-card-details-container{ margin-right: 20px; margin-left: 20px; } .card-summary-heading{ margin-left: 10px; margin-top: 12px; color: #606161; font-family: WorkSans-Bold; } .card-summary-heading-hours{ color: #606161; font-family: WorkSans-Bold; } .card-summary-heading-hours-extended-heading{ color: #D3D3D3; font-family: WorkSans-Bold; } ///////////////////////////////// .time-card-details { background: white; margin-top: 15px; border-radius: 5px; } .time-card-details-heading-two { color: #606161; font-family: WorkSans-Bold; } .time-card-details-heading-two h2 { margin-top: 15px; font-size: 15px; } .time-card-span img{ height: 30px; margin-top: -5px; margin-left: 10px; } .show-more-less{ width: 100%; background: #606061; text-align: center; /* margin: 10px; */ padding-top: 20px; } ///////////////////////////////////// .footer-modal-button{ position: absolute; bottom: 0; color: white; width: 100%; text-align: center; } .footer-modal-button button{ font-size: 20px; background: white; line-height: 2; }