.footer-button { border-radius: 2px; padding: 0 1.1em; min-height: 45px; min-width: 200px; } .datetime{ // text-align: center; // font-family: WorkSans-Bold; // margin-left: 111px; text-align: center; font-family: WorkSans-Bold; margin-left: 47px; margin-top: -19px; } .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; } h4 { font-size: 2.2rem; text-align: center; color: #000000; } .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; } .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: #269DB8; border-bottom: 1px solid #a7a4a4; border-top: 1px solid #cac8c8; margin-left: -13px; margin-right: -13px; } .colEit{ border-right: 1px solid #cac8c8; border-bottom-left-radius: -10px !important; padding-top: 8px; padding-bottom: 8px; margin-left: 18px; font-size: 12px !important; } .header-div { background-color: #269DB8; text-transform: capitalize; height: 160px; // position: relative; display: block; margin-bottom: -28px; } .header-toolbar-new{ --background: #269DB8; } .addClass{ background-color: #269DB8; width: 80px; height: 80px; right: 8%; position: fixed; color: white; bottom: 5%; 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); } .contentEit:before { position: absolute; content: ""; // background: #269DB8; height: 140px; width: 100%; left: 0; top: 0px; z-index: 1; } .hrClass{ border-width: 0; box-sizing: content-box; border-bottom: 1px solid #e6e6e6; background: #fff !important; height: 1px; } //////////////////////////////// .content:before { position: absolute; content: ""; background: #269DB8; height: 140px; width: 100%; left: 0; top: 0px; z-index: 1; } .colorBG{ --background: #f0efef; } .Title{ text-align: center; color: white; margin-top: -33px; font-size: 17px; } .title{ text-align: center; color: black; margin-top: 5px; font-size: 17px; } .today-graph{ display: block !important; height: 196px; width: 365px; /* padding-left: 51px; */ margin-left: 28px !important; } .headerGrid{ // background-color: white !important; // border: 1px solid #cac8c8 !important; // border-radius: 20px !important; // padding-top: 28px; // padding-bottom: 53px; // margin-left: 9px; // margin-right: 13px; // margin-top: -94px; // margin-bottom: 10px; background-color: white !important; border: 1px solid #cac8c8 !important; /* padding-top: 28px; */ padding-bottom: 53px; padding-top: -30px; margin-left: 13px; margin-right: 13px; /* margin-top: -86px; */ margin-bottom: 10px; position: relative; z-index: 1; border-radius: 20px; margin-top: 17px; } .result-graph{ font-size: 14px; margin-left: -48px; margin-right: 3px; margin-bottom: -30px; } .green-label{ font-size: 15px !important; margin-left: 7px !important; margin-right: 42px; } .green-label-ar{ font-size: 15px !important; margin-left: 7px !important; margin-right: 15px; } .blue-label{ font-size: 15px !important; margin-left: 7px !important; margin-right: 13px; } .light-label{ font-size: 15px !important; margin-left: 7px !important; margin-right: -26px; } .light-label-ar{ font-size: 15px !important; margin-right: 7px !important; margin-left: -26px; } .light-dote{ background-color: #3CB9D5; width: 12px; height: 12px; border-radius: 50% !important; display: inline-block; } .blue-dote{ background-color: #269DB8; width: 12px; height: 12px; border-radius: 50% !important; display: inline-block; } .green-dote{ background-color: #1FA269; width: 12px; height: 12px; border-radius: 50% !important; display: inline-block; margin-right: -1px; } .col{ text-align: right; } .gridService{ /* margin-top: 87px; */ border-radius: 10px; /* margin-bottom: -49px; */ margin-left: 14px; margin-right: 14px; } .columns{ margin: 3px; margin-bottom: 13px; background: white; border-radius: 27px; padding-left: 30px; padding-right: 6px; padding-top: 19px; padding-bottom: 8px; border: 1px solid #cac8c8 !important; } .service{ font-size: 22px; color: black; letter-spacing: 1px; font-weight: bold; } .services{ font-size: 12px; color: black; } .adult-dote{ background-color: #3CB9D5; width: 15px; height: 15px; border-radius: 50% !important; display: inline-block; margin-left: -17px; margin-right: 5px; } .adult-dote-ar{ background-color: #3CB9D5; width: 15px; height: 15px; border-radius: 50% !important; display: inline-block; margin-right: 0px; margin-left: 5px; } .child-dote{ background-color: #269DB8; width: 15px; height: 15px; border-radius: 50% !important; display: inline-block; margin-left: -17px; margin-right: 5px; } .child-dote-ar{ background-color: #269DB8; width: 15px; height: 15px; border-radius: 50% !important; display: inline-block; margin-right: 1px; margin-left: 5px; } .infants-dote{ background-color: #1FA269; width: 15px; height: 15px; border-radius: 50% !important; display: inline-block; margin-left: -17px; margin-right: 5px; // margin-bottom: 6px; } .infants-dote-ar{ background-color: #1FA269; width: 15px; height: 15px; border-radius: 50% !important; display: inline-block; margin-right: 1px; margin-left: 5px; }