.component-avatar-container.medium .component-avatar{width:62px;height:62px;}.component-avatar-container.medium .component-avatar .placeholder i{font-size:30px;}.component-avatar-container.small .component-avatar{width:32px;height:32px;}.component-avatar-container.small .component-avatar .placeholder i{font-size:20px;}.component-avatar{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100px;height:100px;display:block;position:relative;overflow:hidden;}.component-avatar .dz-preview{display:none;}.component-avatar img{width:100%;height:100%;display:none;position:absolute;top:0;left:0;}.component-avatar .placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:table;text-align:center;background-color:#e6e6e6;}.component-avatar .placeholder i{display:table-cell;vertical-align:middle;font-size:36px;font-style:normal;color:#ffffff;}.component-avatar.upload-hint{height:120px;}.component-avatar.upload-hint img,.component-avatar.upload-hint .placeholder{height:-webkit-calc(100% - 20px);height:-moz-calc(100% - 20px);height:calc(100% - 20px);}.component-avatar .upload{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);width:100%;height:100%;display:block;position:absolute;top:0px;left:0px;padding:25px 0 0 0;font-family:500;font-size:12px;line-height:26px;text-align:center;text-decoration:none;color:#3479ef;background-color:rgba(255,255,255,0.8);cursor:pointer;}.component-avatar .upload i{font-size:20px;}.component-avatar .upload .add-photo{display:block;}.component-avatar .upload .update-photo{display:none;}html.no-touch .component-avatar .upload:hover{background-color:rgba(255,255,255,0.7);}.component-avatar .upload:active{background-color:white;}.component-avatar .upload-hint{position:absolute;bottom:0;width:100%;font-family:500;font-size:14px;line-height:14px;text-align:center;text-decoration:none;color:#3479ef;cursor:pointer;}.component-avatar .upload-hint .add-photo{display:block;}.component-avatar .upload-hint .update-photo{display:none;}.component-avatar.uploaded img{display:block;}.component-avatar.uploaded .upload .add-photo{display:none;}.component-avatar.uploaded .upload .update-photo{display:block;}.component-avatar.uploaded .upload-hint .add-photo{display:none;}.component-avatar.uploaded .upload-hint .update-photo{display:block;}html.no-touch .component-avatar.uploading .upload{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);background:rgba(255,255,255,0.7) url("//realocdn.com/assets/19dd76bf23a84994b60f695338a4b60c9b/svg/oval-loader-3479EF.svg") no-repeat center;}.component-avatar.uploading .upload i{display:none;}.component-avatar.uploading .upload .update-photo{display:none;}.component-avatar:hover .upload{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);}.component-avatar:hover .upload-hint{display:none;}.component-avatar.hover .upload{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);}.component-avatar.hover .upload-hint{display:none;}.component-avatar.USER,.component-avatar.AGENT{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}.component-avatar.USER .placeholder,.component-avatar.USER img,.component-avatar.USER .upload,.component-avatar.AGENT .placeholder,.component-avatar.AGENT img,.component-avatar.AGENT .upload{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}.component-avatar.AGENCY{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.component-avatar.AGENCY .placeholder,.component-avatar.AGENCY img,.component-avatar.AGENCY .upload{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.component-avatar.USER_NEW{width:122px;height:122px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}.component-avatar.USER_NEW .placeholder,.component-avatar.USER_NEW img,.component-avatar.USER_NEW .upload{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}.component-avatar.USER_NEW .placeholder{background-color:#ffffff;border:2px solid #f4f4f4;}.component-avatar.USER_NEW .placeholder .placeholder-img{display:block;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;width:80px;height:80px;left:50%;margin-left:-40px;top:8px;}.component-avatar.USER_NEW:hover .upload,.component-avatar.USER_NEW.hover .upload{border:2px solid #f4f4f4;}.component-avatar.USER_NEW.uploaded{width:122px;height:122px;}.component-avatar.USER_NEW.uploaded .placeholder{display:none;}.component-avatar.USER_NEW.uploaded fieldset{width:120px;height:120px;border:2px solid #f4f4f4;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}.component-avatar.USER_NEW.uploaded fieldset img{width:106px;height:106px;top:7px;left:7px;border:0;}@media only screen and (min-width:768px) and (max-width:991px){.component-avatar-container.responsive .component-avatar{width:62px;height:62px;}.component-avatar-container.responsive .component-avatar .placeholder i{font-size:30px;}}@media only screen and (max-width:767px){.component-avatar-container.responsive .component-avatar{width:32px;height:32px;}.component-avatar-container.responsive .component-avatar .placeholder i{font-size:20px;}}