.card-box {
   background-color: #fff;
   padding: 1.5rem;
   -webkit-box-shadow: 0 0.75rem 6rem rgba(56,65,74,.03);
   box-shadow: 0 0 0 1px rgba(63,63,68,.05), 0 1px 3px 0 rgba(63,63,68,.15);
   margin-bottom: 24px;
   border-radius: .25rem;
}

.avatar-lg {
   height: 4.5rem;
   width: 40%;
}

.nav-pills .nav-link {
   border-radius: .25rem;
}

.navtab-bg li>a {
   background-color: #f7f7f7;
   margin: 0 5px;
}

.btn-pink {
   color: #fff;
   background-color: #dc3f9f;
   border-color: #dc3f9f;
}

.panel-pink >.panel-heading {
   background: #de5d9f;
   color: #fff;
   font-weight: 900;
}

/* business profile css */
.inbox-widget .inbox-item {
   border-bottom: 1px solid #fff;
   overflow: hidden;
   padding: .625rem 0;
   position: relative;
}

.inbox-widget .inbox-item .inbox-item-img {
   display: block;
   float: left;
   margin-right: 15px;
   width: 40px;
}

.inbox-widget .inbox-item .inbox-item-img img {
   width: 40px;
}

.inbox-widget .inbox-item .inbox-item-author {
   color: #323a46;
   display: block;
   margin-bottom: 3px;
}

.inbox-widget .inbox-item .inbox-item-text {
   color: #98a6ad;
   display: block;
   font-size: .8125rem;
   margin: 0;
   overflow: hidden;
}

.inbox-widget .inbox-item .inbox-item-date {
   color: #98a6ad;
   font-size: .6875rem;
   position: absolute;
   right: 5px;
   top: 10px;
}

/* timeline */
.timeline-sm .timeline-sm-item {
   position: relative;
   padding-bottom: 20px;
   padding-left: 40px;
   border-left: 2px solid #dee2e6;
}

.timeline-sm .timeline-sm-item .timeline-sm-date {
   position: absolute;
   left: -104px;
}

.timeline-sm .timeline-sm-item:after {
   content: "";
   display: block;
   position: absolute;
   top: 3px;
   left: -7px;
   width: 12px;
   height: 12px;
   border-radius: 50%;
   background: #fff;
   border: 2px solid #de5d9e;
}

.timeline-sm {
   padding-left: 110px;
}


.leave-tip {
   border-bottom: 1px solid #d9e0e7;
   margin-bottom: 10px;
}

/* project */
.avatar-group {
   padding-left: 12px;
}

.avatar-group .avatar-group-item {
   margin: 0 0 10px -12px;
   display: inline-block;
   border: 2px solid #fff;
   border-radius: 50%;
}

.avatar-sm {
   height: 2.25rem;
   width: 2.25rem;
}

/*  */

.progressbar {
   width: 150px;
   height: 150px;
   background: none;
   position: relative;
}

.progressbar::after {
content: "";
width: 100%;
height: 100%;
border-radius: 50%;
border: 6px solid #eee;
position: absolute;
top: 0;
left: 0;
}

.progressbar>span {
width: 50%;
height: 100%;
overflow: hidden;
position: absolute;
top: 0;
z-index: 1;
}

.progressbar .progressbar-left {
left: 0;
}

.progressbar .progressbar-bar {
width: 100%;
height: 100%;
background: none;
border-width: 6px;
border-style: solid;
position: absolute;
top: 0;
}

.progressbar .progressbar-left .progressbar-bar {
left: 100%;
border-top-right-radius: 80px;
border-bottom-right-radius: 80px;
border-left: 0;
-webkit-transform-origin: center left;
transform-origin: center left;
}

.progressbar .progressbar-right {
right: 0;
}

.progressbar .progressbar-right .progressbar-bar {
left: -100%;
border-top-left-radius: 80px;
border-bottom-left-radius: 80px;
border-right: 0;
-webkit-transform-origin: center right;
transform-origin: center right;
}

.progressbar .progressbar-value {
position: absolute;
top: 0;
left: 0;
}

.border-warning {
   border-color: #ffc107!important;
}

.rounded-lg {
   border-radius: 1rem;
}