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; } ///////////////////////////////here .slidPrev{ // margin-top: 8px; margin-left: 10px; background: transparent; } .slidNext{ background: transparent; margin-top: -1px; margin-left: 43px; } .activeArrow{ height: 20px; width: 20px; color: white; } .disabledArrow{ height: 20px; width: 20px; color: gray; // margin-right: 5px; } .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%; } //////////////////////////////////////////ENAD CODE//////////////////////////////////////////// .colorBG{ --background: #f0efef; } .header-div { background-color: #22C6B3; text-transform: capitalize; height: 180px; position: relative; display: block; margin-bottom: -28px; } .Title{ text-align: center !important; color: white !important; margin-top: -86px !important; font-size: 17px !important; font-family: workSans-Regular; } .header{ margin-top: -221px; } .chart-modal .modal-Wrapper { --background: rgb(116, 108, 108) !important; --border-color:white!important ; width: 85%!important ; height: 40px !important ; } .navbar{ font-size: 10px !important; --background: #22C6B3 !important; color: aliceblue !important; // margin-top: 10px !important; } .menu{ // margin-left:330px !important; margin-top: 0px !important; font-size: 35px !important; background: #22C6B3; color: aliceblue; margin-left: 0px !important; } .person{ margin-left:100px !important; margin-top: 0px !important; font-size: 23px !important; background: #22C6B3 !important; color: aliceblue !important; } .grid{ margin-bottom: 550px !important; margin-top: 20px !important; margin-left: 15px !important; margin-right: 15px !important; background-color:white !important; border-radius: 20px !important; height: 250px !important; } .headerGrid{ margin-top: 5px !important; margin-left: 15px !important; margin-right: 15px !important; background-color: white !important; border-radius: 20px !important; height: 250px !important; border: 1px solid #d6d4d4; } .green-label{ font-size: 12px; margin-top: -13px; } .green-amount{ font-size: 17px; font-family: WorkSans-Bold; margin-top: -3px; } .blue-label{ font-size: 12px; margin-top: -13px; } .blue-amount{ font-size: 17px; font-family: WorkSans-Bold; margin-top: -4px; } .today-graph{ display:block !important; height: 150px !important; width: 300 !important; margin-left: -70px !important; } .bodyGrid{ // margin-bottom: 550px !important; // margin-top: 7px !important; // margin-left: 15px !important; // margin-right: 15px !important; // background-color:white !important; // border-radius: 20px !important; // height: 270px !important; // border: 1px solid #d6d4d4 !important; margin-top: 7px !important; margin-left: 15px !important; margin-right: 15px !important; background-color: white !important; border-radius: 20px !important; height: 321px !important; border: 1px solid #d6d4d4 !important; } .labelGrid{ // margin-top: -30px !important; // background-color:white !important; // border-radius: 20px !important; // height: 100px !important; // border: 1px solid #d6d4d4; margin-top: -30px !important; background-color: white !important; border-radius: 23px !important; height: 100px !important; border: 1px solid #d6d4d4; padding-right: 0px; } .ionSliders{ margin: 0px !important; padding: 0px !important; } .ionSlide{ margin-top: 5px !important; margin-left: 190px !important; color: black !important; } .dateLable{ margin-left: 90px !important; color: black !important; font-size: small !important; margin-top: 15px !important; } // h1{ // font-size: 15px !important; // text-align: center !important; // } .arrowDropright{ margin-left:100px !important; font-size: 20px !important; color: rgb(168, 165, 165) !important; margin-top: 15px !important; } .arrowDropleft{ font-size: 20px !important; margin-left: 10px !important; margin-top: 15px !important; color: rgb(116, 108, 108) !important; } .ionLable{ font-size: 10px !important; } .number{ font-size: 18px !important; font-weight: bolder !important; color: black !important; } .header-div{ background:var(--primary); background: -moz-linear-gradient(45deg, var(--primary) 0%, var(--secondary) 36%,var(--secondary) 59%, var(--customnavy) 100%); background: -webkit-linear-gradient(45deg, (--primary) 0%, var(--secondary) 36%,var(--secondary) 59%, var(--customnavy) 100%); background: #22C6B3; // background: linear-gradient(90deg, #85C48D 0%, #85C48D 13%, #2BB5C6 98%, #2BB5C6 100%); color:var(--light); text-transform: capitalize; display: block; position: relative; height: 210px; margin-bottom:60px; // border-radius: 0px 0px 70px 70px; } .request-heading { span { // text-align: center; // display: block; // padding-top: 8px; // font-family: workSans-Regular; // text-align: center; display: block; padding-top: 8px; /* font-family: workSans-Regular; */ margin-left: -157px; margin-top: -19px; padding-bottom: 16px; } } .result-graph { position: relative; background: white; margin-right: 20px; margin-left: 20px; margin-top: 20px; padding-bottom: 20px; border-radius: 20px; } .result-text-container { padding: 0; margin: 0; position: absolute; left: 38%; top: 60%; display: block; text-align: center; transform: translate(-50%, -50%); h2 { font-size: 25px; font-family: WorkSans-Bold; color: black !important; margin: 0 auto; line-height: 36px; } p { font-size: 20px; color: black !important; // font-family: WorkSans-Bold; margin: 0 auto; line-height: 36px; } span { width: 125px; display: block; margin: 0 auto; font-size: 12px; color: black !important; font-family: workSans-Regular; } }