.user-page {
        height: calc(100vh - 98px) !important;
        min-height: calc(100vh - 98px) !important;
        max-height: calc(100vh - 98px) !important;
        position: relative;
        overflow: hidden;
    }

    main .user-page .tabbed md-tabs md-tabs-content-wrapper md-tab-content {        
        min-height: calc(100vh - 349px);
    }
    
    .user-page .header {
        position: relative;
        overflow: hidden;
        height: 200px;
    }
    
    .user-page .header .bg-img {
        position: absolute;
        left: -10%;
        top: -10%;
        background-size: cover;
        background: url(../dist/imgs/profileBG_origin.jpg) 0 0 no-repeat;
        width: 120%;
        max-width: 120%;
        height: 120%;
        -webkit-filter: blur(10px);
        -moz-filter: blur(10px);
        -o-filter: blur(10px);
        -ms-filter: blur(10px);
        filter: blur(10px);
    }
    
    .user-page .header * {
        color: #fff;
    }
    
    .user-page .header .content {
        background: linear-gradient(141deg, #1544418f 0%, #328e985c 51%, #081c33a3 75%);
        z-index: 10;
    }
    
    .user-page .header .content .badge {
        background: rgb(8, 28, 51);
        color: rgb(255, 255, 255);
        padding: 15px 50px;
        font-size: 13px;
        letter-spacing: 1px;
        font-weight: 400;
        box-shadow: none;
    }
    
    .user-page .user-img {
        padding: 10px;
        background-color: rgba(255, 255, 255, .3);
        border-radius: 100%;
        width: 75px;
    }
    
    .user-page md-list-item h4,
    .user-view md-list-item h4 {
        margin: 0;
        line-height: 1.5;
    }
    
    .user-page md-list md-list-item p,
    .user-view md-list md-list-item p {
        margin: 0;
        line-height: 1.5;
        font-size: 13px;
        color: #a59a9a;
    }
    
    .user-page md-list md-list-item:hover {
        background-color: #f5f5f5;
    }
    
    .user-page md-list md-list-item button {
        margin: 0;
        padding: 0;
        width: 40px;
        min-width: 40px;
    }
    
    .user-page form,
    .user-page md-content,
    .user-page md-card {
        box-shadow: 0 4px 36px rgba(12, 54, 173, 0.1);
        border: solid 1px #dadef3;
    }
    
    .user-page form md-input-container input,
    .user-page form md-input-container input:focus,
    .user-page form md-input-container md-select {
        border: solid 1px #e6e7ef;
        padding: 0 10px!important;
        color: #313131!important;
        height: 45px;
        line-height: 45px;
        background: #fff!important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, .1) !important;
        border-radius: 5px;
    }
        .user-page form md-input-container input[disabled],
        .user-page form md-input-container md-select[disabled] {
            background: #e2e3eb !important;
            box-shadow: none !important;
            border-radius: 0px;
        }
    .user-page form md-input-container label:not(.md-no-float):not(.md-container-ignore),
    .user-page form md-input-container .md-placeholder,
    .user-page form .md-select-value.md-select-placeholder {
        font-weight: 300;
        margin-left: 10px;
        color: #70768a;
    }
    
    .user-page button.btn-action {
        padding: 10px 40px;
        color: #fff;
        border-radius: 10px;
        box-shadow: 0px 3px 22px rgba(0, 0, 0, 0.15)!important;
        background-color: #349ef3!important;
        font-weight: 400;
    }
    
    .user-page button.btn-action:hover {
        box-shadow: 4px 3px 35px rgba(0, 0, 0, 0.2)!important;
    }