.landing{display:flex;flex-direction:column;margin-top:-80px;min-width:280px;width:100%}.landing .pop-login-register{background:linear-gradient(180deg,#ffffffe6,#ffffffe6);height:0;min-width:280px;position:absolute;transition:all .2s ease-in-out;width:100%;z-index:1}@media screen and (min-width:320px)and (max-width:440px){.landing .pop-login-register{min-width:320px}}.landing .pop-login-register.open{height:100vh;width:100%}.landing .landing-header{width:100%}.landing .landing-header .navbar{align-items:center;box-shadow:0 6px 0 -5px #ededed;display:flex;flex-direction:row;height:60px;justify-content:space-between;width:100%}.landing .landing-header .navbar .navbar-left img{height:auto;margin-left:30px;width:120px}@media screen and (max-width:320px){.landing .landing-header .navbar .navbar-left img{margin-left:10px;width:80px}}@media screen and (min-width:320px)and (max-width:440px){.landing .landing-header .navbar .navbar-left img{margin-left:20px;width:100px}}.landing .landing-header .navbar .navbar-right{align-items:center;display:flex;justify-content:center;margin:50px}@media screen and (max-width:320px){.landing .landing-header .navbar .navbar-right{margin:20px}}@media screen and (min-width:320px)and (max-width:440px){.landing .landing-header .navbar .navbar-right{margin:30px}}.landing .landing-header .navbar .navbar-right .login-btn{background:none;border:1px solid #000;border-radius:5px;cursor:pointer;letter-spacing:1px;padding:10px;width:80px}@media screen and (max-width:320px){.landing .landing-header .navbar .navbar-right .login-btn{letter-spacing:0;padding:5px;width:50px}}.landing .landing-header .navbar .navbar-right .register-btn{background-color:#00a5ec;border:1px solid #00a5ec;border-radius:5px;color:#fff;cursor:pointer;font-weight:300px;font-weight:600;letter-spacing:1px;margin-left:10px;padding:10px;width:100px}@media screen and (max-width:320px){.landing .landing-header .navbar .navbar-right .register-btn{letter-spacing:0;padding:5px;width:70px}}.landing .landing-body{align-items:center;display:flex;flex-direction:column;height:calc(100vh - 60px);justify-content:center}@media screen and (max-width:320px){.landing .landing-body{height:auto;margin-top:0}}@media screen and (min-width:320px)and (max-width:440px){.landing .landing-body{height:auto}}@media screen and (min-width:440px)and (max-width:768px){.landing .landing-body{height:auto}}.landing .landing-body h1{font-size:52px;margin:50px 10px 0;text-align:center}@media screen and (max-width:320px){.landing .landing-body h1{font-size:22px}}@media screen and (min-width:320px)and (max-width:440px){.landing .landing-body h1{font-size:30px}}@media screen and (min-width:440px)and (max-width:768px){.landing .landing-body h1{font-size:38px}}.landing .landing-body .demo-cards{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-top:30px;width:100%}.landing .landing-body .demo-cards .card{margin:20px}.landing .landing-body .demo-cards .card img{cursor:pointer;height:170px;width:300x}@media screen and (min-width:440px)and (max-width:768px){.landing .landing-body .demo-cards .card img{width:245px}}@media screen and (min-width:768px)and (max-width:999px){.landing .landing-body .demo-cards .card img{width:245px}}@media screen and (min-width:999px){.landing .landing-body .demo-cards .card img{width:245px}}.login-register-box{background-color:#fff;border:1px solid #fff;margin:50px auto;position:relative;width:35%}@media screen and (max-width:320px){.login-register-box{width:80%}}@media screen and (min-width:320px)and (max-width:440px){.login-register-box{min-width:70%}}@media screen and (min-width:440px)and (max-width:768px){.login-register-box{min-width:50%}}.login-register-box span{position:absolute;right:0;top:0}.login-register-box .google-register{align-items:center;cursor:pointer;display:flex;justify-content:center;margin:50px auto}.login-register-box .google-register button{align-items:center;border:none;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:20px;width:280px}.login-register-box .google-register button p{margin-left:5px}.login-register-box .google-register button:hover{background-color:#b8b8b8}.login-register-box .loginModal{align-items:center;border:1px solid #000;display:flex;flex-direction:column;justify-content:center;margin:75px auto 0;width:100%}.login-register-box .loginModal h2{color:#403f3f;margin:8px}.login-register-box .loginModal .input-block{margin:5px 0;position:relative;width:90%}.login-register-box .loginModal .input-block input{font-size:14px;margin:3px 0;padding:8px;width:100%}.login-register-box .loginModal .input-block input:focus{outline:1px}.login-register-box .loginModal .input-block .form-error{color:#ca5757;font-size:12px}.login-register-box .loginModal .modal-buttons{margin-top:5px;padding:5px 13px;width:95%}.login-register-box .loginModal .modal-buttons p{color:#0593d0;font-size:14px;margin:4px 0}.login-register-box .loginModal .modal-buttons .input-button{background-color:#00a5ec;border:1px solid #00a5ec;color:#fff;cursor:pointer;font-weight:300px;font-weight:600;letter-spacing:1px;padding:10px;width:100%}.login-register-box .loginModal .login-sign-up{align-items:center;display:flex;flex-direction:column;font-size:13px;justify-content:center;margin:10px}.login-register-box .loginModal .login-sign-up button{background:none;border:none;color:#00a5ec;cursor:pointer;font-size:14px;font-weight:600}.other{margin:80px 0 0}@media screen and (min-width:320px)and (max-width:440px){.other{min-width:320px}}.nav{position:relative}.nav,.nav .navbar{background-color:#fff}.nav .navbar{align-items:center;box-shadow:0 6px 0 -5px #ededed;display:flex;flex-direction:row;height:60px;justify-content:space-between;left:0;min-width:280px;position:fixed;top:0;width:100%;z-index:1}.nav .navbar .navbar-left img{height:auto;margin-left:30px;width:120px}@media screen and (max-width:320px){.nav .navbar .navbar-left img{margin-left:10px;width:48px}}@media screen and (min-width:320px)and (max-width:440px){.nav .navbar .navbar-left img{margin-left:10px;width:80px}}@media screen and (min-width:440px)and (max-width:768px){.nav .navbar .navbar-left img{margin-left:10px;width:90px}}.nav .navbar .navbar-middle{align-items:center;display:flex;font-size:14px;justify-content:space-around}@media screen and (min-width:320px)and (max-width:440px){.nav .navbar .navbar-middle{font-size:18px;justify-content:center}}@media screen and (min-width:440px)and (max-width:768px){.nav .navbar .navbar-middle{font-size:18px;justify-content:center}}.nav .navbar .navbar-middle a{margin:0 10px}@media screen and (max-width:320px){.nav .navbar .navbar-middle a{font-size:12px;margin:0 3px}}@media screen and (min-width:320px)and (max-width:440px){.nav .navbar .navbar-middle a{margin:0 6px}}.nav .navbar .navbar-middle .active{position:relative}.nav .navbar .navbar-middle .active:after{background-color:#00a5ec;bottom:0;content:"";height:2px;left:0;position:absolute;transition:all .6s ease;width:0}.nav .navbar .navbar-middle .active:hover:after{width:100%}.nav .navbar .navbar-right{align-items:center;display:flex;justify-content:center;margin:20px 50px 20px 20px}@media screen and (min-width:440px)and (max-width:768px){.nav .navbar .navbar-right{align-items:center;display:flex;justify-content:center;margin-right:15px}}@media screen and (min-width:320px)and (max-width:440px){.nav .navbar .navbar-right{align-items:center;display:flex;justify-content:center;margin-right:20px}}@media screen and (max-width:320px){.nav .navbar .navbar-right{align-items:center;display:flex;justify-content:center;margin-right:5px}.nav .navbar .navbar-right .g-search-box{display:none}}@media screen and (min-width:320px)and (max-width:440px){.nav .navbar .navbar-right .g-search-box{display:none}}.nav .navbar .navbar-right .settings-btn{margin-right:10px}.nav .navbar .navbar-right .settings-btn a{border:none;cursor:pointer;display:flex;height:30px;justify-content:center;width:30px}@media screen and (max-width:320px){.nav .navbar .navbar-right .settings-btn a{height:15px;margin-bottom:20px;width:15px}}@media screen and (min-width:320px)and (max-width:440px){.nav .navbar .navbar-right .settings-btn a{height:20px;margin-bottom:10px;width:20px}}.nav .navbar .navbar-right .settings-btn a .settings-ico{color:#00a5ec;font-size:30px}.nav .navbar .navbar-right .logout-btn{align-items:center;background:none;border:1px solid #000;border-radius:5px;color:red;cursor:pointer;display:flex;font-size:20px;height:30px;justify-content:center;width:30px}@media screen and (max-width:320px){.nav .navbar .navbar-right .logout-btn{margin-bottom:5px}}.link{color:inherit;text-decoration:none}.message{align-self:self-start;background-color:#58c9fa;color:#fff;font-size:18px;left:50px;padding:12px 20px;position:absolute;top:0;width:auto;z-index:100}.message-hidden{display:none}.TaskComponent{margin:30px auto;min-width:260px;padding:10px;width:40%}@media screen and (min-width:320px)and (max-width:440px){.TaskComponent{width:80%}}@media screen and (min-width:440px)and (max-width:768px){.TaskComponent{width:70%}}.TaskComponent .task-form{align-items:center;background-color:#f6f6f6;border-radius:5px;box-shadow:2px 1px 9px 0 #f2f2f270;display:flex;flex-direction:column;justify-content:center;padding:10px}.TaskComponent .task-form .input-block{margin:5px 0;padding-bottom:10px;position:relative;width:100%}.TaskComponent .task-form .input-block input{background-color:inherit;border:none;border-bottom:1px solid #000;color:#676666;font-size:14px;outline:none;padding:5px;width:100%}.TaskComponent .task-form .input-block #url_text:focus{border:none;outline:none}.TaskComponent .task-form .input-block .title{margin-bottom:5px;width:50%}.TaskComponent .task-form .input-block textarea{background-color:inherit;border:1px solid #000;border-left:none;border-top:none;color:#676666;font-size:14px;height:auto;max-height:200px;max-width:100%;min-height:50px;min-width:100%;outline:none;padding:5px;tab-size:2;white-space:pre-wrap}@media screen and (max-width:320px){.TaskComponent .task-form .input-block textarea{min-height:100px}}@media screen and (min-width:320px)and (max-width:440px){.TaskComponent .task-form .input-block textarea{min-height:150px}}@media screen and (min-width:440px)and (max-width:768px){.TaskComponent .task-form .input-block textarea{min-height:100px}}.TaskComponent .task-form .input-block .form-error{bottom:-2px;color:red;font-size:10px;left:5px;position:absolute}.TaskComponent .task-form .input-block .urls-button{display:flex;flex-wrap:wrap;margin:0}.TaskComponent .task-form .input-block .urls-button .outer-box{background-color:#e2e0e0;border:none;border-radius:5px;display:flex;font-size:14px;margin:1px 5px;padding:2px 4px;width:-webkit-max-content;width:max-content}.TaskComponent .task-form .input-block .urls-button .outer-box .inner-box{align-items:center;background-color:inherit;border:none;border-left:1px solid #000;cursor:pointer;display:flex;height:14px;justify-content:center;margin-left:10px;padding-left:3px;width:14px}.TaskComponent .task-form .input-block .urls-button .outer-box .inner-box .del-ico{font-size:14px}.TaskComponent .task-form .input-block .urls-button .outer-box .inner-box:hover{color:#00a5ec}.TaskComponent .task-form .input-block .hidden{display:none}.TaskComponent .task-form .important-mark-date{align-items:center;display:flex;justify-content:space-around;padding:5px;width:100%}.TaskComponent .task-form .important-mark-date .important-mark{align-items:center;display:flex}.TaskComponent .task-form .important-mark-date .important-mark span{margin-left:5px}.TaskComponent .task-form .important-mark-date .important-mark .selected{color:#00a5ec}.TaskComponent .task-form .important-mark-date span{cursor:pointer;font-size:14px;width:50%}.TaskComponent .task-form .important-mark-date .task-completion-date{width:50%}.TaskComponent .task-form .addTaskButton{background-color:#00a5ec;border:none;color:#fff;cursor:pointer;font-weight:600;letter-spacing:2px;padding:10px;width:100%}.outer-featured{min-width:280px}.outer-featured,.outer-featured .featured-container{align-items:center;display:flex;justify-content:center;width:100%}.outer-featured .featured-container{flex-wrap:wrap;margin:0 auto}.outer-featured .featured-container .card{background-position:50%;background-size:cover;border-radius:20px;color:#fff;font-size:18px;font-weight:900;height:200px;margin:10px;min-width:200px;overflow:hidden;padding:20px;position:relative;width:250px}@media screen and (min-width:320px)and (max-width:440px){.outer-featured .featured-container .card{height:220px;width:350px}}.outer-featured .featured-container .card .card-title{font-size:24px}.outer-featured .featured-container .card .card-urls{display:flex;overflow:hidden;width:100%}.outer-featured .featured-container .card .card-urls span{background-color:#b2beb5;border-radius:5px;font-size:12px;margin:3px;padding:2px}.outer-featured .featured-container .card .imp-done-box{display:flex;justify-content:space-around;margin-top:8px}.outer-featured .featured-container .card .imp-done-box .card-important{background-color:#ffbf00;border-radius:5px;font-size:14px;padding:6px;text-align:center;width:100px}.outer-featured .featured-container .card .imp-done-box .card-not-important{background-color:#ffbf00;border-radius:5px;font-size:14px;padding:6px 3px;text-align:center;width:115px}.outer-featured .featured-container .card .imp-done-box .card-done{background-color:#00a36c;border-radius:5px;font-size:14px;margin-left:5px;padding:6px;text-align:center;width:80px}.outer-featured .featured-container .card .imp-done-box .card-not-done{align-items:center;background-color:#93c572;background-color:#d22b2b;border-radius:5px;display:flex;font-size:14px;justify-content:center;margin-left:5px;padding:6px 3px;width:115px}.outer-featured .featured-container .card .card-open{align-items:center;bottom:10px;display:flex;position:absolute;width:100%}.outer-featured .featured-container .card .card-open .view{background-color:#e5e4e2;border-radius:10px;color:#000;cursor:pointer;height:40px;padding:10px;text-align:center;width:80px}.outer-featured .featured-container .card .card-open .view:hover{background-color:silver}.outer-featured .featured-container .card .card-open .edit{background-color:#e5e4e2;border-radius:10px;color:#000;cursor:pointer;height:40px;margin-left:10px;padding:10px;text-align:center;width:40px}.outer-featured .featured-container .card .card-open .edit:hover{background-color:silver}.footer{background-color:#f6f6f6;margin-top:50px;min-width:280px;padding:10px;position:relative;width:100%}.footer .footer-heading{align-self:self-end;color:green;font-size:22px}@media screen and (min-width:320px)and (max-width:440px){.footer .footer-heading{align-self:self-start}}@media screen and (max-width:320px){.footer .footer-heading{align-self:self-start}}@media screen and (min-width:440px)and (max-width:768px){.footer .footer-heading{align-self:self-start}}.footer .footer-msg{align-self:start;background-color:#58c9fa;color:#fff;font-size:14px;left:20px;padding:10px 16px;position:absolute;top:0;width:-webkit-max-content;width:max-content;z-index:100}@media screen and (min-width:320px)and (max-width:440px){.footer .footer-msg{right:20px;top:0}}@media screen and (max-width:320px){.footer .footer-msg{right:20px;top:0}}@media screen and (min-width:440px)and (max-width:768px){.footer .footer-msg{right:20px;top:0}}.footer .comment-form-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.footer .comment-form-container .comment-form{align-items:flex-end;border:none;display:flex;flex-wrap:wrap;justify-content:flex-start;margin:5px 0;padding:10px;width:100%}@media screen and (min-width:320px)and (max-width:440px){.footer .comment-form-container .comment-form{align-items:center;display:flex;flex-direction:column;font-size:14px;justify-content:center}}@media screen and (max-width:320px){.footer .comment-form-container .comment-form{align-items:center;display:flex;flex-direction:column;font-size:14px;justify-content:center}}@media screen and (min-width:440px)and (max-width:768px){.footer .comment-form-container .comment-form{align-items:center;display:flex;flex-direction:column;font-size:14px;justify-content:center}}.footer .comment-form-container .comment-form input{background-color:inherit;border:none;border-bottom:1px solid #000;height:2rem;margin-left:20px;outline:none;padding:10px 0 3px;width:20%}@media screen and (min-width:320px)and (max-width:440px){.footer .comment-form-container .comment-form input{margin-left:0;width:100%}}@media screen and (max-width:320px){.footer .comment-form-container .comment-form input{margin-left:0;width:100%}}@media screen and (min-width:440px)and (max-width:768px){.footer .comment-form-container .comment-form input{margin-left:0;width:100%}}.footer .comment-form-container .comment-form .input-form{margin-left:20px;width:40%}@media screen and (min-width:320px)and (max-width:440px){.footer .comment-form-container .comment-form .input-form{margin-left:0;width:100%}}@media screen and (max-width:320px){.footer .comment-form-container .comment-form .input-form{margin-left:0;width:100%}}@media screen and (min-width:440px)and (max-width:768px){.footer .comment-form-container .comment-form .input-form{margin-left:0;width:100%}}.footer .comment-form-container .comment-form .input-form textarea{border:none;max-height:100px;min-height:80px;outline:none;padding:5px;resize:none;width:100%}.footer .comment-form-container .comment-form .input-form .form-error{color:red;font-size:10px}.footer .comment-form-container .comment-form button{background-color:#00a5ec;border:none;color:#fff;cursor:pointer;margin-left:20px;padding:15px 20px;width:15%}.footer .comment-form-container .comment-form button:hover{background-color:#209fd6}@media screen and (min-width:320px)and (max-width:440px){.footer .comment-form-container .comment-form button{margin-left:0;width:100%}}@media screen and (max-width:320px){.footer .comment-form-container .comment-form button{margin-left:0;width:100%}}@media screen and (min-width:440px)and (max-width:768px){.footer .comment-form-container .comment-form button{margin-left:0;width:100%}}.footer .footer-body{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:20px}.footer .footer-body .footer-heading{align-self:center}.footer .footer-body .social-links{align-items:center;cursor:pointer;display:flex;justify-content:center;margin:4px 0}.footer .footer-body a{align-items:center;border:1px solid #000;display:flex;justify-content:center;margin:2px;padding:3px}.footer .footer-body a:hover{background-color:#e0e0e0}.notes-grid-table{margin:10px auto;min-width:280px;width:90%}.notes-grid-table .actions{align-items:center;display:flex;justify-content:center}.notes-grid-table .actions a .ico{color:#3651e5;font-size:20px;margin-right:5px}.notes-grid-table .actions a .noteEdit{background-color:#29b7f4;border:none;border-radius:5px;color:#fff;cursor:pointer;margin:5px;padding:0}.notes-grid-table .actions .deleteNote{color:red;cursor:pointer}.notes-grid-table .urls button{background-color:#b2beb5;border:none;border-radius:3px;color:#464545;margin:0 3px;padding:3px}.notes-grid-table .check-ico{color:green}.notes-grid-table .cross-ico{color:red}.update-container{box-shadow:1px 1px 10px -5px #000;margin:80px auto;min-width:280px;padding:20px 0 0;width:60%}@media screen and (min-width:440px)and (max-width:768px){.update-container{width:80%}}.update-container .update-form{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:20px auto;width:90%}.update-container .update-form .username-email{align-self:self-start;border-bottom:2px solid #e8e5e5;color:#a3a1a1;font-size:14px;padding-bottom:5px;width:100%}.update-container .update-form .username-email span{color:#6c6a6a;font-weight:600}.update-container .update-form .username-email .email,.update-container .update-form .username-email .user_id,.update-container .update-form .username-email .username{letter-spacing:1px;padding:1px 0}.update-container .update-form .full-name-gender-age{align-items:center;border-bottom:2px solid #e8e5e5;display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:5px;padding-bottom:10px;width:100%}.update-container .update-form .full-name-gender-age .all{display:flex;flex-direction:column;padding-bottom:10px}.update-container .update-form .full-name-gender-age .all .full-name{align-items:center;align-self:self-start;display:flex;flex-wrap:wrap}.update-container .update-form .full-name-gender-age .all .full-name input{border:none;border-bottom:1px solid gray;font-size:15px;margin-right:10px;margin-top:10px;outline:none;padding:10px 0}.update-container .update-form .full-name-gender-age .all .full-name .form-error{color:red;font-size:10px;position:absolute}.update-container .update-form .full-name-gender-age .all .gender{display:flex;flex-direction:column;font-size:14px;margin-top:10px}.update-container .update-form .full-name-gender-age .all .gender label{align-items:center;display:flex;justify-content:space-between;margin:2px;width:100px}.update-container .update-form .full-name-gender-age .all .age input{border:none;border-bottom:1px solid gray;font-size:15px;margin-top:10px;outline:none;padding:10px 0}.update-container .update-form .full-name-gender-age .all .age .form-error{color:red;font-size:12px;position:absolute}.update-container .update-form .full-name-gender-age .profile-pic{align-items:center;border-radius:100%;display:flex;flex-direction:column;height:140px;justify-content:space-between;margin-bottom:30px;position:relative;width:140px}.update-container .update-form .full-name-gender-age .profile-pic label{overflow:hidden;position:absolute;right:0;width:170px;z-index:100}.update-container .update-form .full-name-gender-age .profile-pic label span{margin-right:50px}.update-container .update-form .full-name-gender-age .profile-pic img{border-radius:50%;height:100%;object-fit:cover;width:100%}.update-container .update-form .mobile{align-self:self-start;border-bottom:2px solid #e8e5e5;padding-bottom:10px;width:100%}.update-container .update-form .mobile input{border:none;border-bottom:1px solid gray;font-size:15px;margin-top:10px;outline:none;padding:10px 0}.update-container .update-form .mobile .form-error{color:red;font-size:12px;position:absolute}.update-container .update-form .update-btn{align-self:self-start;background-color:#00a5ec;border:none;border-radius:2px;color:#fff;cursor:pointer;letter-spacing:1px;margin:10px 0;padding:10px;width:200px}.update-container .update-form .update-btn:hover{background-color:#0e98d4}.pop-search-qry{background:linear-gradient(180deg,#fffffff2,#fffffff2);height:0;min-width:280px;position:absolute;transition:all .2s ease-in-out;width:100%;z-index:15}.pop-search-qry.open{height:100vh;margin:-80px 0;padding:50px 0;width:100%}.view-note-container{align-items:center;border-radius:20px;box-shadow:1px 1px 20px -5px #000;display:flex;flex-direction:column;justify-content:center;margin:20px auto;min-width:280px;padding:20px 10px;width:70%}@media screen and (max-width:320px){.view-note-container{width:90%}}@media screen and (min-width:320px)and (max-width:440px){.view-note-container{width:85%}}@media screen and (min-width:440px)and (max-width:768px){.view-note-container{width:85%}}.view-note-container .title-imp-done{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}@media screen and (min-width:320px)and (max-width:440px){.view-note-container .title-imp-done{align-items:flex-start;flex-direction:column}}.view-note-container .title-imp-done .title{border-bottom:1px solid #000;font-size:30px;font-weight:900}@media screen and (max-width:320px){.view-note-container .title-imp-done .title{font-size:25px;font-weight:600}}.view-note-container .title-imp-done .imp-done{align-items:center;display:flex;flex-wrap:wrap}.view-note-container .title-imp-done .imp-done .done .outer-box,.view-note-container .title-imp-done .imp-done .imp .outer-box{background-color:#e2e0e0;border:none;border-radius:5px;display:flex;font-size:14px;margin:1px 5px;padding:2px 4px;width:-webkit-max-content;width:max-content}.view-note-container .title-imp-done .imp-done .done .outer-box .inner-box,.view-note-container .title-imp-done .imp-done .imp .outer-box .inner-box{align-items:center;background-color:inherit;border:none;border-left:1px solid #000;color:#ffbf00;display:flex;height:14px;justify-content:center;margin-left:5px;padding-left:3px;width:14px}.view-note-container .title-imp-done .imp-done .done .outer-box .inner-box .ico,.view-note-container .title-imp-done .imp-done .imp .outer-box .inner-box .ico{font-size:18px}@media screen and (max-width:320px){.view-note-container .title-imp-done .imp-done .done .outer-box .inner-box .ico,.view-note-container .title-imp-done .imp-done .imp .outer-box .inner-box .ico{font-size:14px}}.view-note-container .title-imp-done .imp-done .done #imp,.view-note-container .title-imp-done .imp-done .imp #imp{background-color:#ffff8f}.view-note-container .title-imp-done .imp-done .done #done,.view-note-container .title-imp-done .imp-done .imp #done{background-color:#7fffd4}.view-note-container .title-imp-done .imp-done .done #done .ico,.view-note-container .title-imp-done .imp-done .imp #done .ico{color:#2aaa8a}.view-note-container .title-imp-done .imp-done .done #not-done .ico,.view-note-container .title-imp-done .imp-done .imp #not-done .ico{color:green}.view-note-container .title-imp-done .imp-done .noteEditBtn{background-color:#29b7f4;border-radius:10px;color:#fff;cursor:pointer;height:40px;margin-left:10px;padding:10px;text-align:center;width:40px}.view-note-container .title-imp-done .imp-done .noteEditBtn:hover{background-color:#08a4e7}@media screen and (max-width:320px){.view-note-container .title-imp-done .imp-done .noteEditBtn{font-size:14px;height:30px;padding:1px;width:30px}}@media screen and (min-width:320px)and (max-width:440px){.view-note-container .title-imp-done .imp-done .noteEditBtn{font-size:14px;height:30px;padding:5px;width:30px}}.view-note-container .title-imp-done .imp-done .noteDelBtn{color:red;cursor:pointer}@media screen and (max-width:320px){.view-note-container .title-imp-done .imp-done .noteDelBtn{font-size:10px}}.view-note-container .urls-box{align-self:self-start;flex-wrap:wrap;margin:10px 0}@media screen and (max-width:320px){.view-note-container .urls-box{margin:4px 0}}.view-note-container .urls-box button{background-color:#b2beb5;border:none;border-radius:4px;color:#343333;cursor:pointer;margin:10px 10px 10px 0;padding:3px 6px}@media screen and (max-width:320px){.view-note-container .urls-box button{margin:4px 4px 4px 0}}.view-note-container .description{align-self:self-start;align-self:center;background-color:#36454f;color:#e5e4e2;font-size:14px;overflow-wrap:break-word;padding:19px 10px;white-space:pre-wrap;width:100%}.search-pop-container{background:linear-gradient(180deg,#ffffffe6,#ffffffe6);background-color:#fff;border-radius:5px;box-shadow:1px 1px 10px -5px #000;height:80vh;margin:auto;overflow:auto;padding:30px;position:relative;width:70%;z-index:15}@media screen and (max-width:320px){.search-pop-container{padding:10px;width:90%}}@media screen and (min-width:320px)and (max-width:440px){.search-pop-container{padding:20x;width:80%}}@media screen and (min-width:440px)and (max-width:768px){.search-pop-container{padding:20x;width:80%}}.search-pop-container span{color:#737272;position:absolute;right:20px;top:10px}.search-pop-container .search-items-container{background-color:#fff;padding-top:10px}.search-pop-container .search-items-container .search-web-results{border-bottom:1px solid gray;font-size:14px;padding-bottom:2px}.search-pop-container .search-items-container .search-web-results p{padding:3px}.search-pop-container .search-items-container .search-web-results .web{border-bottom:2px solid blue;color:blue;font-weight:600;padding-bottom:4px;width:-webkit-max-content;width:max-content}.search-pop-container .search-items-container .animate{animation:spinner 1s ease-in-out infinite forwards;color:blue;display:flex;margin:5px}@keyframes spinner{0%{transform:rotate(0deg)}50%{scale:1.2}to{transform:rotate(2turn)}}.search-pop-container .search-items-container .search-result .content{display:flex;flex-direction:column;margin-top:10px}.search-pop-container .search-items-container .search-result .content .title{font-weight:300}@media screen and (max-width:320px){.search-pop-container .search-items-container .search-result .content .title{font-size:14px}}.search-pop-container .search-items-container .search-result .content .col{display:flex;padding:5px}.search-pop-container .search-items-container .search-result .content .col .thumbnail{background-position:50%;height:50px;width:70px}@media screen and (max-width:320px){.search-pop-container .search-items-container .search-result .content .col .thumbnail{height:45px;width:55px}}.search-pop-container .search-items-container .search-result .content .col .snippet{font-size:14px;margin-left:10px}@media screen and (max-width:320px){.search-pop-container .search-items-container .search-result .content .col .snippet{font-size:12px}}.search-pop-container .search-items-container .search-result .content .url-link{color:#00a36c;font-size:14px;text-decoration:none}@media screen and (max-width:320px){.search-pop-container .search-items-container .search-result .content .url-link{font-size:13px}}.edit-note-container{align-items:center;border-radius:20px;box-shadow:1px 1px 20px -5px #000;display:flex;flex-direction:column;justify-content:center;margin:20px auto;min-width:280px;overflow:hidden;padding:20px 10px;transition:all .5s ease;width:70%}@media screen and (max-width:320px){.edit-note-container{width:90%}}@media screen and (min-width:320px)and (max-width:440px){.edit-note-container{width:85%}}@media screen and (min-width:440px)and (max-width:768px){.edit-note-container{width:85%}}.edit-note-container .title-imp-done{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-between;width:100%}@media screen and (min-width:999px){.edit-note-container .title-imp-done{flex-direction:row}}.edit-note-container .title-imp-done .title{border:none;border-bottom:1px solid #000;font-size:30px;font-weight:900;outline:none}@media screen and (max-width:320px){.edit-note-container .title-imp-done .title{font-size:25px;font-weight:600}}.edit-note-container .title-imp-done .imp-done{align-items:center;display:flex}.edit-note-container .title-imp-done .imp-done .done .outer-box,.edit-note-container .title-imp-done .imp-done .imp .outer-box{background-color:#e2e0e0;border:none;border-radius:5px;cursor:pointer;display:flex;font-size:14px;margin:1px 5px;padding:2px 4px;width:-webkit-max-content;width:max-content}.edit-note-container .title-imp-done .imp-done .done .outer-box .inner-box,.edit-note-container .title-imp-done .imp-done .imp .outer-box .inner-box{align-items:center;background-color:inherit;border:none;border-left:1px solid #000;color:#ffbf00;display:flex;height:14px;justify-content:center;margin-left:5px;padding-left:3px;width:14px}.edit-note-container .title-imp-done .imp-done .done .outer-box .inner-box .ico,.edit-note-container .title-imp-done .imp-done .imp .outer-box .inner-box .ico{font-size:18px}.edit-note-container .title-imp-done .imp-done .done #imp,.edit-note-container .title-imp-done .imp-done .imp #imp{background-color:#ffff8f}.edit-note-container .title-imp-done .imp-done .done #done,.edit-note-container .title-imp-done .imp-done .imp #done{background-color:#7fffd4}.edit-note-container .title-imp-done .imp-done .done #done .ico,.edit-note-container .title-imp-done .imp-done .imp #done .ico{color:#2aaa8a}.edit-note-container .title-imp-done .imp-done .done #not-done .ico,.edit-note-container .title-imp-done .imp-done .imp #not-done .ico{color:green}.edit-note-container .title-imp-done .imp-done .deleteNote{color:red;cursor:pointer}.edit-note-container .urls-box{align-self:self-start;margin-top:20px}.edit-note-container .urls-box .urls-button{display:flex;flex-wrap:wrap}.edit-note-container .urls-box .urls-button .outer-box{background-color:#e2e0e0;border:none;border-radius:5px;display:flex;font-size:14px;margin:1px 5px 1px 0;padding:2px 4px;width:-webkit-max-content;width:max-content}.edit-note-container .urls-box .urls-button .outer-box .inner-box{align-items:center;background-color:inherit;border:none;border-left:1px solid #000;color:gray;cursor:pointer;display:flex;height:14px;justify-content:center;margin-left:5px;padding-left:3px;width:14px}.edit-note-container .urls-box .urls-button .outer-box .inner-box .del-ico{font-size:14px}.edit-note-container .urls-box .urls-button .outer-box .inner-box:hover{color:#000}.edit-note-container .input-block{align-self:self-start}.edit-note-container .input-block .url-text-box{border:none;font-size:14px;margin:15px 0 28px;outline:1px solid #000;padding:5px 5px 5px 2px}.edit-note-container .input-block .url-text-box:focus{outline:none}.edit-note-container .description{align-self:self-start;align-self:center;background-color:#36454f;color:#e5e4e2;font-size:14px;min-height:250px;overflow-wrap:break-word;padding:19px 10px;resize:vertical;white-space:pre-wrap;width:100%}.edit-note-container .update-btn{background-color:#00a5ec;border:1px solid #00a5ec;color:#fff;cursor:pointer;font-weight:300px;font-weight:600;letter-spacing:1px;margin-top:5px;padding:10px;width:50%}.notes{min-width:280px}.notes .select-box-outer{align-items:center;display:flex;justify-content:center}.notes .select-box-outer .select-box-inner{margin:0 10px}.notes .select-box-outer .select-box-inner span{color:#3f3e3e;font-size:13px}.notes .select-box-outer .select-box-inner select{font-size:12px;outline:1px solid #000;padding:1px;position:relative;width:100px}@media screen and (min-width:440px)and (max-width:768px){.notes .select-box-outer .select-box-inner select{font-size:16px;padding:3px;width:150px}}@media screen and (min-width:768px)and (max-width:999px){.notes .select-box-outer .select-box-inner select{font-size:16px;padding:3px;width:150px}}@media screen and (min-width:999px){.notes .select-box-outer .select-box-inner select{font-size:16px;padding:3px;width:150px}}.notes .select-box-outer .select-box-inner option{font-size:8px;margin:2px 1px}@media screen and (min-width:440px)and (max-width:768px){.notes .select-box-outer .select-box-inner option{font-size:16px;margin:50px;padding:5px 4px}}@media screen and (min-width:768px)and (max-width:999px){.notes .select-box-outer .select-box-inner option{font-size:16px;margin:50px;padding:5px 4px}}@media screen and (min-width:999px){.notes .select-box-outer .select-box-inner option{font-size:16px;margin:50px;padding:5px 4px}}.notes .outlet{margin-top:100px}
/*# sourceMappingURL=main.3f0ec657.css.map*/