.list-group-item.active {
  background-color: #ec7500;
  border-color: #ffc107;
}

.list-group-flush>.list-group-item:last-child {
      border-bottom-width: 1px !important;
}

.notification-list--unread:hover {
    background-color:#f9f9f9;
    cursor:pointer;
}

.project_main_title{
    color:#222;
    font-size:18px;
    font-weight:500;
    margin-bottom:10px !important;
}

.project-sub-line{
    font-size:12px;
    color:#a2a29c;
    margin-bottom:5px !important;
}

.project_description{
    font-size:14px;
    color:#403e3e;
    margin-bottom:10px !important;
}

.badge-project .badge{
    padding:5px 8px !important;
    border-radius:10px;
}

.no-record-img{
    margin-top:50px;
      text-align:center;
}
.no-record-img img{
    text-align:center;
    width:20%;
}

.no-record-txt{
    text-align:center;
    margin-top:20px;
}
.material-icons {
  font-size: 22px;
  vertical-align: middle;
}

.mi_dash {
  font-size: 35px !important;
}


.sectionBorder{
    border:1px solid rgba(0, 0, 0, .125);
    border-radius: 8px;
}

.profile_name_link{
    color:#4b4343;
}

.profile_name_link:hover{
    color:#0c0a0a;
}

.mi_order {
  font-size: 22px !important;
}


a.active {
border-bottom: 2px solid #ec7500;
}


.nav-pills .nav-link.active {
color: black;
background-color: white;
border-radius: 0.5rem 0.5rem 0 0;
font-weight: 600;
}

/*.tab-content {
padding-bottom: 1.3rem;
}*/
.card {
border-radius: 8px;
}

#daTable_wrapper {
width: 100%;
}



.notification-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px;
    margin-bottom: 7px;
    background: #fff;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
}

.notification-list--unread {
    border-left: 2px solid #ec7500;
}

.notification-list .notification-list_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.notification-list .notification-list_content .notification-list_img img {
    height: 48px;
    width: 48px;
    border-radius: 50px;
    margin-right: 20px;
}

.notification-list .notification-list_content .notification-list_detail p {
    margin-bottom: 5px;
    line-height: 1.2;
}

.notification-list .notification-list_feature-img img {
    height: 48px;
    width: 48px;
    border-radius: 5px;
    margin-left: 20px;
}