.header {
    box-shadow: 0px 2px 5px rgba(0,0,0,0.03);
}
/*.header-bg-bright {
    background: rgb(27, 85, 226);
}
    .header-bg-bright .nav-tabs .nav-link{
        color:#fff;
        /* text-transform: unset; 
    }*/


.page-name {
    margin-bottom: 0px;
    font-size: 23px;
    line-height: 1.1;
}

.element-box {
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 0px 2px 4px rgba(126,142,177,0.12);
    border: none;
    box-shadow: 0 7px 11px 0 rgba(59, 65, 94, 0.08), 0 3px 4px 0 rgba(0,0,0,.07);
}

.element-header {
    border-bottom: 1px solid rgba(0,0,0,0.05);
    padding-bottom: 1rem;
    margin-bottom: 2rem;
    position: relative;
    z-index: 1;
}

    .element-header:after {
        content: "";
        background-color: #2196F3;
        width: 25px;
        height: 4px;
        border-radius: 0px;
        display: block;
        position: absolute;
        bottom: -3px;
        left: 16px;
    }

.element-header-pending {
    border-bottom: 1px solid rgba(0,0,0,0.05);
    padding-bottom: 1rem;
    margin-bottom: 2rem;
    position: relative;
    z-index: 1;
}

    .element-header-pending:after {
        content: "";
        background-color: #e60f0f;
        width: 25px;
        height: 4px;
        border-radius: 0px;
        display: block;
        position: absolute;
        bottom: -3px;
        left: 16px;
    }

.element-header-complete {
    border-bottom: 1px solid rgba(0,0,0,0.05);
    padding-bottom: 1rem;
    margin-bottom: 2rem;
    position: relative;
    z-index: 1;
}

    .element-header-complete:after {
        content: "";
        background-color: #07ca47;
        width: 25px;
        height: 4px;
        border-radius: 0px;
        display: block;
        position: absolute;
        bottom: -3px;
        left: 16px;
    }

.profile-tile {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    /* padding-bottom: 1rem; */
    /* margin-bottom: 1rem; */
}

    .profile-tile .profile-tile-box {
        width: 110px;
        text-align: center;
        border-radius: 6px;
        padding: 1.2rem 0.5rem 0.5rem;
        background-color: #fff;
        box-shadow: 0px 2px 4px rgba(126,142,177,0.12);
        text-decoration: none;
        color: #3E4B5B;
        -webkit-transition: all 0.25s ease;
        transition: all 0.25s ease;
        display: block;
    }

    .profile-tile .pt-avatar-w {
        display: inline-block;
        border-radius: 50px;
        overflow: hidden;
    }

    .profile-tile .pt-user-name {
        border-top: 1px solid rgba(0,0,0,0.1);
        padding-top: 0.5rem;
        margin-top: 0.5rem;
        font-size: .63rem;
        text-transform: uppercase;
    }

    .profile-tile .profile-tile-meta {
        -webkit-box-flex: 1;
        flex: 1;
        padding-left: 10px;
    }

        .profile-tile .profile-tile-meta ul {
            list-style: none;
            font-size: .7rem;
            text-transform: uppercase;
            color: rgba(0,0,0,0.4);
            margin: 0px;
            padding: 0px;
        }

            .profile-tile .profile-tile-meta ul li {
                margin-bottom: 3px;
            }

            .profile-tile .profile-tile-meta ul strong {
                color: #3E4B5B;
                margin-left: 5px;
            }

    .profile-tile .pt-btn {
        margin-top: 0px;
        display: inline-block;
    }

.project-name {
    border-bottom: 1px dashed #eee;
    padding-bottom: 5px;
}

.list-member {
    font-size: 0.8rem;
}

    .list-member li:first-child {
        color: #9C27B0;
        font-weight: 600;
    }

.team-lead {
    color: #9C27B0;
    font-weight: 600;
}

.team-members {
    display: inline-flex;
    flex-wrap: wrap;
    list-style: none;
    margin-bottom: 20px;
    padding: 0;
}

    .team-members > li > a {
        border: 0px solid #fff;
        border-radius: 10%;
        display: block;
        height: 30px;
        overflow: hidden;
        width: 30px;
        /* border: 2px solid #eee; */
        box-shadow: 0px 0px 0px 2px #fff, 1px 1px 5px rgba(0,0,0,0.8);
    }

    .team-members > li:first-child a {
        margin-left: 0;
    }

    .team-members img {
        width: 100%;
    }

.task-title {
    font-size: 17px;
    padding: 1rem;
    margin-bottom: 0rem;
    /* margin-left: 10px; */
}

.task-list {
    border: none;
    box-shadow: none;
    border-bottom: 1px dashed #eeeeee;
    margin-bottom: 0px;
}

    .task-list:last-child {
        border-bottom: none;
    }

    .task-list .card-body {
        padding: 1rem;
    }

        .task-list .card-body .card-title {
            margin-bottom: 1rem;
        }

.progress-title {
    font-size: 10px;
    color: #dadada;
    letter-spacing: 0.8px;
}

.progress {
    margin-bottom: 5px;
}

