/*.fadehide{
  opacity: 0;
  transform: translateX(300%);
}*/

/*.leftHide{
  transform: translateX(-230%);
}

.rightHide{
  transform: translateX(230%);
}*/

/*.fadeIn{
  opacity: 1;
  transform: translateX(0%);
  transition: all 1s;
}*/

.carerContainer {
  position: relative;
}

#nolistStyle {
  list-style: none !important;
  list-style-type: none;
  margin-bottom: 2rem;
}

#nolistStyle li {
  list-style-type: none !important;
}

.tg-imgholder {
  width: 100% !important;
}

.makeRel {
  position: relative !important;
}

.aboutImg {
  height: 55vh !important;
  /* max-width: 100% !important; */
  padding-bottom: 30px;
}

.captionmesage {
  text-align: center;
}

/*.makeRel figure {
  position: relative;
  margin: 1.5rem 0;
  width: 50vw !important;
  padding: 0 !important;
  box-shadow: none !important;
  transition: box-shadow 0.5s;
}

.makeRel figure:hover {
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2) !important;
}

.makeRel figure figcaption {
  position: absolute;
  color: #fff;
  padding-bottom: 10px !important;
  padding-left: 20px !important;
  top: 88.5% !important;
  left: 1.8% !important;
  width: 96.5% !important;
  height: 3.7rem !important;
}*/

/* for healthworker id card */

/* .carer{
  width:5rem!important;
  border: 2px solid green;
} */

.carer-card {
  /* position: fixed;
  top: 50%;
  left: 50%; */
  margin: 7rem auto 0;
  /* transform: translate(-50%, -50%); */
  max-width: 18rem !important;
  color: black;
  /* border: 1rem solid green; */
  height: 28.5rem;
  box-shadow: 5px 10px 8px #888888;
}

.intro {
  height: 22%;
  border: 2px solid white;
}

.intro ul {
  list-style-type: none;
  position: relative;
  top: -10px;
  float: right;
}

.homecare {
  color: black;
  margin-left: 2rem;
}

#id_no {
  margin: 0.9rem 0.9rem 0 0;
}

.pic-home {
  display: flex !important;
  position: relative;
  top: -5px;
}

#top-blue-border {
  height: 1.3rem;
  width: 100%;
  background-color: #00b0cf;
}

#left-blue-border {
  width: 8%;
  height: 3rem;
  background-color: #00b0cf;
}

#center-white-border {
  position: relative;
  /* top:-0.5rem; */
  width: 88%;
  -webkit-border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  border-top-right-radius: 4px;

  -webkit-border-top-left-radius: 4px;
  -moz-border-top-left-radius: 4px;
  border-top-left-radius: 4px;

  /* drop shadow */
  -webkit-box-shadow: 0px 0px 0px 4px white;
  -moz-box-shadow: 0px 0px 0px 4px white;
  box-shadow: 0px 0px 0px 4px white;
  /* height:10rem; */
  /* background-color:red; */
}

#right-blue-border {
  width: 8%;
  height: 3rem;
  background-color: #00b0cf;
}

#main-left,
#main-right {
  height: 1.5rem;
}

#cornered-left {
  height: 1.5rem;
  width: 100%;
  border-top: 1.5rem solid #00b0cf;
  border-left: 1rem solid white;
}

#cornered-right {
  height: 1.5rem;
  width: 100%;
  border-top: 1.5rem solid #00b0cf;
  border-right: 1rem solid white;
}

.image {
  height: 110px;
  width: 120px;
  border: 4px solid #00b0cf;
  border-radius: 20%;
}

.details {
  text-align: center;
}

.ui-datepicker {
  z-index: 10000 !important;
}

/* For corporate carers */
.top-margin {
  margin-top: 2rem;
}

/*For each Organisation*/

@media only screen and (max-width: 786px) {
  .org_name {
    margin-top: 35px;
  }
  h4 {
    font-size: 13px;
    font-weight: 900;
  }
  .fa {
    font-size: 33px !important;
  }
  .mmb-distinctions-icon .fa {
    font-size: 1em !important;
  }
}

@media only screen and (min-width: 1024px) {
  .lastcol {
    padding-left: 0;
  }
}

@media only screen and (max-width: 768px) and (min-width: 425px) {
  .fourthcol {
    padding-left: 30px;
  }
}

@media only screen and (max-width: 375px) and (min-width: 320px) {
  .thricecol {
    padding-left: 30px;
  }
}

@media only screen and (max-width: 425px) {
  .plan {
    padding-left: 20px;
  }
  .fa {
    font-size: 33px !important;
  }
}

/* For Telemedicine days*/
.days {
  width: 100%;
  float: left;
  color: #fff;
  border-radius: 3px;

  background: #26c6da;
}