.colorBG { --background: #f0efef; } .header-div { background: #269DB8; color: var(--light); text-transform: capitalize; display: block; position: relative; height: 210px; margin-bottom: 60px; } .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: #269DB8 !important; color: aliceblue !important; // margin-top: 10px !important; } .menu{ // margin-left:330px !important; margin-top: 0px !important; font-size: 35px !important; background: #269DB8; color: aliceblue; margin-left: 0px !important; } .person{ margin-left:100px !important; margin-top: 0px !important; font-size: 23px !important; background: #269DB8 !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-bottom: 550px !important; margin-top: 80px !important; margin-left: 15px !important; margin-right: 15px !important; background-color:white !important; border-radius: 20px !important; height: 250px !important; } .bodyGrid{ 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: 270px !important; } .labelGrid{ margin-top: -30px !important; background-color:white !important; border-radius: 20px !important; height: 100px !important; } .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: #269DB8; // 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; } } .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: 50%; top: 50%; display: block; text-align: center; transform: translate(-50%, -50%); h2 { font-size: 38px; font-family: WorkSans-Bold; margin: 0 auto; line-height: 36px; } span { width: 125px; display: block; margin: 0 auto; font-size: 12px; font-family: workSans-Regular; } }