.images{display:flex;flex-wrap:wrap;margin-top:20px}.images .img,.images .pic{border-radius:4px;flex-basis:31%;margin-bottom:10px}.images .img{align-items:center;background-position:50%;background-size:cover;cursor:pointer;display:flex;height:93px;justify-content:center;margin-right:10px;overflow:hidden;position:relative;width:112px}.images .img:nth-child(3n){margin-right:0}.images .img span{display:none;text-transform:capitalize;z-index:2}.images .img:after{border-radius:4px;content:"";height:100%;opacity:0;position:absolute;transition:opacity .1s ease-in;width:100%}.images .img:hover:after{background-color:#000;display:block;opacity:.5}.images .img:hover span{color:#fff;display:block}.images .pic{align-self:center;background-color:#f5f7fa;color:#848ea1;cursor:pointer;font-size:12px;padding:40px 0;text-align:center;text-transform:uppercase}.btn-danger,.btn-success{padding:10px}.avatar-upload{position:relative}.avatar-upload .avatar-edit{left:80px;position:absolute;z-index:1}.avatar-upload .avatar-edit input{display:none}.avatar-upload .avatar-edit input+label{background:#0e3c8a;border:1px solid transparent;border-radius:100%;box-shadow:0 2px 4px 0 rgba(0,0,0,.12);color:#fff;cursor:pointer;display:inline-block;font-weight:400;height:34px;margin-bottom:0;transition:all .2s ease-in-out;width:34px}.avatar-upload .avatar-edit input+label:hover{background:#0e3c8a;border-color:#d6d6d6}.avatar-upload .avatar-edit input+label .font-medium-2{color:#fff;left:0;margin:auto;position:absolute;right:0;text-align:center;top:10px}.avatar-upload .avatar-preview{border:6px solid #0e3c8a;border-radius:100%;box-shadow:0 2px 4px 0 rgba(0,0,0,.1);height:120px;position:relative;width:120px}.avatar-upload .avatar-preview>div{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:100%;height:100%;width:100%}.upload{background:#fff;display:flex;flex-flow:column nowrap;}.upload h1{font-size:1.5rem;font-weight:400;margin:0 0 10px}.upload__description{color:#97999b;margin:0 0 10px}.upload__input{font:1rem/1.5;font-weight:400;width:100%}.upload__files{display:flex;flex-flow:row wrap;margin:10px 0 0;padding:0;width:100%}.upload__files :nth-child(3n){margin-right:0}.preview{background:#e5e7e9;margin:0 10px 10px 0;padding:10px 10px 5px;width:calc(33.33333% - 6.66667px)}.preview__thumb{align-items:center;background:#fff;border:1px solid #97999b;display:flex;flex:0 0 100%;height:80px;justify-content:center;margin:0 0 10px}.preview__thumb img,.preview__thumb video{max-height:78px;max-width:100%}.preview__name,.preview__type{display:inline-block;font-size:.8571rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.preview__name{font-weight:700}input[readonly]{background-color: #f6f6f6;}