.noti-shadow{box-shadow:0 0 30px #00000015}.dark .noti-shadow{box-shadow:0 0 30px #00000027}.btn-notification{align-items:center;cursor:pointer;display:flex;font-size:18px;height:26px;justify-content:center;position:relative;width:26px}.btn-notification img{height:18px}.btn-notification .show-has-noti{animation:s_has_new_noti .25s ease-in-out;background:#e1341e;border:2px solid var(--bg-wrapper);border-radius:50%;height:10px;position:absolute;right:2px;top:2px;transform:scale(1);width:10px}@keyframes s_has_new_noti{0%{transform:scale(0)}to{transform:scale(1)}}.nav-width-noti{max-width:340px!important}@media (max-width:540px){.nav-width-noti{max-width:100%!important}}.wrapper-noti{display:flex;flex-direction:column;height:100%;position:relative}.wrapper-noti .nav-header{align-items:center;display:flex;height:66px;justify-content:space-between;padding:25px}@media (max-width:540px){.wrapper-noti .nav-header{padding:20px}}.wrapper-noti .nav-header .btn-close-slide{color:var(--color-w-b-1);cursor:pointer;display:none;font-size:16px;transition:.25s ease-in-out}.wrapper-noti .nav-header .name-function{align-items:center;display:flex;grid-gap:8px;color:var(--color-w-b-1);font-family:var(--font-500);font-size:16px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.wrapper-noti .nav-header .name-function .total-new-noti{background:#e1341e;border-radius:6px;color:#fff;font-size:10px;padding:0 6px 0 5px}.wrapper-noti .nav-header .name-function .total-new-noti .is-a-lot{padding:0 4px 0 3px}.wrapper-noti .nav-header i{color:var(--color-w-b-1);cursor:pointer;font-size:16px;transition:.25s ease-in-out}.wrapper-noti .btn-scroll-to-top{align-items:center;background:var(--bg-content);border-radius:12px;bottom:-30px;box-shadow:0 6px 20px var(--bg-wrapper-50);color:#1ee196;cursor:pointer;display:flex;font-family:var(--font-500);height:30px;justify-content:center;position:absolute;right:50%;transform:translate(50%);width:30px}.wrapper-noti .btn-scroll-to-top.isShow{animation:s_btn_scroll_top .3s ease-in-out;bottom:6px}@keyframes s_btn_scroll_top{0%{bottom:-6px}to{bottom:6px}}.wrapper-noti .btn-scroll-to-top.isShow i{font-size:15px}.nav-noti-tabs{margin-bottom:16px;padding:0 25px}@media (max-width:540px){.nav-noti-tabs{padding:0 20px}}.nav-wrapper-search{display:flex;padding:0 25px}@media (max-width:540px){.nav-wrapper-search{padding:0 20px}}.nav-wrapper-search .nav-content-search{align-items:center;background:var(--bg-wrapper);border-radius:14px;display:flex;height:45px;padding:0 16px;width:100%;grid-gap:10px}.nav-wrapper-search .nav-content-search .left{color:var(--color-w-b-2);font-size:17px}.nav-wrapper-search .nav-content-search input{background:transparent;border:transparent;box-shadow:none;color:var(--color-w-b-1);font-family:var(--font-400);font-size:13px;outline-style:none;padding:0;width:100%}.nav-wrapper-search .nav-content-search input::-moz-placeholder{color:var(--color-w-b-2);font-family:var(--font-400)}.nav-wrapper-search .nav-content-search input::placeholder{color:var(--color-w-b-2);font-family:var(--font-400)}.nav-wrapper-search .nav-content-search .right{color:var(--color-w-b-2);cursor:pointer;font-size:16px;transition:.25s ease-in-out}.nav-wrapper-search .nav-content-search .right:hover{color:var(--color-primary)}.nav-content-list{display:flex;flex-direction:column;height:calc(100vh - 163px);grid-gap:16px;margin-top:16px;padding:0 16px 0 25px;scroll-behavior:smooth}@media (max-width:540px){.nav-content-list{padding:0 16px 0 20px}}.nav-content-list .nav-card-noti{display:flex;position:relative;grid-gap:12px;background:var(--bg-wrapper);border-radius:16px;padding:20px}.nav-content-list .nav-card-noti i{font-size:17px}.nav-content-list .nav-card-noti i.is-link{color:#1ee196}.nav-content-list .nav-card-noti i.is-comment{color:#1e6ae1}.nav-content-list .nav-card-noti .nav-info{display:flex;flex-direction:column;width:100%;grid-gap:6px}.nav-content-list .nav-card-noti .nav-info .title{color:var(--color-w-b-1);font-family:var(--font-500);font-size:13px}.nav-content-list .nav-card-noti .nav-info .des{color:var(--color-w-b-2);font-family:var(--font-400);font-size:12px}.nav-content-list .nav-card-noti .nav-info .date{color:var(--color-w-b-2);font-family:var(--font-400);font-size:11px}.nav-content-list .nav-card-noti .nav-info .date .just-now{color:var(--color-primary)}.nav-content-list .nav-card-noti .is-unread{background:#e1341e;border-radius:50%;height:8px;position:absolute;right:20px;top:20px;width:8px}.nav-content-list .nav-card-noti .btn-delete-noti{align-items:center;bottom:20px;display:flex;height:20px;justify-content:center;opacity:0;position:absolute;right:20px;transition:.25s ease-in-out;width:20px}.nav-content-list .nav-card-noti .btn-delete-noti i{color:#e1341e;font-size:14px;pointer-events:none}.nav-content-list .nav-card-noti:hover .btn-delete-noti{opacity:1}@media only screen and (max-width:768px){.nav-header{display:grid!important;grid-template-columns:16px auto 16px!important;justify-content:unset!important}.nav-header .btn-close-slide{display:unset!important}.nav-header .name-function{justify-content:center!important}.btn-delete-noti{opacity:1!important}}.nav-no-noti{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding-bottom:70px;width:100%;grid-gap:12px}.nav-no-noti.anima-show{animation:s_nav_no_noti .25s ease-in-out;opacity:1}@keyframes s_nav_no_noti{0%{opacity:0}to{opacity:1}}.nav-no-noti .icon{align-items:center;background:var(--bg-wrapper-50);border-radius:24px;display:flex;height:60px;justify-content:center;width:60px}.nav-no-noti .icon i{color:var(--color-w-b-2);color:var(--color-primary);font-size:22px}.nav-no-noti .group-message{align-items:center;display:flex;flex-direction:column;grid-gap:4px}.nav-no-noti .group-message .title{color:var(--color-w-b-1);font-family:var(--font-500);font-size:14px}.nav-no-noti .group-message .message{color:var(--color-w-b-2);font-family:var(--font-400);font-size:13px}.item-action{align-items:center;border-radius:8px;cursor:pointer;display:flex;height:32px;padding:0 10px;transition:.25s ease-in-out!important;-webkit-user-select:none;-moz-user-select:none;user-select:none}.item-action:hover{background:var(--bg-content)}.item-action .icon{font-size:15px;line-height:15px;width:22px}.item-action .icon.view i{color:var(--ocs-c-nenoBlue)}.item-action .icon.delete i{color:var(--ocs-c-red)}.item-action .btn-label{color:var(--color-w-b-2);font-family:var(--font-400);font-size:14px;line-height:14px;white-space:nowrap}.border[data-v-f3462abd]{border:1px solid var(--color-w-b-1);height:26px;width:26px}.modal-logout-container[data-v-f3462abd]{background-color:var(--bg-wrapper);border-radius:18px;display:flex;flex-direction:column;overflow:hidden;position:relative;width:216px}.modal-logout-container .modal-logout-bg[data-v-f3462abd]{height:80px}.nav-profile-user[data-v-f3462abd]{margin-top:-40px;width:100%}.nav-profile-user[data-v-f3462abd],.nav-profile-user .group-user-info[data-v-f3462abd]{align-items:center;display:flex;flex-direction:column}.nav-profile-user .picture-profile[data-v-f3462abd]{align-items:end;background:var(--bg-content);border-radius:100%;display:flex;height:90px;justify-content:end;width:90px}.nav-profile-user .picture-profile img[data-v-f3462abd]{border-radius:50%;height:100%;-o-object-fit:cover;object-fit:cover;padding:6px;width:100%}.nav-profile-user .group-actions[data-v-f3462abd]{display:flex;flex-direction:column;width:100%;grid-gap:16px;padding:20px 30px 28px}.nav-profile-user .group-actions .nav-menu-action[data-v-f3462abd]{align-items:center;display:flex;grid-gap:10px;color:var(--color-w-b-2);transition:.25s ease-in-out!important}.nav-profile-user .group-actions .nav-menu-action i[data-v-f3462abd]{font-size:14px;line-height:14px}.nav-profile-user .group-actions .nav-menu-action span[data-v-f3462abd]{font-size:13px!important;line-height:13px!important}.nav-profile-user .group-actions .nav-menu-action[data-v-f3462abd]:hover{color:var(--color-primary)}.nav-profile-user .change-picture-container[data-v-f3462abd]{align-items:center;background:var(--bg-wrapper);border:4px solid var(--bg-content);border-radius:100%;color:var(--color-w-b-1);cursor:pointer;display:flex;height:35px;justify-content:center;transition:.25s ease-in-out;width:35px}.nav-profile-user .change-picture-container[data-v-f3462abd]:hover{color:var(--color-primary)}