ion-header{ overflow: hidden; background: #f2f2f3; } 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-title{ text-align: center; font-family: WorkSans-Bold; font-size: 18px; margin-right: 35px; } .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: 20px; 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; } .dayhours-button-container{ width: 100%; padding-right: 5px; padding-left: 5px; } .dayhours-button{ width: 50%; height: 35px; font-size: 15px; color: white; background: #606161; } ///////////////////////////////////// .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; margin: -42px auto 0; display: block; } //////////////////////////// .right-slider-icon{ float: right; height: 100%; width: 15%; position: fixed; right: -5%; top: 31%; } .left-slider-icon{ width: 15%; position: fixed; top: 32%; left: -4%; height: 100%; }