.btn-add-task {
    background: white;
    border: none;
    color: #333;
    margin-bottom: 10px;
    padding: 12px 12px;
    border-radius: 10px;
    box-shadow: 1px 2px 6px 0 rgba(59, 65, 94, 0), 0 3px 6px 0 rgba(0,0,0,.07);
}

    .btn-add-task:hover {
        color: #fff;
        background-color: #9C27B0;
        border-color: #9C27B0;
    }

    .btn-add-task i {
        color: #fff;
        background: #9C27B0;
        padding: 3px;
        border-radius: 5px;
        font-size: 15px;
        margin-left: 5px;
    }

.breadcrumb {
    background: transparent;
    padding: 0.5rem 0;
    margin-bottom: 0;
    border-bottom: dashed 1px #eee;
    margin-bottom: 9px;
}

.welcome {
    background: transparent;
    /* background-image: url(https://image.freepik.com/free-vector/modern-productivity-concept-with-flat-design_23-2147972848.jpg); */
    /* background-position:right; */
    box-shadow: none;
    border: none;
    /* background-size: cover; */
}

.welcome-profile {
    background: #9C27B0;
    padding: 18px 16px;
    color: #ffffff;
    border-radius: 5px;
    /* border-bottom: 1px #eee dashed; */
    background: linear-gradient(100deg, #415ce0, #e877f8);
    box-shadow: 0px 2px 4px rgba(126,142,177,0.12);
    text-align: center;
    background: url(https://www.toptal.com/designers/subtlepatterns/patterns/bush.png);
    /* text-align: center; */
    background: url(https://www.toptal.com/designers/subtlepatterns/patterns/oriental-tiles.png);
}

    .welcome-profile h2 {
        maRGIN-Bottom: 5px;
    }

    .welcome-profile h6 {
        color: #ffffff;
        margin-bottom: 0px;
    }

.project-box {
    background: transparent;
    box-shadow: none;
    border: 1px dashed #eee;
}

.profile-box {
    padding: 10px 13px;
    background: transparent;
    border: 1px dashed #eee;
    box-shadow: none;
}

.dashboard-card-title {
    border-bottom: 1px dashed #eee;
    padding-bottom: 10px;
}

.project-involve {
    background: #ffffff;
    border: none;
    box-shadow: 0px 2px 4px rgba(126,142,177,0.12);
    /* text-align: center; */
}

.today {
    background: #967ADC;
    color: #fff;
}

.today-task {
    margin-bottom: 6px;
    border-bottom: 1px #0000000f dashed;
    padding-bottom: 5px;
    font-size: 1rem;
}

.today-task-subtitle {
    color: aliceblue;
    margin-bottom: 3px;
    font-size: 13px;
}

.btn-today {
    color: #fff;
    background-color: #b9a7e8;
    border-color: #b9a7e8;
}

.btn-view-project {
    color: #fff;
    background-color: #2196F3;
    border-color: #2196F3;
    margin-top: 5px;
}


[data-tooltip] {
    display: inline-block;
    position: relative;
    cursor: help;
    padding: 4px;
}
    /* Tooltip styling */
    [data-tooltip]:before {
        content: attr(data-tooltip);
        display: none;
        position: absolute;
        background: #000;
        color: #fff;
        padding: 4px 8px;
        font-size: 14px;
        line-height: 1.4;
        min-width: 100px;
        text-align: center;
        border-radius: 4px;
    }
/* Dynamic horizontal centering */
[data-tooltip-position="top"]:before,
[data-tooltip-position="bottom"]:before {
    left: 50%;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
/* Dynamic vertical centering */
[data-tooltip-position="right"]:before,
[data-tooltip-position="left"]:before {
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

[data-tooltip-position="top"]:before {
    bottom: 100%;
    margin-bottom: 6px;
}

[data-tooltip-position="right"]:before {
    left: 100%;
    margin-left: 6px;
}

[data-tooltip-position="bottom"]:before {
    top: 100%;
    margin-top: 6px;
}

[data-tooltip-position="left"]:before {
    right: 100%;
    margin-right: 6px;
}

/* Tooltip arrow styling/placement */
[data-tooltip]:after {
    content: '';
    display: none;
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
/* Dynamic horizontal centering for the tooltip */
[data-tooltip-position="top"]:after,
[data-tooltip-position="bottom"]:after {
    left: 50%;
    margin-left: -6px;
}
/* Dynamic vertical centering for the tooltip */
[data-tooltip-position="right"]:after,
[data-tooltip-position="left"]:after {
    top: 50%;
    margin-top: -6px;
}

[data-tooltip-position="top"]:after {
    bottom: 100%;
    border-width: 6px 6px 0;
    border-top-color: #000;
}

[data-tooltip-position="right"]:after {
    left: 100%;
    border-width: 6px 6px 6px 0;
    border-right-color: #000;
}

[data-tooltip-position="bottom"]:after {
    top: 100%;
    border-width: 0 6px 6px;
    border-bottom-color: #000;
}

[data-tooltip-position="left"]:after {
    right: 100%;
    border-width: 6px 0 6px 6px;
    border-left-color: #000;
}
/* Show the tooltip when hovering */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
    display: block;
    z-index: 50;
}