.bg-light {
    background-color: #f3f3f3 !important;
}

.sidebar-content {
    background-color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    top:0;
    bottom:0;
    position: fixed;
    border-right: 0.6px solid #D3D3D3;
}

.bg-light {
    background-color: #F3F5F7 !important;
}
.border-bottom {
    border-bottom: 1px solid #eee;
}

.border{
    border: 1px solid #EDEDED;
    border-radius: 12px;
}

.text-right{
    text-align: right;
}

.btn-circle{
    border-radius: 100%;
    line-height: 1.3;
}

.text-sm{
    font-size: 10px;
}

.fw-700 {
    font-weight: 700 !important;
}

.fw-600 {
    font-weight: 600 !important;
}

.navbar-search {
    border-radius: 3px !important;
    background-color: #F7F9FA;
    padding: 2px;
}
.navbar-search-sm {
    border-radius: 10px !important;
    background-color: white;
    border: 1px solid #C5C5C5;
}
.w-30{
    width: 30% !important;
}
.w-40{
    width: 40% !important;
}
.w-45{
    width: 45% !important;
}
.w-90{
    width: 90% !important;
}
.text-light{
    color: #C2C5CB !important;
}

.text-grey {
    color: #545454 !important;
}

.card-widget-header{
    letter-spacing: 0.08;
    font-size: 14px;
    font-weight: 500;
    color: #9299A5;
}

.card-widget-title{
    font-size:21px !important;
    font-weight: bolder !important;
    color: #000 !important;
    opacity: 0.63;
}
.form-control-sm{
    height: 14px !important;
    padding: 16px !important;
}

.opacity-5{
    opacity: 0.5;
}

#user-list-table_filter{
    margin-top:10px;
}

.btn-rounded{
    border-top-left-radius: 100% !important;
    border-bottom-left-radius: 100% !important;
    border-top-right-radius: 100% !important;
    border-bottom-right-radius: 100% !important;
}

.border-rounded{
    border-radius: 12px;
}

.online-status {
    height: 10px;
    width: 10px;
    border-radius: 100%;
    margin-left: -5px;
}

.ml-1 {
    margin-left: 10px;
}
.ml-2 {
    margin-left: 20px;
}
.ml-3 {
    margin-left: 30px;
}
.ml-4 {
    margin-left: 40px;
}
.ml-5 {
    margin-left: 50px;
}

.mr-1 {
    margin-right: 10px;
}
.mr-2 {
    margin-right: 20px;
}
.mr-3 {
    margin-right: 30px;
}
.mr-4 {
    margin-right: 40px;
}
.mr-5 {
    margin-right: 50px;
}

.card-heading {
    font-size: 16px;
    color: #000000;
    font-size: 16px;
    letter-spacing: 0.01px;
    line-height: 17px;
}
.resident-address{
    color: #000000;
    font-size: 12px;
    letter-spacing: 0.01px;
    line-height: 12px;
}
.resident-main-info{
    color: #000000;
    font-size: 11px;
    letter-spacing: 0.01px;
    line-height: 12px;
    border-radius: 8px;
    background-color: #F3F5F7;
    padding: 10px;
    /* width: 100%; */
}

.btn-light-primary{
    background-color: #F3F5F7;
    color: #022452 !important;
}

.font-weight-600{
    font-weight: 600 !important;
}

.primary-filter{
    filter: invert(43%) sepia(57%) saturate(949%) hue-rotate(158deg) brightness(102%) contrast(110%);
}

.visits .time {
    width: 120px;
    background-color: #F3F5F7;
    border-radius: 40px;
    text-align: center;
    padding: 10px;
    height: 40px;
    color: #343434;
}

.visits .day {
    width: 120px;
    text-align: center;
    padding: 10px;
    height: 40px;
    color: #343434;
}

.day-primary{
    background-color: #DFF6FE;
    border-left: 3px solid #009DE0;
}

.day-warning{
    background-color: #FEEEDC;
    border-left: 3px solid #F4D05C;
}

.day-info{
    background-color: #F8F2FD;
    border-left: 3px solid #E0CEEF;
}

.day-success{
    background-color: #E0FCEF;
    border-left: 3px solid #4FB4AF;
}

 .day-secondary{
    background-color: #FBF6F8;
    border-left: 3px solid #F5CEDE;
}


.bg-light-primary{
    background-color: #DFF6FE;
}

.bg-light-warning{
    background-color: #FEEEDC;
}

.bg-light-info{
    background-color: #F8F2FD;
}

.bg-light-success{
    background-color: #E0FCEF;
}

 .bg-light-secondary{
    background-color: #FBF6F8;
    /* border-left: 3px solid #F5CEDE; */
}

.visits .active {
    background-color: #009DE0;
    color: #fff;
}

.hr-lines:before{
    content:" ";
    display: block;
    height: 2px;
    width: 75px;
    position: relative;
    top: 12px;
    left: -88px;
    background: #E7E7E7;
  }

  .hr-lines:after{
    content:" ";
    height: 2px;
    width: 300px;
    background: #E7E7E7;
    display: block;
    position: relative;
    top: -10px;
    right: -108px;
  }


  .hr-lines-primary:before{
    content:" ";
    display: block;
    height: 2px;
    width: 75px;
    position: relative;
    top: 12px;
    left: -88px;
    background: #009DE0;
  }
  .hr-lines-primary:after{
    content:" ";
    height: 1px;
    width: 300px;
    background: #009DE0;
    display: block;
    position: relative;
    top: -10px;
    right: -108px;
  }
  .scroll-content{
    height: 97%;
  }
  .nav-link .icon{
    width:30px !important;
  }

  .caregiver-avatar {
    height: 90px !important;
    width: 90px !important;
    background-color: #D3D3D3;
    border-radius: 100%;
    margin: auto;
    align-items: center;
    justify-content: center;
    display: flex;
  }
  .caregiver-card h6{
    font-size: 12px;
    color: #343434;
    line-height: 16px;
    font-weight: 600;
  }

  .caregiver-card p {
    color: #343434 !important;
    font-size: 9px;
  }

  .caregiver-online-status{
    height: 17px;
    width: 17px;
    border-radius: 100%;
    margin-top: -60px;
    margin-right: -75px;
    border: 3px solid #E1E1E1;
  }

  .caregiver-online-status-1{
    height: 17px;
    width: 17px;
    border-radius: 100%;
    margin-bottom: -18px;
    margin-left: 150px;
    border: 3px solid #E1E1E1;
  }

  .bg-online {
    background-color: #18E614 !important;

  }

  .bg-grey{
    background-color: #F7F9FA;
  }

  .form-search:focus{
    border: 1px solid #eee;
  }

  table {
    border-collapse:separate;
    border-spacing:0 11px;
    margin-top:-11px;
 }


td {
    border-bottom:0.7px solid #E5E5E5;
    border-style:solid none;
    padding-bottom: 20px !important;
 }
 
 td:first-child {
    border-left-style:solid;
    /* border-top-left-radius:12px;
    border-bottom-left-radius:12px; */
 } 
 
 td:last-child {
    border-right-style:solid;
    /* border-bottom-right-radius:12px;
    border-top-right-radius:12px; */
 }

 .text-left{
    text-align: left !important;
 }

.image-card {
    height: 57px; 
    width: 57px; 
    background-color: #F7F9FA;
    text-align:center; 
    display: flex;
    align-items: center;
    justify-content: center;
}


.btn {
    border-radius: 3px !important;
}

.btn-dark{
    background-color: #022452 !important;
}

.btn-light{
    background-color: #D8E2E3 !important;
}