body.overflow3,body.overflow2{overflow:hidden}#mark > .left{display:none}#notes-div .desc::-webkit-scrollbar,#notes-div .folders ul::-webkit-scrollbar{width:6px}#notes-div .desc::-webkit-scrollbar-thumb,#notes-div .folders ul::-webkit-scrollbar-thumb{background-color:#c2cde1 !important;border-radius:3px;background-image:none}#notes-div{display:flex;margin:20px auto}#notes-div .left{margin-right:30px;padding-left:14px;position:relative;min-width:235px;left:0px}#notes-div .right{width:80%;position:relative;margin:50px auto}#notes-div .left .fixed{overflow-y:auto;display:flex;flex-direction:column;z-index:0;bottom:0px;top:10px;background:white;gap:40px}#notes-div .left ul{overflow-y:auto;margin-bottom:auto;padding-left:0px;flex:1;overflow-x:hidden}#notes-div .left p{color:#a6a4a4;font-weight:500;padding-left:32px;margin-top:30px}#notes-div .left li{padding:10px;cursor:pointer;list-style:none;width:87%;padding-left:18px;text-transform:capitalize;border-radius:0px 18px 18px 0px;display:flex;gap:10px;align-items:center}#notes-div .left li:hover{background:#f6f5f5}#notes-div .left li.active{background:moccasin}#notes-div .left li i{color:#666464;margin-right:7px}#notes-div .left .actions{margin-top:20px}#notes-div .show-folders{background:#f4f9fd;padding:5px 12px;border-radius:5px;cursor:pointer;font-size:14px;font-weight:500;border:1px solid #2a6aca;color:#2b5fc0;width:170px;text-align:center;margin:-12px auto 20px 30px;display:none}#notes-div .left .title{display:none}#notes-div .left .cross{cursor:pointer;text-align:right;position:absolute;right:20px;font-size:22px;top:20px}#mark #add-note{border-radius:12px;box-shadow:0px 0px 4px 0px #9cb6dd;margin:auto;width:80%;max-width:531px;box-shadow:0 1px 2px 0 rgba(60,64,67,0.302),0 2px 6px 2px rgba(60,64,67,0.149);box-shadow:0px 1px 5px 0px rgba(60,64,67,0.302),0 2px 7px 1px rgba(60,64,67,0.149);overflow:hidden;position:relative}#add-note .take{font-weight:500;color:grey;font-size:18px;width:100%;display:inline-block;padding:4px 30px;padding-bottom:7px;cursor:text}#add-note .plus{font-size:24px}#add-note .write{display:none;padding-left:25px;padding-top:14px;overflow:hidden}#add-note .title::placeholder,.expanded-note .title::placeholder{font-size:18px;font-weight:500}#add-note [contenteditable="true"]:empty:before,.expanded-note [contenteditable="true"]:empty:before{content:attr(placeholder);pointer-events:none;display:block}#add-note .desc::placeholder,.expanded-note .desc::placeholder{font-size:16px;color:#817d7d}#add-note .title,#add-note .desc,.expanded-note .title,.expanded-note .desc{display:block;border:none;width:100%;color:#454444}#add-note .title,.expanded-note .title{font-size:19px;font-weight:500;line-height:1.5}#notes-div #add-note .title{line-height:1.2}#acts #add-note .title{text-align:left;padding-left:5px;font-weight:600;color:#454444}#add-note textarea,#add-note .desc{min-height:70px;color:#585858;margin-top:12px;margin-bottom:35px;height:59%;max-height:300px;overflow-y:auto;display:inline-block}#add-note .desc{height:auto}.expanded-note .desc{min-height:70px;color:#585858;margin-top:21px;margin-bottom:12px;display:inline-block;bottom:-10px;line-height:1.5}#add-note .title:focus-visible,#add-note .desc:focus-visible,.expanded-note .title:focus-visible,.expanded-note .desc:focus-visible{border:none;outline:none}#add-note .actions,.expanded-note .actions{text-align:right;margin-bottom:9px;padding-top:9px;margin-left:-25px;width:105%;padding-right:11px;box-shadow:0px -2px 4px 0px rgba(0,0,0,0.1)}#add-note .actions > span,.expanded-note .actions > span,#notes-div .note .actions > span{color:#6f6c6c;padding:5px 10px;margin-right:0px;cursor:pointer;font-weight:500;font-size:15px;border-radius:5px}#notes-div .note.trash .actions > span{padding:5px 5px}#add-note .actions > span:hover,.expanded-note .actions > span:hover,#notes-div .note .actions > span:hover{background:#f3f3f3}#add-note .folder,.notes .note .folder,.expanded-note .folder{margin-bottom:17px;background:#ebebeb;text-align:center;padding:2px 16px;margin-right:9px;border-radius:10px;font-size:13px;display:inline-block;text-transform:capitalize}.notes .note .folder{position:absolute;bottom:20px;left:10px}.notes .note .url{bottom:65px;position:absolute;left:20px}.url a{text-decoration:none;color:#1a5db9}.url a:hover{text-decoration:underline}.expanded-note .folder{position:absolute;bottom:55px;padding:4px 23px;left:16px}.expanded-note .url{position:absolute;bottom:50px;left:25px;font-size:14px}.notes .note .folder.hidden,.expanded-note .folder.hidden,#add-note .folder.hidden{display:none !important}#notes-div .char-count{position:absolute;bottom:47px;color:rgb(87,87,178);text-align:right;right:25px;font-size:13px}#notes-div .folders{background-color:#fff;-webkit-border-radius:2px;border-radius:2px;box-shadow:0 1px 2px 0 rgba(60,64,67,0.302),0 2px 6px 2px rgba(60,64,67,0.149);font-size:13px;max-width:250px;padding-top:11px;position:absolute;width:250px;height:auto;max-height:99%;z-index:3;display:flex;flex-direction:column}#notes-div #add-to-folders{display:none;box-shadow:0 1px 2px 0 rgb(27 99 153 / 30%),0px 0px 4px 1px #c5c1c1;z-index:4}#notes-div .folders .title{border-bottom:1px solid #cacaca;padding-left:15px;padding-bottom:6px;font-size:15px;color:black;font-weight:600}#notes-div .folders ul{margin-top:9px;padding-left:0px;overflow-y:auto;height:65%;max-height:283px;min-height:110px;overflow-x:hidden}#notes-div #add-to-folders.folders ul{max-height:120px}#notes-div .folders li{width:87%;display:flex;font-size:14px;padding:5px 10px;padding-left:24px;align-items:center;text-transform:capitalize;cursor:pointer}#notes-div .folders p{font-weight:500;color:#949191;font-size:17px;width:60%;margin:auto;margin-top:30px;margin-bottom:20px;text-align:center;line-height:1.8}#notes-div .folders input[type="checkbox"]{width:20px;margin-top:0px;height:15px;margin-right:13px;cursor:pointer}#notes-div .folders .save{text-align:center;width:60%;margin:auto;background:#ffdb99;padding:2px;margin-bottom:10px;border-radius:4px;cursor:pointer}#notes-div #edit-folders{display:none}#notes-div #edit-folders{background-color:white;width:300px;max-width:60%;min-height:50%;height:auto;max-height:80%;border-radius:0px;z-index:+4;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);padding-bottom:35px;overflow:hidden}#notes-div #edit-folders .title{padding:10px 29px;padding-top:4px}#notes-div #edit-folders li{font-size:15px;padding:9px;width:auto;padding-left:65px;position:relative;text-transform:capitalize}#edit-folders input,#add-to-folders input{border:none}#edit-folders input:focus-visible,#add-to-folders input:focus-visible{outline:none;border-bottom:1px solid grey}#edit-folders li i{color:#908e8e;font-size:15px;position:absolute;padding:6px 7px;text-align:center;border-radius:50%;cursor:pointer}#edit-folders li i:hover{background:#eeeeee}#add-to-folders li:hover{background:#f4f4f4}#edit-folders .fa-folder,#edit-folders .fa-trash{left:26px}#edit-folders .fa-pen,#edit-folders .fa-check{right:5px}#edit-folders .fa-trash,#edit-folders .fa-check{display:none}#notes-div #edit-folders .create,#add-to-folders .create{padding:2px;margin-bottom:0px;text-align:center;border-top:1px solid #bbb9b9}#notes-div #edit-folders .create{position:absolute;bottom:-5px;width:98.7%;background:white;padding-top:0px}#add-to-folders .create{padding-top:0px;padding-bottom:4px}#notes-div #edit-folders .create button,#add-to-folders .create button{width:67px;border:none;padding:4px;background:#ffedcd}#add-to-folders .create button{width:50px;border-radius:4px;padding:3px;cursor:pointer}#notes-div #edit-folders .create .plus,#add-to-folders .create .plus{font-size:23px;margin-right:4px;color:#514f4f;margin-left:6px;cursor:pointer}#add-to-folders .create .plus{font-size:21px;margin:0px;margin-left:9px}#notes-div #edit-folders .create input,#add-to-folders .create input{margin-right:10px;display:inline;width:52%}#add-to-folders .create input{margin-right:3px;width:58%}#empty-div{text-align:center;margin-top:20px;font-size:17px;font-style:italic;display:none}#empty-div .empty{border:none;margin-left:15px;font-size:14px;padding:5px 15px;border-radius:4px;background:#e6f2fb;color:#4271e1;cursor:pointer;font-weight:500}#empty-div .empty:hover{background:#deeefb}#mark #delete-folder,#mark #delete-note,#mark #empty-delete-div,#notes-div #delete-note{display:none;padding:3px 0px 9px 0px;z-index:5;min-height:100px}#mark #delete-folder .folder-title,#mark #delete-note .folder-title{text-transform:capitalize}#mark #delete-folder button,#delete-note button,#mark #empty-delete-div button{padding:6px 23px;margin-top:0px;border:none;border-radius:6px;cursor:pointer}#mark #delete-folder .cancel,#delete-note .cancel,#mark #empty-delete-div .cancel{margin-left:44%;background:white}#mark #delete-folder .delete,#delete-note .delete,#mark #empty-delete-div .empty{background:white;color:#1e59c8;margin-left:2px}#mark #delete-folder button:hover,#delete-note button:hover,#mark #empty-delete-div button:hover{background:#efefef}#notes-div .notes{margin-top:30px;display:flex;flex-wrap:wrap;align-content:flex-start;align-items:flex-start}#notes-div .note{overflow:hidden;max-height:185px;border:1px solid #cecece;width:23%;min-width:175px;min-height:200px;border-radius:10px;margin:10px;padding:6px 15px;display:inline-block;position:relative;word-wrap:break-word}#notes-div .note .title{font-weight:500;color:#464646;margin-bottom:5px;margin-top:3px;font-size:18px}#notes-div .note .desc{font-size:14.5px;color:#504e4e}#notes-div .note .long-desc,#notes-div .note .long-title{display:none}#notes-div .note:hover{box-shadow:0 1px 2px 0 rgba(60,64,67,0.302),0 1px 3px 1px rgba(60,64,67,0.149)}#notes-div .note .bottom,#notes-div .note .actions{position:absolute;bottom:0px;left:0px;width:100%;text-align:center;font-size:14px;box-shadow:none;color:#636161;background:white;padding-bottom:0px;height:80px;padding-top:7px;background:white}#notes-div .note .actions{height:20px;padding-bottom:11px;padding-top:0px}#notes-div .note .actions .choose{gap:5px}#notes-div .note.keep-hover-state{box-shadow:0 1px 2px 0 rgb(27 99 153 / 30%),0px 0px 4px 0px #4b8af5}#notes-div .note.keep-hover-state .bottom,#notes-div .note.keep-hover-state .actions,#notes-div .note.keep-hover-state{background:#edf7ff}#notes-div .note.keep-hover-state .actions span{display:inline-flex}#notes-div .note .actions > span{font-weight:400;font-size:14px;margin-right:5px;font-weight:500;color:#727887;display:inline-flex}#notes-div .note .actions > span i,.expanded-note .actions span > i{margin-right:4px;color:#5980c6}.expanded-note{background-color:white;max-width:591px;width:80%;height:80%;min-height:54%;max-height:360px;border-radius:10px;z-index:+3;position:fixed;left:50%;top:50%;background:white;transform:translate(-50%,-50%);padding:0px 0px 75px 25px;display:none}.expanded-note .cross{position:absolute;right:12px;top:6px;padding:7px 13px;border-radius:50%;font-size:20px;cursor:pointer;color:#6f6c6c}.expanded-note .cross:hover{background:#eeeded}.expanded-note .full{position:relative;height:82%;padding-right:8px;overflow-y:auto;padding-top:20px}.expanded-note textarea{overflow-y:auto;height:58%}.expanded-note .actions{width:98%;box-shadow:-1px -3px 4px 0px rgb(0 0 0 / 10%);padding-top:12px;position:absolute;bottom:4px;left:26px}.expanded-note .title::placeholder{font-size:21px}.expanded-note .save{color:#d48f0e}.notes_link{position:fixed;background:#393838;color:white;border-radius:5px;padding:4px 9px;font-size:13px;cursor:pointer;z-index:4;display:none}#acts #notes-div .notes_link{margin:0px}.notes_link a{color:white;text-decoration:none}@media screen and (max-width:800px){#notes-div .left{position:fixed;background:white;left:-300px;width:280px;z-index:3;top:0px;font-family:sans-serif;height:100%;transition:left 0.5s;padding-left:0px;margin:0px;overflow:hidden}#notes-div .left .title{display:block;margin:0px;background:#4995de;color:white;font-size:19px;padding:22px;font-weight:normal}#notes-div .left ul{position:absolute;top:60px;left:0;right:0;max-height:66%;overflow-y:auto;height:auto}#notes-div .left .actions{margin-top:20px;position:absolute;width:100%;bottom:20px}#notes-div .show-folders{display:block}#notes-div .right{width:100%;position:relative}#mark #add-note{width:94%}#add-note .actions{margin-left:-55px;line-height:1.5;width:108%}.expanded-note .title{width:90%}.expanded-note .cross{right:0px}.expanded-note .desc{max-height:70%}}@media screen and (max-width:490px){#notes-div .notes{justify-content:center}#notes-div .note{min-width:80%;min-height:150px;height:auto;max-height:220px;padding:10px 15px}.notes .note .folder{left:30px}#notes-div .note .actions span{display:inline-flex}#add-note .actions{margin-left:-28px;line-height:1.7;margin-bottom:3px;padding-top:5px}.expanded-note .full{height:74%}.expanded-note .folder{bottom:77px}.expanded-note .url,#notes-div .char-count{bottom:70px}.expanded-note .actions{width:96%;bottom:1px;margin-bottom:2px;line-height:2;padding-top:5px}#mark #delete-folder .cancel,#mark #delete-note .cancel,#mark #empty-delete-div .cancel{margin-left:20%}#mark .delete-div p{padding:0px 8px}#notes-div .note .title{margin-bottom:11px;font-size:21px}#notes-div .note .actions > span{font-size:15px}#add-note .folder,.notes .note .folder,.expanded-note .folder{font-size:14px}#add-note .title,.expanded-note .title{font-size:21px}.expanded-note .desc{font-size:17px}#add-note .actions > span,.expanded-note .actions > span,#notes-div .note .actions > span{font-size:16px}#notes-div .folders .title{font-size:18px;padding:3px 20px;padding-bottom:10px}#notes-div .folders li{font-size:16px;padding:8px 10px}#notes-div .folders .save{font-size:16px;padding:4px}#add-to-folders .create input{font-size:15px;margin-top:10px}#add-to-folders .create button{padding:7px 0px}#notes-div .show-folders{display:block;font-size:15px;margin:0px auto 20px 22px}#empty-div .empty{font-size:15px;margin-top:10px}#notes-div .note .bottom,#notes-div .note .actions{padding-top:5px}}