.demo-camera-icon,.demo-wrapper,.x-file-input{text-align:center}.custom-class label{background:#34495e;padding:10px;color:#fff;border-radius:5px}.custom-class label:hover,.x-file--input:focus+label{background-color:#2C3E50}.demo-wrapper{width:80%;max-width:600px;margin:60px auto auto;background-color:#f3f3f3;padding:30px;font-family:helvetica;border-radius:3px}.demo-camera-icon{font-size:40px;color:#34495e;padding:10px}.demo-photo-preview{width:200px;height:200px;background-size:cover;background-repeat:no-repeat;margin:auto;border-radius:100%;border:1px solid #d3d3d3}.file-name,.photo-name{padding:8px;margin-top:12px}.photo-name{border:1px solid #d3d3d3;border-radius:5px;color:#d3d3d3}.file-name{border:1px solid #34495e;border-radius:5px;color:#34495e}.photo-name label:hover{border:1px solid #34495e;color:#34495e}.fa{font-size:50px}