.star{color:red}.profile-data-view{padding:2em}.profile-data-view .profile-container{display:grid;grid-template-columns:300px 1fr;-moz-column-gap:20px;column-gap:20px;max-width:1200px;margin:0 auto}.profile-data-view .profile-content .account-card{border-radius:10px}.profile-data-view .profile-content .account-card.is-always-shadow{box-shadow:none;color:#34495e;font-weight:600;border:1px solid #e7e7f7}.profile-data-view .profile-content .account-card .el-card__body{padding:0}.profile-data-view .profile-content .account-card .account-header{padding:20px 20px 10px 20px;border-bottom:.5px solid #e7e7f7}.profile-data-view .profile-content .profile-account-view ul li{position:relative}.profile-data-view .profile-content .profile-account-view ul li.active .list-item-account-menu{background-color:rgba(86,159,242,.062745098)}.profile-data-view .profile-content .profile-account-view ul li.active:after{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background-color:#215fad}.profile-data-view .profile-content .profile-account-view ul li .list-item-account-menu{border:none;font-weight:400;font-size:16px;width:100%;color:#34495e;text-align:left;border-radius:0}.profile-data-view .profile-content .profile-account-view ul li .list-item-account-menu>span{display:flex;align-items:center}.profile-data-view .profile-content .profile-account-view ul li .list-item-account-menu .account-icons img{width:18px;top:1px;padding:0 10px 0 0;position:relative}.profile-data-view .profile-content .profile-account-view ul li .list-item-account-menu:active,.profile-data-view .profile-content .profile-account-view ul li .list-item-account-menu:focus,.profile-data-view .profile-content .profile-account-view ul li .list-item-account-menu:hover{background:rgba(86,203,242,.062745098);color:#34495e}.profile-data-view .right-block{background:#fff;border:1px solid #e7e7f7;border-radius:10px}.profile-data-view .right-block .user-profile-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1.5rem;border-bottom:.5px solid #e7e7f7}.profile-data-view .right-block .user-profile-header h4{font-weight:600;line-height:100%;font-size:1rem;letter-spacing:.5px;text-transform:uppercase;color:#233a73}.profile-data-view .right-block .user-profile-header .edit-details .el-button{font-size:14px;border:none;display:flex;font-weight:500;align-items:center;padding:0;color:#828282}.profile-data-view .right-block .user-profile-header .edit-details .el-button img{margin:-5.5px 0;width:22px}.profile-data-view .right-block .user-profile-header .edit-details .el-button:active,.profile-data-view .right-block .user-profile-header .edit-details .el-button:hover{background-color:transparent}.profile-data-view .right-block .user-Profile-view .left-column .profile-image-details{margin-top:1rem}.profile-data-view .right-block .user-Profile-view .left-column .profile-image-details .profile{text-align:center}.profile-data-view .right-block .user-Profile-view .left-column .profile-image-details .profile .profile-image .el-avatar{width:auto;height:auto;display:table;margin:0 auto}.profile-data-view .right-block .user-Profile-view .left-column .profile-image-details .profile .profile-image .el-avatar img{max-width:175px;-o-object-position:center;object-position:center;-o-object-fit:cover;object-fit:cover;height:175px}.profile-data-view .right-block .user-Profile-view .left-column .profile-image-details .profile .edit-profile-icon{width:25px;position:relative;bottom:16px}.profile-data-view .right-block .user-Profile-view .left-column .profile-image-details .profile .user-name{font-weight:600;font-size:15px;line-height:1.2;color:#233a73;margin-bottom:.25em;text-transform:capitalize}.profile-data-view .right-block .user-Profile-view .left-column .profile-image-details .profile .designation{font-weight:500;font-size:14px;line-height:20px;color:#828282}.profile-data-view .right-block .right-column{border-left:.5px solid #e7e7f7}.profile-data-view .right-block .right-column .profile-data{padding:1rem}.profile-data-view .right-block .right-column .profile-data .each-view{margin-bottom:25px}.profile-data-view .right-block .right-column .profile-data .each-view .label{letter-spacing:.5px;color:#4f4f4f;font-size:14px;margin-bottom:0!important;line-height:20px;font-weight:500}.profile-data-view .right-block .right-column .profile-data .each-view .value{font-size:16px;font-weight:400;margin:0 12px 0 0;line-height:1.4;color:#0a2342;padding:0 15px 0 0;word-break:break-all;text-transform:capitalize}.profile-data-view .right-block .right-column .profile-data .each-view .email-address{text-transform:lowercase!important}.profile-data-view .right-block .right-column .profile-user-data-view{padding:1rem}.profile-data-view .right-block .right-column .profile-user-data-view .each-data-edit label{letter-spacing:.5px;color:#4f4f4f;font-size:14px;margin-bottom:2px!important}.profile-data-view .right-block .right-column .profile-user-data-view .each-data-edit .form-input{margin-bottom:0}.profile-data-view .right-block .right-column .profile-user-data-view .each-data-edit .form-input .el-input__inner{background:#fff;border:.5px solid rgba(86,204,242,.8);box-sizing:border-box;border-radius:3px;height:30px}.profile-data-view .right-block .right-column .profile-user-data-view .each-data-edit .form-input .el-textarea__inner{background:#fff;border:.5px solid rgba(86,204,242,.8);box-sizing:border-box;border-radius:3px}.profile-data-view .right-block .right-column .profile-user-data-view .each-data-edit input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.profile-data-view .right-block .right-column .profile-user-data-view .each-data-edit .date-of-birth .el-form-item__content{line-height:24px;flex:1;position:relative;font-size:14px;min-width:0}.profile-data-view .right-block .right-column .profile-user-data-view .each-data-edit .FormDate{border:.5px solid rgba(86,204,242,.8)}.profile-data-view .right-block .right-column .profile-user-data-view .information-state{margin:5px 0;letter-spacing:.5px;color:#4f4f4f;font-size:16px}.profile-data-view .right-block .right-column .profile-user-data-view .information-state .el-input__inner{background:#fff;border:.5px solid rgba(86,204,242,.8);box-sizing:border-box;border-radius:3px;height:30px}.profile-data-view .right-block .right-column .profile-user-data-view .information-city{margin:5px 0;letter-spacing:.5px;color:#4f4f4f;font-size:16px}.profile-data-view .right-block .right-column .profile-user-data-view .information-city .el-input__inner{background:#fff;border:.5px solid rgba(86,204,242,.8);box-sizing:border-box;border-radius:3px;height:30px}.profile-data-view .footer-btn{text-align:right;grid-column:2/span 1;padding-top:10px}.profile-data-view .footer-btn .el-button{background:#fff;box-sizing:border-box;border-radius:10px;min-height:36px;padding:0 15px;border:none;line-height:4px;color:#4f4f4f}.profile-data-view .footer-btn .el-button.cancel-btn,.profile-data-view .footer-btn .el-button.cancel-btn:active,.profile-data-view .footer-btn .el-button.cancel-btn:hover{background-color:#f24a55;color:#fff}.profile-data-view .footer-btn .el-button.save-btn{background:#215fad;color:#fff}