.imgSize{ position: absolute; right: 15px; top: 0; bottom: 0; margin: auto; height:20px; width:20px; } .addClass{ background-color: #094875; width: 80px; height: 80px; right: 8%; position: fixed; color: white; bottom: 20%; border-radius: 50%; z-index: 999; -webkit-box-shadow: 2px -1px 13px 0px rgba(0,0,0,0.59); -moz-box-shadow: 2px -1px 13px 0px rgba(0,0,0,0.59); box-shadow: 2px -1px 13px 0px rgba(0,0,0,0.59); } .grids{ border-radius: 20px !important; background: white; padding-left: 1px; padding-right: 1px; margin: 13px; padding-top: 0px; padding-bottom: 3px; padding-left: 13px; padding-right: 13px; border: 1px solid #cac8c8; margin-bottom: 10% !important; } .bgcolor { color: white; border-top-right-radius: 19px; border-top-left-radius: 15px; padding-top: 1; padding-bottom: 0; margin-top: 0; margin-bottom: 0; /* border-radius: 12px !important; */ background: #094875; border-bottom: 1px solid #a7a4a4; border-top: 1px solid #cac8c8; margin-left: -13px; margin-right: -13px; } .header-div { background-color: #22C6B3; text-transform: capitalize; height: 160px; /* position: relative; */ /* display: block; */ margin-bottom: -28px; } .header-toolbar-new{ --background: #22c6b3; } .hrClass{ border-width: 0; box-sizing: content-box; border-bottom: 1px solid #e6e6e6; background: #fff !important; height: 1px; } //////////////////////////////////////////////down .colorBG{ --background: #f0efef; } .Title{ text-align: center; color: white; margin-top: -33px; font-size: 17px; } .result-graph{ font-size: 14px; margin-left: -48px; margin-right: 3px; margin-bottom: -30px; } .datetime{ // text-align: center; // font-family: WorkSans-Bold; // margin-left: 111px; text-align: center; font-family: WorkSans-Bold; margin-left: 47px; margin-top: -19px; } .datelabel{ margin-left: 150px; color: black !important; font-family: WorkSans-Bold; } .iconCalendar{ // margin-left: -241px; // margin-top: 5px; margin-left: 30px !important; width: 22% !important; height: 26px !important; margin-top: -69px !important; margin-bottom: 20px !important; } .today-graph{ // display:block !important; // height: 150px !important; // width: 300 !important; // margin-left: -70px !important; display: block !important; height: 196px; width: 385px; padding-left: 51px; // padding-top: 29px; margin-left: -70px !important; } .headerGrid{ background-color: white !important; border: 1px solid #cac8c8 !important; border-radius: 20px !important; padding-top: 28px; padding-bottom: 14px; margin-left: 13px; margin-right: 13px; margin-top: -136px; margin-bottom: 10px; } .header{ margin-top: -126px; } .result-text-container { padding: 0; margin: 0; position: absolute; left: 31%; top: 23%; display: block; text-align: center; transform: translate(-50%, -50%); h2 { font-size: 25px; font-family: WorkSans-Bold; margin: 0 auto; // margin-top: 289px; line-height: 36px; } span { width: 125px; display: block; margin: 0 auto; font-size: 12px; // margin-top: 289px; font-family: workSans-Regular; } } .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; } .contentEit:before { position: absolute; content: ""; // background: #22c6b3; height: 140px; width: 100%; left: 0; top: 0px; z-index: 1; }