@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box}body,input,textarea{font-family:Roboto,sans-serif}.footer{height:60px;display:flex;justify-content:center;align-items:center;background-color:#4d5256;margin-top:auto}.footer a{text-decoration:none;color:#fff}.menu{display:flex;justify-content:space-between;flex-wrap:wrap}.menu_left{margin-top:20px}.menu_left p{font-size:20px;font-style:italic}.menu_rigth{display:flex;margin-top:20px;gap:20px;align-items:center}.menu_rigth a{text-decoration:none;color:#4d5256;font-weight:700}@media (max-width: 600px){.menu .menu_rigth{flex-direction:column;align-items:end}}.filter{padding:7px;outline:0;border:0;font-size:16px;background-color:#fff}.nav{background-color:#4d5256;color:#fff;width:100%}.nav_container{display:flex;justify-content:space-between;max-width:1200px;margin:auto;padding:15px 20px;align-items:center}.nav_container .logo a{font-weight:700;font-size:50px;text-decoration:none;color:#fff}.nav_container button{font-weight:700}.nav_container button .icon{font-size:20px}.container{width:100%;background-color:#ecf0f1;min-height:100vh;display:flex;flex-direction:column}.container .content{width:100%;max-width:1200px;margin:auto;padding:0 20px;min-height:83dvh}.note_grid{display:grid;grid-template-columns:repeat(2,1fr);row-gap:10px;column-gap:50px;margin-bottom:20px}.note_grid_item{margin-top:20px;background-color:#fff;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 0 7px 1px #cacaca56}.note_grid_item h2{text-align:center;margin-bottom:20px;text-wrap:balance;padding:30px 30px 10px}.note_grid_item p{text-wrap:pretty;line-height:26px;min-height:200px;overflow-y:auto;max-height:200px;padding:30px;margin-bottom:20px}.note_grid_item .categories{padding:10px;background-color:#4d5256;color:#fff}.note_grid_item .info{display:grid;grid-template-columns:repeat(2,1fr);background-color:#72d3cf;padding:10px;align-items:center;color:#fff}.note_grid_item .info .action{display:flex;width:100%;justify-content:end;gap:10px}@media (max-width: 850px){.note_grid{grid-template-columns:repeat(1,1fr)}}@media (max-width: 500px){.note_grid .note_grid_item .item_footer .info{grid-template-columns:repeat(1,1fr);gap:15px;text-align:center}.note_grid .note_grid_item .item_footer .info .action{display:flex;justify-content:center}}.loader{--dim: 3rem;width:var(--dim);height:var(--dim);position:relative;animation:spin988 2s linear infinite;margin:50px auto}.loader .circle{--color: #4d5256;--dim: 1.2rem;width:var(--dim);height:var(--dim);background-color:var(--color);border-radius:50%;position:absolute}.loader .circle:nth-child(1){top:0;left:0}.loader .circle:nth-child(2){top:0;right:0}.loader .circle:nth-child(3){bottom:0;left:0}.loader .circle:nth-child(4){bottom:0;right:0}@keyframes spin988{0%{transform:scale(1) rotate(0)}20%,25%{transform:scale(1.3) rotate(90deg)}45%,50%{transform:scale(1) rotate(180deg)}70%,75%{transform:scale(1.3) rotate(270deg)}95%,to{transform:scale(1) rotate(360deg)}}.nodata{text-align:center;font-size:20px;margin-top:50px}.login{position:relative;margin:70px auto auto;width:100%;max-width:500px;display:flex;flex-direction:column;justify-content:center;min-height:200px;background-color:#fff;padding:60px 30px 30px;gap:10px;box-shadow:0 0 7px 1px #cacaca9d}.login_block{display:flex;flex-direction:column}.login_block input{padding:15px 10px;outline:0;border:0;background-color:#ecf0f159;font-size:16px}.login .btn_delete{margin-bottom:-10px}.login_icon{position:absolute;top:-50px;left:50%;transform:translate(-50%);background-color:#72d3cf;width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center}.login_icon .icon{font-size:50px;color:#fff}.logininfo{display:flex;flex-direction:column;background-color:#fff;padding:20px;gap:10px;width:100%;max-width:400px;margin:20px auto 0}.logininfo h3{text-align:center}.logininfo_item{display:flex;flex-direction:column}.loaderlogin{border:4px solid white;border-left-color:transparent;border-radius:50%}.loaderlogin{border:4px solid white;border-left-color:transparent;width:18px;height:18px;margin:0}.loaderlogin{border:4px solid white;border-left-color:transparent;width:18px;height:18px;margin:0;animation:spin89345 1s linear infinite}@keyframes spin89345{0%{transform:rotate(0)}to{transform:rotate(360deg)}}label{width:100%;max-width:600px}.alert{position:relative;top:10;left:0;width:auto;height:auto;padding:10px;margin:10px 0;line-height:1.8;border-radius:5px;cursor:hand;cursor:pointer;font-family:sans-serif;font-weight:400}.alertCheckbox{display:none}:checked+.alert{display:none}.alertText{display:table;margin:0 auto;text-align:center;font-size:16px}.alertClose{float:right;padding-top:5px;font-size:10px}.clear{clear:both}.info{background-color:#eee;border:1px solid #DDD;color:#999}.success{background-color:#efe;border:1px solid #DED;color:#496c49}.notice{background-color:#eff;border:1px solid #DEE;color:#9aa}.warning{background-color:#fdf7df;border:1px solid #FEEC6F;color:#c9971c}.error{background-color:#fee;border:1px solid #EDD;color:#a66}.note{display:flex;flex-direction:column;align-items:center;background-color:#fff;padding:30px;max-width:600px;margin:50px auto;box-shadow:0 0 7px 1px #cacaca56}.note h2{text-align:center;font-size:30px;font-weight:700}.note_block{display:flex;flex-direction:column;gap:5px;width:100%;margin-top:20px}.note_block input{padding:15px 10px;outline:0;border:0;font-size:16px;background-color:#ecf0f159}.note_block textarea{padding:15px 10px;outline:0;border:0;resize:none;font-size:16px;min-height:250px;line-height:20px;background-color:#ecf0f159}.btn{box-sizing:border-box;padding:10px;border-radius:3px;border:0;outline:0;text-decoration:none;cursor:pointer;transition:.5s ease all;display:flex;justify-content:center;align-items:center;gap:5px;font-size:16px}.btn:hover{opacity:.8}.btn .icon{font-size:16px}.btn_edit{background-color:#fff;text-decoration:none;color:#4d5256}.btn_delete{background-color:#4d5256;color:#fff}.btn_save{background-color:#72d3cf;color:#fff}.categorie{padding:15px 10px;outline:0;border:0;font-size:16px;background-color:#ecf0f159}