.site-top-bar{display:flex;justify-content:space-between;align-items:center;width:100vw;z-index:100;top:0;left:0;position:fixed;box-sizing:border-box;background-color:#fff;box-shadow:1px 1px 4px rgba(0,0,0,.5);padding:5px 6px 4px 3px}.site-top-bar .notification-center-loading-container{display:flex;align-items:center;padding-right:18px}.site-top-bar .notification-center-loading-container .loading-label{padding-left:15px;font-style:italic;color:#7b7b7b}@media(min-width:768px){.site-top-bar{padding:16px 20px 8px 10px}}@media(prefers-color-scheme:dark){.site-top-bar{background-color:#141414}}.site-top-bar.login{padding:8px}@media(min-width:640px){.site-top-bar.login{background:none;box-shadow:none}}.site-top-bar .logo-container{max-height:100%;max-width:130px}.site-top-bar .logo-container img{max-height:100%;max-width:100%;transform:translateY(3px);padding-left:3px}@media(min-width:768px){.site-top-bar .logo-container img{padding-left:inherit;transform:none}}.site-top-bar .top-button-container{display:flex}.site-top-bar .top-button-container .top-button{display:block;padding:4px 11px;margin-left:8px;font-family:Oswald,sans-serif;color:#0092e4;border:1px solid #0092e4;font-size:16px}@media(min-width:768px){.site-top-bar .top-button-container .top-button{padding:7px 28px;margin-left:15px}}@media(prefers-color-scheme:dark){.site-top-bar .top-button-container .top-button{border:1px solid #fff;color:#fff}}.site-top-bar.login .top-button{color:#0092e4;border-color:#0092e4}@media(prefers-color-scheme:dark){.site-top-bar.login .top-button{color:#fff;border-color:#fff}}@media(min-width:640px){.site-top-bar.login .top-button{color:#fff;border:1px solid #fff}}.notification-center-container{display:flex;align-items:center;gap:8px}@media(min-width:768px){.notification-center-container{gap:25px}}.notification-center-container .notification-container{display:flex;gap:8px}@media(min-width:768px){.notification-center-container .notification-container{gap:16px}}.notification-center-container .notification-container .notification-icon-container button{position:relative}.notification-center-container .notification-container .notification-icon-container button img{width:35px;height:35px}.notification-center-container .notification-container .notification-icon-container button .notification-count-bubble{right:2px;bottom:2px;position:absolute;background-color:#0092e4;color:#fff;width:23px;height:23px;border-radius:50%;font-size:10px;display:flex;justify-content:center;align-items:center;transition:all .3s ease}@media(min-width:768px){.notification-center-container .notification-container .notification-icon-container button .notification-count-bubble{top:-9px;right:-3px;bottom:inherit}}.notification-center-container .notification-container .notification-icon-container button .notification-count-bubble.new-notification{animation:pulse 1s ease-in-out 3;transform:scale(1.1)}.notification-center-container .profile-user .profile-container{display:flex;align-content:center;gap:6px}.notification-center-container .profile-user .profile-container .profile-name-container{text-align:left;display:none}@media(min-width:768px){.notification-center-container .profile-user .profile-container .profile-name-container{display:block}}.notification-center-container .profile-user .profile-container .profile-name-container h5,.notification-center-container .profile-user .profile-container .profile-name-container h6{padding:0;margin:0}@media(prefers-color-scheme:dark){.notification-center-container .profile-user .profile-container .profile-name-container h5,.notification-center-container .profile-user .profile-container .profile-name-container h6{color:#fff}}.notification-center-container .profile-user .profile-container .profile-name-container h5{font-weight:700;margin-bottom:3px;font-size:16px;color:#0070a9}@media(prefers-color-scheme:dark){.notification-center-container .profile-user .profile-container .profile-name-container h5{color:#5ab8ff}}.notification-center-container .profile-user .profile-container .profile-name-container h6{font-weight:400;font-size:12px}@media(prefers-color-scheme:dark){.notification-center-container .profile-user .profile-container .profile-name-container h6{color:#fff}}@keyframes pulse{0%{transform:scale(1.1);box-shadow:0 0 0 0 rgba(0,146,228,.7)}50%{transform:scale(1.2);box-shadow:0 0 0 10px rgba(0,146,228,0)}to{transform:scale(1.1);box-shadow:0 0 0 0 rgba(0,146,228,0)}}.notification-list-item.new-item{animation:slideIn .3s ease-out;background-color:rgba(0,146,228,.1)}@media(prefers-color-scheme:dark){.notification-list-item.new-item{background-color:rgba(90,184,255,.1)}}.notification-list-item .info-button-container .account-notification{display:flex;align-items:center;justify-content:space-between}.notification-list-item .info-button-container .account-notification button i{font-size:20px;color:#979797}.notification-list-item .info-button-container .account-notification .info-content-section{display:flex;align-items:center;max-width:85%;gap:5px}.notification-list-item .info-button-container .account-notification .info-content-section i{font-size:22px;color:#0092e4}@media(prefers-color-scheme:dark){.notification-list-item .info-button-container .account-notification .info-content-section i{color:#d7d7d7}}.notification-list-item .info-button-container .info-section.notification .content a{color:#000}@media(prefers-color-scheme:dark){.notification-list-item .info-button-container .info-section.notification .content a{color:#fff}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.user-photo-display-container{display:inline-block}.user-photo-display-container .profile-image-container{overflow:hidden;display:flex;justify-content:center;align-items:center;cursor:pointer}@media(prefers-color-scheme:dark){.user-photo-display-container .profile-image-container{border:1px solid #7b7b7b}}.user-photo-display-container .profile-image-container img{height:100%;object-position:center}.user-profile-account-menu-container{width:280px;padding:15px;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);color:#000}@media(prefers-color-scheme:dark){.user-profile-account-menu-container{background-color:#181818;border:1px solid #eaeaea;color:#fff}}.user-profile-account-menu-container .profile-photo-name-section{display:flex;align-items:center;margin-bottom:4px;padding-bottom:14px;border-bottom:1px solid #eaeaea}.user-profile-account-menu-container .profile-photo-name-section a{margin-right:12px;cursor:pointer;transition:opacity .2s ease;border-radius:50%}.user-profile-account-menu-container .profile-photo-name-section a:hover{opacity:.8}.user-profile-account-menu-container .profile-photo-name-section .name-online-status-section{padding-left:8px}.user-profile-account-menu-container .profile-photo-name-section .name-online-status-section h5{margin:0 0 5px;font-size:16px;font-weight:600}.user-profile-account-menu-container .profile-photo-name-section .name-online-status-section .online-status{display:flex;align-items:center;background:none;border:none;padding:0;cursor:pointer;font-size:14px}.user-profile-account-menu-container .profile-photo-name-section .name-online-status-section .online-status .online-lamp-section{display:flex;align-items:center}.user-profile-account-menu-container .profile-photo-name-section .name-online-status-section .online-status .online-lamp-section .online-lamp{width:8px;height:8px;border-radius:50%;margin-right:5px}.user-profile-account-menu-container .profile-photo-name-section .name-online-status-section .online-status .online-lamp-section .online-lamp.online{background-color:#4caf50}.user-profile-account-menu-container .profile-photo-name-section .name-online-status-section .online-status .online-lamp-section .online-lamp.away{background-color:#ffc107}.user-profile-account-menu-container .profile-photo-name-section .name-online-status-section .online-status .online-lamp-section .online-lamp.offline{background-color:#9e9e9e}.user-profile-account-menu-container .profile-photo-name-section .name-online-status-section .online-status .online-lamp-section .online-status-label{color:#666}@media(prefers-color-scheme:dark){.user-profile-account-menu-container .profile-photo-name-section .name-online-status-section .online-status .online-lamp-section .online-status-label{color:#fff}}.user-profile-account-menu-container .profile-photo-name-section .name-online-status-section .online-status .online-status-selector{margin-left:5px}.user-profile-account-menu-container .profile-photo-name-section .name-online-status-section .online-status .online-status-selector i{font-size:12px;color:#999}.user-profile-account-menu-container .profile-menu-section{padding-top:8px;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #eaeaea}.user-profile-account-menu-container .profile-menu-section .menu-item{display:flex;align-items:center;padding:3px 0;color:#333;text-decoration:none;transition:color .2s ease}@media(prefers-color-scheme:dark){.user-profile-account-menu-container .profile-menu-section .menu-item{color:#fff}}.user-profile-account-menu-container .profile-menu-section .menu-item:hover{color:#0092e4}@media(prefers-color-scheme:dark){.user-profile-account-menu-container .profile-menu-section .menu-item:hover{color:#5ab8ff}}.user-profile-account-menu-container .profile-menu-section .menu-item .icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-right:12px}.user-profile-account-menu-container .profile-menu-section .menu-item .icon img{width:24px;height:24px}.user-profile-account-menu-container .profile-menu-section .menu-item .label{font-size:16px;font-weight:500}.user-profile-account-menu-container .sign-out-button-section button{display:flex;align-items:center;width:100%;font-weight:700;color:#0092e4;justify-content:center;padding:13px;border:1px solid #ccc;background:none;cursor:pointer;transition:opacity .2s ease}@media(prefers-color-scheme:dark){.user-profile-account-menu-container .sign-out-button-section button{color:#fff}}.user-profile-account-menu-container .sign-out-button-section button:hover{opacity:.8}.user-profile-account-menu-container .sign-out-button-section button .icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin-right:10px}.user-profile-account-menu-container .sign-out-button-section button .icon img{width:20px;height:20px}.user-profile-account-menu-container .sign-out-button-section button .label{font-size:14px;font-weight:700}body{padding:0;margin:0;font-family:Nunito Sans,sans-serif;background-color:#fff;color:#000}@media(prefers-color-scheme:dark){body{color:#fff}}body input{color:#000}@media(prefers-color-scheme:dark){body input{color:#fff}}body .modal-background{background-color:#fff;color:#000}@media(prefers-color-scheme:dark){body .modal-background{background-color:#212121;color:#fff}}body.messages{background-color:#ebf6ff}@media(prefers-color-scheme:dark){body.messages{background-color:#181818}}@media(min-width:768px){body.messages{background-color:#fff}}@media(min-width:768px)and (prefers-color-scheme:dark){body.messages{background-color:#181818}}@media(prefers-color-scheme:dark){body{background-color:#181818}}.light-dark .dark{display:none}@media(prefers-color-scheme:dark){.light-dark .dark{display:inherit}.light-dark .light{display:none}}button{cursor:pointer;appearance:none;-moz-appearance:none;-webkit-appearance:none;border:0;background:none}.container{margin:0 auto}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}a{text-decoration:none}.btn-primary{color:#fff;background-color:#0092e4;padding:8px 15px;cursor:pointer;font-size:16px}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.input-container label{display:block;font-size:14px}.input-container .error-message{font-size:13px;color:#c30000;padding-top:8px}@media(prefers-color-scheme:dark){.input-container .error-message{color:#ff4848}}.input-container input[type=date],.input-container input[type=email],.input-container input[type=password],.input-container input[type=text]{border:0;outline-width:0;background-color:rgba(0,0,0,0);padding-bottom:8px;font-size:15px;appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;border-bottom:1px solid #ccc;width:100%;display:block}.input-container.error label{color:#c30000}@media(prefers-color-scheme:dark){.input-container.error label{color:#ff4848}}.input-container.error input[type=date],.input-container.error input[type=email],.input-container.error input[type=password],.input-container.error input[type=text]{border-bottom-color:#c30000}@media(prefers-color-scheme:dark){.input-container.error input[type=date],.input-container.error input[type=email],.input-container.error input[type=password],.input-container.error input[type=text]{border-bottom-color:#ff4848}}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{flex:1;padding-right:40px}.password-input-wrapper .password-toggle{position:absolute;right:10px;background:none;border:none;cursor:pointer;padding:5px;color:#666}@media(prefers-color-scheme:dark){.password-input-wrapper .password-toggle{color:#ccc}}.password-input-wrapper .password-toggle:hover{color:#0092e4}.password-input-wrapper .password-toggle i{font-size:18px}.btn-danger{color:#fff;background-color:#d32f2f;padding:8px 15px;cursor:pointer;font-size:16px;border-radius:4px}.btn-danger:hover{background-color:#b71c1c}.btn-danger:disabled{cursor:not-allowed;opacity:.5}.btn-primary{border-radius:4px}.btn-primary:hover{background-color:#07c}.btn-secondary{color:#666;background-color:#f5f5f5;padding:8px 15px;cursor:pointer;font-size:16px;border-radius:4px;border:1px solid #ddd}@media(prefers-color-scheme:dark){.btn-secondary{color:#ccc;background-color:#333;border-color:#555}}.btn-secondary:hover{background-color:#e0e0e0}@media(prefers-color-scheme:dark){.btn-secondary:hover{background-color:#444}}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.notification-menu-container{background-color:#fff;color:#000}@media(prefers-color-scheme:dark){.notification-menu-container{background-color:#1b222d;color:#fff;border:1px solid #eaeaea}}.notification-menu-container .header-section{display:flex;justify-content:center;align-items:center;padding:8px 8px 12px;gap:10px;border-bottom:1px solid #0092e4}@media(prefers-color-scheme:dark){.notification-menu-container .header-section{border-bottom-color:#fff}}.notification-menu-container .header-section .title-img-container{width:24px;height:24px}.notification-menu-container .header-section .title-img-container img{max-width:100%;max-height:100%}.notification-menu-container .header-section .title{font-size:16px;font-weight:500;color:#0092e4;line-height:20px;transform:translateY(3px)}@media(prefers-color-scheme:dark){.notification-menu-container .header-section .title{color:#fff}}.notification-menu-container .list-item-container .empty-notifications{display:flex;justify-content:center;align-items:center;padding:40px 20px;text-align:center;min-width:350px}.notification-menu-container .list-item-container .empty-notifications .empty-notifications-content{display:flex;flex-direction:column;align-items:center;gap:16px}.notification-menu-container .list-item-container .empty-notifications .empty-notifications-content svg{color:#0092e4;opacity:.6}@media(prefers-color-scheme:dark){.notification-menu-container .list-item-container .empty-notifications .empty-notifications-content svg{color:#fff;opacity:.7}}.notification-menu-container .list-item-container .empty-notifications .empty-notifications-content .empty-message{color:#666;font-size:14px;font-weight:400;line-height:20px;max-width:200px}@media(prefers-color-scheme:dark){.notification-menu-container .list-item-container .empty-notifications .empty-notifications-content .empty-message{color:#ccc}}.notification-menu-container .list-item-container .notification-list-item{display:flex;font-size:14px;gap:10px;padding:10px;border-bottom:1px solid #bfbfbf;min-width:350px}@media(prefers-color-scheme:dark){.notification-menu-container .list-item-container .notification-list-item{border-bottom-color:#516a96}}.notification-menu-container .list-item-container .notification-list-item:last-of-type{border-bottom:none}.notification-menu-container .list-item-container .notification-list-item .info-button-container{flex:1;gap:20px;display:flex;justify-content:space-between;align-items:center}.notification-menu-container .list-item-container .notification-list-item .info-button-container.notifications{display:block}.notification-menu-container .list-item-container .notification-list-item .info-button-container .info-section{max-width:190px;color:#000}.notification-menu-container .list-item-container .notification-list-item .info-button-container .info-section.notification{max-width:inherit}@media(prefers-color-scheme:dark){.notification-menu-container .list-item-container .notification-list-item .info-button-container .info-section{color:#fff}}.notification-menu-container .list-item-container .notification-list-item .info-button-container .info-section .name-section{font-weight:700}.notification-menu-container .list-item-container .notification-list-item .info-button-container .info-section .received-at-message{color:#0092e4;font-style:italic;font-size:13px}@media(prefers-color-scheme:dark){.notification-menu-container .list-item-container .notification-list-item .info-button-container .info-section .received-at-message{color:#5ab8ff}}.notification-menu-container .list-item-container .notification-list-item .info-button-container .button-section{display:flex;align-items:center;gap:8px;padding-right:10px}.notification-menu-container .list-item-container .notification-list-item .info-button-container .button-section .num-of-messages{background-color:#0092e4;color:#fff;border-radius:50%;width:32px;height:32px;display:flex;font-weight:700;align-items:center;justify-content:center}@media(prefers-color-scheme:dark){.notification-menu-container .list-item-container .notification-list-item .info-button-container .button-section .num-of-messages{background-color:#5ab8ff}}.notification-menu-container .list-item-container .notification-list-item .info-button-container .button-section button{border-radius:50%;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.notification-menu-container .list-item-container .notification-list-item .info-button-container .button-section button i{font-size:18px}.notification-menu-container .list-item-container .notification-list-item .info-button-container .button-section button.like{background-color:#0092e4;color:#fff}@media(prefers-color-scheme:dark){.notification-menu-container .list-item-container .notification-list-item .info-button-container .button-section button.like{background-color:#5ab8ff}}.notification-menu-container .list-item-container .notification-list-item .info-button-container .button-section button.pass{background-color:#b4b4b4;color:#fff}@media(prefers-color-scheme:dark){.notification-menu-container .list-item-container .notification-list-item .info-button-container .button-section button.pass{background-color:#7d7d7d}}