@import '~assets/scss/_variables.scss';
.project-invite-container {	
    .invite {
        .left-panel {
            border: 1px solid rgba(0,0,0,0.06);
            border-radius: 2px;
            background-color: $circle-color;
            text-align: left;
            .detail {
                padding: 20px;
                .header {
                    color: $lighter-gray;	
                    font-size: 11px;
                    line-height: 24px;
                }
                .title {
                    color: $btn-blue;
                    font-size: 13px;
                    font-weight: 500;
                    line-height: 24px;
                }
                .created-on { 
                    opacity: 0.72;
                    color: $btn-blue;
                    font-size: 12px;
                    line-height: 24px;
                }
            }
            .line {
                box-sizing: border-box;
                height: 2px;
                border: 1px solid rgba(0,0,0,0.06);
            }
            .memeber-list {
                padding: 20px 0 0 20px;
                .header {
                    color: $lighter-gray;	
                    font-size: 11px;
                    line-height: 24px;
                }
                .list {
                    overflow-y: scroll;
                    height: 230px;
                }
            }

        }
        .right-panel{
            text-align: left;
            padding: 95px 20px;
            .title {
                color: $text-dark-color;
                font-size: 18px;
                font-weight: 500;
                line-height: 24px;
            }
            .title-desc {
                color: $text-dark-color;
                font-size: 12px;
                line-height: 24px;
            }
            .select-member {
                padding-top: 20px;
            }
            .mat-form-field{
                color: rgba(0,0,0,0.52);
                font-size: 16px;
                line-height: 24px;
            }
            .full-width {
                width: 100%;
                .emailId {
                    opacity: 0.5;
                    color: #000000;
                    font-size: 10px;
                    line-height: 16px;
                }
                .fullName {
                    opacity: 0.72;
                    color: #000000;
                    font-size: 12px;
                    line-height: 16px;
                }
            }
            
        }

        .right-align {
            padding-top: 20px;
            text-align: right;
        .btn-cancel {
            position: relative;
            right: 75px;
            .cancel-txt {	
                height: 24px;
                width: 158.19px;
                color: $btn-blue;
                font-size: 14px;
                font-weight: 500;
                line-height: 19px;
                text-align: center;
            }
        }
        .btn-create {
            height: 48px;
            width: 171px;
            border-radius: 2px;
            background-color: $btn-blue;
            .btn-txt{
                color: $default-white;
                font-size: 14px;
                font-weight: 500;
                line-height: 19px;
                text-align: center;
            }
        }
    }
    }
}
::ng-deep .mat-dialog-container {
    padding: 0;
}