@import url(https://fonts.googleapis.com/css?family=Poppins);.header[data-v-6c2c94d0]{background-color:#fff;display:flex;justify-content:space-between;align-items:center;padding:10px 20px;border-bottom:1px solid #ddd;position:relative}.logo img[data-v-6c2c94d0]{height:50px}.avatar-container[data-v-6c2c94d0]{position:relative}.avatar[data-v-6c2c94d0]{height:50px;width:50px;border-radius:50%;border:2px solid #ddd;cursor:pointer}.dropdown[data-v-6c2c94d0]{position:absolute;top:50px;right:0;background-color:#fff;box-shadow:0 4px 6px rgba(0,0,0,.1);border-radius:4px;width:150px;padding:10px 0;visibility:visible;z-index:1001}.dropdown button[data-v-6c2c94d0]{display:block;width:100%;padding:10px 15px;background:none;border:none;text-align:left;cursor:pointer;color:#333;transition:background-color .3s ease}.dropdown button[data-v-6c2c94d0]:hover{background-color:#f5f5f5}.dropdown-overlay[data-v-6c2c94d0]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.1);z-index:1000;cursor:pointer}.sidebar[data-v-238597bd]{width:350px;background-color:#edf5fe;padding:20px;min-height:750px}.nav-link[data-v-238597bd]{color:#2c3e50;display:flex;align-items:center;font-size:16px;margin:5px 0;text-decoration:none}.active-link[data-v-238597bd],.nav-link[data-v-238597bd]:hover{background-color:#0ed575;border-radius:5px;color:#fff}.nav-link i[data-v-238597bd]{margin-right:10px}.icon[data-v-238597bd]{width:20px;height:20px;flex-shrink:0}.compose-button[data-v-238597bd]{background-color:#0caf60;border:none;padding:17px 1px;border-radius:12px;color:#fff;width:192px!important;font-size:18px}#app[data-v-53b745de]{font-family:Avenir,Helvetica,Arial,sans-serif;color:#2c3e50;height:100vh;display:flex;flex-direction:column}main[data-v-53b745de]{background-color:#fff!important;overflow:auto}.d-flex[data-v-53b745de]{display:flex}.flex-grow-1[data-v-53b745de]{flex-grow:1}.sidebar-toggle[data-v-53b745de]{position:fixed;top:11px;left:131px;z-index:9999;font-size:20px;border:none;padding:10px;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.sidebar-toggle[data-v-53b745de]:hover{background-color:#555}@media (max-width:868px){.sidebar[data-v-53b745de]{display:none;position:fixed;top:70px;left:0;height:100%;width:250px;z-index:10000;transition:transform .3s ease}.sidebar-visible[data-v-53b745de]{display:block;transform:translateX(0)}.sidebar[data-v-53b745de]:not(.sidebar-visible){transform:translateX(-250px)}}.headerLogo{width:100px;margin-top:20px}.loader-container{margin:20px 0}.text-color{color:#0caf60;text-decoration:none}.loader-container{display:flex;justify-content:center;align-items:center;margin-top:20px}.loader{border:4px solid rgba(0,0,0,.1);border-top:4px solid #0caf60;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.searchbar[data-v-5e1330f9]{margin:10px;width:100%;border:1px solid #0caf60;border-radius:10px;padding:13px}.email-list[data-v-5e1330f9]{flex:1}.loader-container[data-v-5e1330f9]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;width:100%;height:100%;z-index:1000}.loader[data-v-5e1330f9]{border:4px solid #a4d4a3;border-top:4px solid #0caf60;border-radius:50%;width:40px;height:40px;animation:spin-5e1330f9 1s linear infinite}.tooltip[data-v-5e1330f9]{z-index:1050!important}@keyframes spin-5e1330f9{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.email-item[data-v-5e1330f9]:hover{background-color:#f1f1f1}.email-item[data-v-5e1330f9]{height:50px}.h-5[data-v-5e1330f9]{height:1.25rem}.w-5[data-v-5e1330f9]{width:1.25rem}.starIcon[data-v-5e1330f9]{margin-top:3px;margin-left:10px}@media (max-width:698px) and (min-width:500px){.display[data-v-5e1330f9]{display:flex;flex-direction:column}.starIcon[data-v-5e1330f9]{margin-top:20px}}@media (max-width:500px){.display[data-v-5e1330f9]{display:flex;flex-direction:column}.starIcon[data-v-5e1330f9]{margin-top:37px}}.profile[data-v-66df4d96]{display:flex;height:100vh}.loader-container[data-v-821e0470]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;width:100%;height:100%;z-index:1000}.loader[data-v-821e0470]{border:4px solid #a4d4a3;border-top:4px solid #0caf60;border-radius:50%;width:40px;height:40px;animation:spin-821e0470 1s linear infinite}@keyframes spin-821e0470{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.email-list[data-v-821e0470]{flex:1}.email-item[data-v-821e0470]:hover{background-color:#f1f1f1}.h-5[data-v-821e0470]{height:1.25rem}.w-5[data-v-821e0470]{width:1.25rem}@media (max-width:698px){.display[data-v-821e0470]{display:flex;flex-direction:column}}.loader-container[data-v-54dcedad]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;width:100%;height:100%;z-index:1000}.loader[data-v-54dcedad]{border:4px solid #a4d4a3;border-top:4px solid #0caf60;border-radius:50%;width:40px;height:40px;animation:spin-54dcedad 1s linear infinite}@keyframes spin-54dcedad{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.email-list[data-v-54dcedad]{flex:1}.email-item[data-v-54dcedad]:hover{background-color:#f1f1f1}.h-5[data-v-54dcedad]{height:1.25rem}.w-5[data-v-54dcedad]{width:1.25rem}@media (max-width:698px){.display[data-v-54dcedad]{display:flex;flex-direction:column}}.loader-container[data-v-5e406b46]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;width:100%;height:100%;z-index:1000}.loader[data-v-5e406b46]{border:4px solid #a4d4a3;border-top:4px solid #0caf60;border-radius:50%;width:40px;height:40px;animation:spin-5e406b46 1s linear infinite}@keyframes spin-5e406b46{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.email-list[data-v-5e406b46]{flex:1}.email-item[data-v-5e406b46]:hover{background-color:#f1f1f1}.h-5[data-v-5e406b46]{height:1.25rem}.w-5[data-v-5e406b46]{width:1.25rem}.dlt-btn[data-v-5e406b46]{border:none;padding:5px 20px;margin:10px;border-radius:6px;background-color:#f82e2e;color:#fff}@media (max-width:698px){.display[data-v-5e406b46]{display:flex;flex-direction:column}}.loader-container[data-v-5ec70955]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;width:100%;height:100%;z-index:1000}.loader[data-v-5ec70955]{border:4px solid #a4d4a3;border-top:4px solid #0caf60;border-radius:50%;width:40px;height:40px;animation:spin-5ec70955 1s linear infinite}@keyframes spin-5ec70955{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.email-list[data-v-5ec70955]{flex:1}.email-item[data-v-5ec70955]:hover{background-color:#f1f1f1}.h-5[data-v-5ec70955]{height:1.25rem}.w-5[data-v-5ec70955]{width:1.25rem}@media (max-width:698px) and (min-width:500px){.display[data-v-5ec70955]{display:flex;flex-direction:column}.starIcon[data-v-5ec70955]{margin-top:20px}}@media (max-width:500px){.display[data-v-5ec70955]{display:flex;flex-direction:column}.starIcon[data-v-5ec70955]{margin-top:37px}}.pagination[data-v-526c0ca1]{margin-top:10px;display:flex;justify-content:center;gap:10px}.pagination button[data-v-526c0ca1]{padding:5px 10px;border:1px solid #ddd;background-color:#f9f9f9;cursor:pointer}.pagination button[data-v-526c0ca1]:disabled{background-color:#eaeaea;cursor:not-allowed}.table[data-v-526c0ca1]{width:98%;border-collapse:collapse;margin:20px}.table td[data-v-526c0ca1],.table th[data-v-526c0ca1]{padding:8px;text-align:left;border:1px solid #ddd}.table th[data-v-526c0ca1]{background-color:#f4f4f4}.text-center[data-v-526c0ca1]{text-align:center}.showHideButton[data-v-526c0ca1]{padding:2px 12px;border:none;border-radius:5px;margin-left:5px;margin-top:5px;cursor:pointer}.email-list[data-v-1fd05f73]{flex:1}.email-item[data-v-1fd05f73]:hover{background-color:#f1f1f1}.h-5[data-v-1fd05f73]{height:1.25rem}.w-5[data-v-1fd05f73]{width:1.25rem}.loader-container[data-v-40396ca4]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;width:100%;height:100%;z-index:1000}.loader[data-v-40396ca4]{border:4px solid #a4d4a3;border-top:4px solid #0caf60;border-radius:50%;width:40px;height:40px;animation:spin-40396ca4 1s linear infinite}@keyframes spin-40396ca4{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.email-list[data-v-40396ca4]{flex:1}.email-item[data-v-40396ca4]:hover{background-color:#f1f1f1}.h-5[data-v-40396ca4]{height:1.25rem}.w-5[data-v-40396ca4]{width:1.25rem}@media (max-width:698px) and (min-width:500px){.display[data-v-40396ca4]{display:flex;flex-direction:column}.starIcon[data-v-40396ca4]{margin-top:20px}}@media (max-width:500px){.display[data-v-40396ca4]{display:flex;flex-direction:column}.starIcon[data-v-40396ca4]{margin-top:37px}}.loader[data-v-aea0d14c]{border:4px solid #a4d4a3;border-top:4px solid #0caf60;border-radius:50%;width:20px;height:20px;animation:spin-aea0d14c 1s linear infinite;display:inline-block;margin-right:5px}@keyframes spin-aea0d14c{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.updateForm[data-v-aea0d14c]{margin:44px auto;width:59%;padding:30px}.compose-email[data-v-bac4ba7a]{max-width:100%;margin:10px auto;background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);font-family:Arial,sans-serif}p[data-v-bac4ba7a]{padding:5px;font-size:20px;border-radius:5px;font-weight:700}.form-group[data-v-bac4ba7a]{margin-bottom:15px}label[data-v-bac4ba7a]{display:block;font-weight:700;margin-bottom:5px}input[data-v-bac4ba7a],select[data-v-bac4ba7a],textarea[data-v-bac4ba7a]{width:100%!important;padding:10px;border-right:1px solid #0caf60;border-left:1px solid #0caf60;border-radius:4px;outline:none}textarea[data-v-bac4ba7a]{resize:vertical}button[data-v-bac4ba7a]{padding:8px 20px;background-color:#0caf60;color:#fff;border:none;border-radius:4px;font-size:20px;cursor:pointer;font-weight:700}button[data-v-bac4ba7a]:disabled{background-color:#a4d4a3;cursor:not-allowed}.loader[data-v-bac4ba7a]{border:4px solid #a4d4a3;border-top:4px solid #0caf60;border-radius:50%;width:20px;height:20px;animation:spin-bac4ba7a 1s linear infinite;display:inline-block;margin-right:5px}@keyframes spin-bac4ba7a{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.custom-modal-overlay[data-v-bac4ba7a]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);z-index:999}.custom-modal[data-v-bac4ba7a]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:500px;background:#fff;border-radius:8px;z-index:1000;box-shadow:0 4px 8px rgba(0,0,0,.2);overflow:hidden}.custom-modal-content[data-v-bac4ba7a]{padding:20px}.custom-modal-header[data-v-bac4ba7a]{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd;padding-bottom:10px}.custom-modal-header h5[data-v-bac4ba7a]{margin:0}.custom-modal-body[data-v-bac4ba7a]{margin-top:15px}.close-btn[data-v-bac4ba7a]{background:none;border:none;font-size:1.5rem;cursor:pointer}.close-btn[data-v-bac4ba7a]:hover{color:red}.email-details[data-v-576c5b50]{max-width:100%;margin:10px auto;background-color:#fff;padding:10px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);font-family:Arial,sans-serif}.reply-button[data-v-576c5b50]{background-color:#0caf60;color:#fff;border:none;padding:10px 20px;font-size:16px;cursor:pointer;border-radius:4px;transition:background-color .3s ease;text-decoration:none}button[data-v-576c5b50]{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;background-color:#fff}.reply-form[data-v-576c5b50]{margin-top:20px;padding:15px;background-color:#f9f9f9;border-radius:8px}.reply-form label[data-v-576c5b50]{display:block;margin-bottom:8px;font-weight:700}.reply-form input[data-v-576c5b50],.reply-form textarea[data-v-576c5b50]{width:100%;padding:10px;border-radius:4px;margin-bottom:15px;font-size:14px;outline:none}.reply-form textarea[data-v-576c5b50]{resize:vertical}.loader[data-v-576c5b50]{border:4px solid #a4d4a3;border-top:4px solid #0caf60;border-radius:50%;width:20px;height:20px;animation:spin-576c5b50 1s linear infinite;margin-right:10px}@keyframes spin-576c5b50{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.back-button[data-v-576c5b50]{font-size:14px;cursor:pointer;border:none;padding:10px 30px;text-decoration:none;margin:20px 0}.attachments[data-v-576c5b50]{margin-top:20px}.attachment-list[data-v-576c5b50]{list-style-type:none;padding:0}.attachment-item[data-v-576c5b50]{display:flex;align-items:center;margin-bottom:10px;position:relative}.attachment-preview[data-v-576c5b50]{position:relative;width:250px;height:250px;margin-right:15px;overflow:hidden;cursor:pointer}.attachment-image[data-v-576c5b50]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.file-icon[data-v-576c5b50]{width:50px;height:50px;display:flex;justify-content:center;align-items:center;background-color:#f0f0f0;border-radius:5px}.attachment-name[data-v-576c5b50]{flex-grow:1}.attachment-name a[data-v-576c5b50]{text-decoration:none;color:#007bff}.attachment-preview:hover .attachment-image[data-v-576c5b50]{transform:scale(1.05)}.overlay[data-v-576c5b50]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:1rem;background-color:rgba(0,0,0,.5);opacity:0;transition:opacity .3s ease}.attachment-preview:hover .overlay[data-v-576c5b50]{opacity:1}svg[data-v-576c5b50]{width:34px;height:34px}svg[data-v-576c5b50]:hover{color:#ccc}@media (max-width:698px){.display[data-v-576c5b50]{display:flex;flex-direction:column;gap:0}.time[data-v-576c5b50]{font-size:12px;margin-left:95px;margin-top:-10px}}.email-details[data-v-34a4ba21]{max-width:100%;margin:10px auto;background-color:#fff;padding:10px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);font-family:Arial,sans-serif}.reply-button[data-v-34a4ba21]{background-color:#0caf60;color:#fff;border:none;padding:10px 20px;font-size:16px;cursor:pointer;border-radius:4px;transition:background-color .3s ease;text-decoration:none}button[data-v-34a4ba21]{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;background-color:#fff}.reply-form[data-v-34a4ba21]{margin-top:20px;padding:15px;background-color:#f9f9f9;border-radius:8px}.reply-form label[data-v-34a4ba21]{display:block;margin-bottom:8px;font-weight:700}.reply-form input[data-v-34a4ba21],.reply-form textarea[data-v-34a4ba21]{width:100%;padding:10px;border-radius:4px;margin-bottom:15px;font-size:14px;outline:none}.reply-form textarea[data-v-34a4ba21]{resize:vertical}.loader[data-v-34a4ba21]{border:4px solid #a4d4a3;border-top:4px solid #0caf60;border-radius:50%;width:20px;height:20px;animation:spin-34a4ba21 1s linear infinite;margin-right:10px}@keyframes spin-34a4ba21{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.back-button[data-v-34a4ba21]{font-size:14px;cursor:pointer;border:none;padding:10px 30px;text-decoration:none;margin:20px 0}.attachments[data-v-34a4ba21]{margin-top:20px}.attachment-list[data-v-34a4ba21]{list-style-type:none;padding:0}.attachment-item[data-v-34a4ba21]{display:flex;align-items:center;margin-bottom:10px;position:relative}.attachment-preview[data-v-34a4ba21]{position:relative;width:250px;height:250px;margin-right:15px;overflow:hidden;cursor:pointer}.attachment-image[data-v-34a4ba21]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.file-icon[data-v-34a4ba21]{width:50px;height:50px;display:flex;justify-content:center;align-items:center;background-color:#f0f0f0;border-radius:5px}.attachment-name[data-v-34a4ba21]{flex-grow:1}.attachment-name a[data-v-34a4ba21]{text-decoration:none;color:#007bff}.attachment-preview:hover .attachment-image[data-v-34a4ba21]{transform:scale(1.05)}.overlay[data-v-34a4ba21]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:1rem;background-color:rgba(0,0,0,.5);opacity:0;transition:opacity .3s ease}.attachment-preview:hover .overlay[data-v-34a4ba21]{opacity:1}svg[data-v-34a4ba21]{width:34px;height:34px}svg[data-v-34a4ba21]:hover{color:#ccc}.time[data-v-34a4ba21]{font-size:16px}@media (max-width:698px){.display[data-v-34a4ba21]{display:flex;flex-direction:column;gap:0}.time[data-v-34a4ba21]{font-size:12px;margin-left:95px;margin-top:-10px}}html{background-color:#56baed}body{font-family:Poppins,sans-serif;height:100vh}a{color:#92badd;text-decoration:none;font-weight:400}.loginp,a{display:inline-block}.loginp{text-align:center;font-size:18px;font-weight:600;margin:40px 8px 10px 8px;color:#ccc}.wrapper{display:flex;align-items:center;flex-direction:column;justify-content:center;width:100%;min-height:100vh;padding:20px;background:linear-gradient(90deg,#fff 50%,#0caf60 0)}#formContent{border-radius:10px 10px 10px 10px;background:#fff;padding:30px;width:90%;max-width:450px;position:relative;padding:0;box-shadow:0 30px 60px 0 rgba(0,0,0,.3);text-align:center}#formFooter{background-color:#f6f6f6;border-top:1px solid #dce8f1;padding:25px;text-align:center;border-radius:0 0 10px 10px}h2.inactive{color:#ccc}h2.active{color:#0d0d0d;border-bottom:2px solid #5fbae9}input[type=button],input[type=reset],input[type=submit]{background-color:#0caf60;border:none;color:#fff;padding:15px 80px;text-decoration:none;display:inline-block;text-transform:uppercase;font-size:13px;box-shadow:0 10px 30px 0 rgba(95,186,233,.4);border-radius:5px 5px 5px 5px;margin:5px 20px 40px 20px;transition:all .3s ease-in-out}input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{background-color:#0b904f}input[type=button]:active,input[type=reset]:active,input[type=submit]:active{transform:scale(.95)}input[type=email],input[type=password],input[type=text]{background-color:#f6f6f6;border:none;color:#0d0d0d;padding:15px 32px;text-decoration:none;display:inline-block;font-size:16px;margin:5px;width:85%;border:2px solid #f6f6f6;transition:all .5s ease-in-out;border-radius:5px 5px 5px 5px}input[type=text]:focus{background-color:#fff;border-bottom:2px solid #5fbae9}input[type=text]:placeholder{color:#ccc}.fadeInDown{animation-name:fadeInDown;animation-duration:1s;animation-fill-mode:both}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:0;animation:fadeIn ease-in 1;animation-fill-mode:forwards;animation-duration:1s}.fadeIn.first{animation-delay:.4s}.fadeIn.second{animation-delay:.6s}.fadeIn.third{animation-delay:.8s}.fadeIn.fourth{animation-delay:1s}.underlineHover:after{display:block;left:0;bottom:-10px;width:0;height:2px;background-color:#56baed;content:"";transition:width .2s}.underlineHover:hover{color:#0d0d0d}.underlineHover:hover:after{width:100%}:focus{outline:none}#icon{width:60%}*{box-sizing:border-box}.toast-success{background-color:#51a351!important}.toast-error{background-color:#bd362f!important}.toast-warning{background-color:#f89406!important}.toast-info{background-color:#2f96b4!important}.toast-error,.toast-info,.toast-success,.toast-warning{color:#fff!important}