.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: #094875;
  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: #22C6B3;
  text-transform: capitalize;
  height: 160px;
  // position: relative;
  display: block;
  margin-bottom: -28px;
}

.header-toolbar-new{
  --background: #22c6b3;
}

.addClass{
  background-color: #094875;
      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: #22c6b3;
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: #22c6b3;
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: #22C6B3;
                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: #22C6B3;
                width: 15px;
                height: 15px;
                border-radius: 50% !important;
                display: inline-block;
                margin-left: -17px;
                margin-right: 5px;
      }
      .child-dote-ar{
        background-color: #22C6B3;
        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;
      }
     
