body{font-family:Arial,Helvetica,sans-serif}input[type=text],input[type=password]{width:100%;padding:12px 10px;margin:5px 0;display:block;border:1px solid #ccc;box-sizing:border-box}input[type=password]{width:100%;padding:12px 10px;margin:5px 0;display:block;border:1px solid #ccc;box-sizing:border-box}.apply{background-color:#f0413c;color:#fff;padding:14px 20px;margin:0 0 5px 0;border:1px solid #ccc;border-radius:5px;cursor:pointer;width:100%}.apply:hover{opacity:.8}.cancel{background-color:gray;color:#fff;padding:14px 20px;margin:0 0 5px 0;border:1px solid #ccc;border-radius:5px;cursor:pointer;width:100%}.cancel:hover{opacity:.8}.imgcontainer{text-align:center;position:relative}img.avatar{width:90%;margin:10px 5px 0 5px}.container{padding:16px;width:100%}span.psw{float:right;padding-top:16px}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:80%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4);padding-top:60px}.modal-content{background-color:#fefefe;margin:5% auto 15% auto;border:1px solid #888;width:80%}.close{position:absolute;right:25px;top:0;color:#000;font-size:35px;font-weight:bold}.close:hover,.close:focus{color:red;cursor:pointer}.animate{-webkit-animation:animatezoom .6s;animation:animatezoom .6s}@-webkit-keyframes animatezoom{from{-webkit-transform:scale(0)}to{-webkit-transform:scale(1)}}@keyframes animatezoom{from{transform:scale(0)}to{transform:scale(1)}}@media screen and (max-width:300px){span.psw{display:block;float:none}.cancelbtn{width:100%}}.loader{display:inline-block;position:relative;top:3px;right:0;border:3px solid #f3f3f3;border-radius:50%;border-top:3px solid #3498db;width:15px;height:15px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}