@import '~assets/scss/_variables.scss';
.project-detail-header{
        height: 183px;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
        text-align:left;
        padding: 0 9px;
        .title{
            color: rgba(0,0,0,0.72);
            font-family: Poppins;
            font-size: 24px;
            font-weight: 500;
            letter-spacing: 0.44px;
            line-height: 35px;
            text-align: left;
        }
        .matList {
            display: inline-block;
        }
        .bredcrumb {
            color:$lightest-gray;
            font-size: 11px;
            letter-spacing: 0.25px;
            line-height: 24px;
            font-weight: 400;
            text-align: left;
        }
        .bredcrumb-link {
            font-size: 11px;
            letter-spacing: 0.25px;
            line-height: 24px;
            font-weight: 400;
            color: $btn-blue;
            padding:0;
            text-align: left;
        }
        .creation-date {
            opacity: 0.72;
            color: $text-dark-color;
            font-size: 12px;
            line-height: 24px;
        }
        .hint-txt {
            color: rgba(0,0,0,0.52);
            font-size: 10px;
            font-style: italic;
            font-weight: 300;
        }
        .hint-value {
            color: rgba(0,0,0,0.82);
            font-size: 11px;
            letter-spacing: 0.25px;
        }

    .right-align {
       float: right;
    }
    .left-align {
        float: left;
    }
    .btn-action {
        color: $default-white;
        font-size: 14px;
        font-weight: 400;
        text-align: center;
        box-sizing: border-box;
        height: 37px;
        width: 130.71px;
        border: 1px solid $btn-blue;
        border-radius: 2px;
        background-color: $btn-blue;
        box-shadow: 0 2px 6px 0 rgba(0,0,0,0.12);
        .icon {
            height: 18px;
            width: 24px;
            font-size: 16px;
        }
        .icon-txt {
            color: #FFFFFF;
            font-size: 12px;
            line-height: 18px;
            text-align: center;
        }
    }
    .more {
        float: right;
        text-align: right;
        padding-left: 30px;
        .icon {
        color: rgba(0,0,0,0.52);
        }
    }
}
.mat-headers {
    ::ng-deep .mat-tab-header {
        position: relative;
        bottom: 45px;
        border-bottom: 0px;
    }
    ::ng-deep .mat-tab-labels {
        justify-content: left;
    }
}
::ng-deep .mat-tooltip {
    position: relative;
    border-radius: 3px;
}