.hidden{display:none!important}.notes-wrap{position:absolute;right:0;width:218px;box-sizing:border-box}.notes-wrap .btn{position:relative;display:block;margin-bottom:4px;padding:8px 10px;color:#fff;background:#3b97d3;font-size:14px;font-family:open_sans;border-radius:2px 2px 0 0;text-decoration:none}.notes-wrap .ok{position:absolute;top:8px;right:6px;display:block;width:18px;height:18px;background:url(/notes/app/images/notes-add-btn.png) no-repeat}.notes-wrap .btn input{background:0 0;border:none;color:#fff;font-size:14px;font-family:open_sans}.notes-wrap .btn input::-webkit-input-placeholder{opacity:1;transition:opacity .3s ease;color:#fff}.notes-wrap .btn input::-moz-placeholder{opacity:1;transition:opacity .3s ease;color:#fff}.notes-wrap .btn input:-moz-placeholder{opacity:1;transition:opacity .3s ease;color:#fff}.notes-wrap .btn input:-ms-input-placeholder{opacity:1;transition:opacity .3s ease;color:#fff}.notes-wrap .btn input:focus::-webkit-input-placeholder{opacity:0;transition:opacity .3s ease}.notes-wrap .btn input:focus::-moz-placeholder{opacity:0;transition:opacity .3s ease}.notes-wrap .btn input:focus:-moz-placeholder{opacity:0;transition:opacity .3s ease}.notes-wrap .btn input:focus:-ms-input-placeholder{opacity:0;transition:opacity .3s ease}.notes-wrap .note{position:relative;margin-bottom:4px;padding:20px 10px;background:#edf0f1;border-radius:2px}.notes-wrap .note .del{position:absolute;top:8px;right:6px;display:block;width:12px;height:10px;background:url(/notes/app/images/notes-del-btn.png) no-repeat}.notes-wrap .note p{margin:0;color:#333;line-height:13px;font-size:11px;font-family:open_sans_semibold}.notes-wrap .note .input,.notes-wrap .note.editing p{display:none}.notes-wrap .note.editing .input{display:block}
/*
     */
/*
*/