.imgProfile { width: 200px; height: 200px; border: 1px solid #ccc; border-radius: 20px 20px 0 0; } input,select { font-size: 12px; background-color: #f9f9f9; border: 2px solid #bda380; } .imgProfile { width: 70px; height: 70px; border-radius: 20px 20px 0 0; border-radius: 50%; border: 1px solid #ccc; } .imgContainer { width: 200px; position: relative; border-radius: 20px; margin: 30px auto; } .iconUpload-w { width: 30px; font-size: 1.25em; font-weight: 700; color: #252525; display: inline-block; border-radius: 0 0 20px 20px; position: absolute; border: 1px solid #ccc; border-radius: 50%; bottom: -9px; right: 41%; } .inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } /* .inputfile + label { width: 100%; font-size: 1.25em; font-weight: 700; color: #252525; background-color: transparent; display: inline-block; border: 1px solid #ccc; border-radius: 0 0 20px 20px; } */ .inputfile:focus + label, .inputfile + label:hover { background-color: #00a99d; color: #fff; } .inputfile + label { cursor: pointer; /* "hand" cursor */ } .inputfile:focus + label { outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px; } .regesterBtn-w { width: 200px; display: block; margin: 20px auto; } .inlineBlock-w { display: inline-block !important; float: right !important; margin: 40px 0 !important; } .ql-container { min-height: 100px !important; }