/* CSS Version 1.1*/
 :root {--notification-icon: url(https://media.geeksforgeeks.org/auth-dashboard-uploads/Notifications-Sprite-File.svg);--container-bg-color:#FFFFFF;--notification-header-text:#1D1D1F;--notification-content-bg:#FFFFFF;--notification-text:#000000;--view-all-text:#000000;--notification-modal:#FFFFFF;--notification-content-text:#000000;--notification-modal-heading:#000000;--description-text:#000000;--mark-all:#085CA0;--mark-all-modal:#2092D7;--notification-categories:#0F2B3C;--pagination-button-bg:#FFFFFF;--pagination-color:#212B36;--pagination-border:#DFE3E8;--empty-text:#808080;--sorting-bg:#FFFFFF;--sorting-text:#1D1D1F;--notification-count:#F1F1F1;--unread-bg:#eeeff2;--sort-border:#9597A1;--content-border-bottom:#C1BCBC;--notification-content-hover:#f5f5f7;--filterHighlight:#085CA0;}body[data-dark-mode="true"] {--container-bg-color:#0A0E0F;--notification-header-text:#E9E9EA;--notification-content-bg:#202426;--notification-text:#E9E9EA;--view-all-text:#9597A1;--notification-modal:#0A0E0F;--notification-content-text:#E9E9EA;--description-text:#9299A1;--notification-modal-heading:#E9E9EA;--mark-all:#2092D7;--mark-all-modal:#2092D7;--notification-categories:#E9E9EA;--pagination-button-bg:#494D51;--pagination-color:#9299A1;--pagination-border:#494D51;--empty-text:#FFFFFF;--sorting-bg:#202426;--sorting-text:#E9E9EA;--notification-count:#252B2E;--unread-bg:#252B2E;--sort-border:#9299A1;--content-border-bottom:#353535;--notification-content-hover:#252B2E;--filterHighlight:#2092D7;}.notification-button{height:50px;}.notification-bell-icon{cursor: pointer;}.notification-bell-icon::after{width: 24px !important;height: 24px !important;}.notification-main{position: relative;}.notification-container-main-empty{display: none;width:443px;height:370px;border-radius:0px 0px 10px 10px;border-color:#EEFBF5;position: absolute;top: 50px;right: 0px;background-color:var(--container-bg-color);}.notification-container-main{display: none;width:443px;max-height:660px;border:none;border-radius:0px 0px 10px 10px;position: absolute;top: 50px;right: 0px;background-color:var(--container-bg-color);box-shadow: 0px 4px 4px 0px #00000040;}.notification-header{display: flex;justify-content: space-between;align-items: center;}.notification-header p{min-width: 88px;height:24px;font-weight:500;font-size:18px;line-height: 24px;color:var(--notification-header-text);margin:15px;font-family: var(--font-primary);}.notification-header .mark-read{color:var(--mark-all);cursor:pointer;font-weight: 400;}.notification-content{display: flex;border-bottom: 1px solid var(--content-border-bottom);padding:15px;cursor: pointer;text-decoration: none !important;}.notification-content:hover, .notification-content_container:hover {background-color: var(--notification-content-hover);}.notification-scroll {max-height: 528px;overflow-x: hidden;overflow-y: auto;scrollbar-width: thin;-ms-overflow-style: auto;width: 100%;scroll-behavior: smooth;min-height: 98px }.notification-scroll::-webkit-scrollbar {width: 12px;}.notification-scroll::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, 0.5);border-radius: 6px;}.notification-scroll::-webkit-scrollbar-track {background: transparent;}.image_container{width:29px;height: 29px;margin-right:10px;}.user-icon{width:29px;height: 29px;border-radius: 27px;margin:5px 2px 28px 2px;}.notification-footer{width:446px;height:44px;display: flex;justify-content:center;align-items:center;visibility: hidden;}.notification-footer span{width:102px;height:24px;font-weight:400;font-size:16px;line-height:24px;color:var(--view-all-text);cursor: pointer;text-align: center;font-family:var(--font-primary);}.notification-modal{display:none;background-color: var(--notification-modal);height: calc(100vh - 50px);left: 0;padding: 30px;position: fixed;top: 50px;width: 100%;z-index: 1;}.notification-modal .notification_modal_close{cursor: pointer;height: 40px;position: absolute;right: 10%;top: 25px;width: 40px;text-align:center;align-content:center;}.notification_close_button::after{background-position: -43px -1480px;transform: rotate(45deg);}.notification-modal .notification-modal-content{margin: 0px auto;position: relative;width: 60%;}.loader_modal {display: none;position: fixed;right: 47%;top: 34%;transform: translate(-50%, -50%);border: 5px solid #f3f3f3;border-radius: 50%;border-top: 5px solid #EAEAEA;width: 50px;height: 50px;animation: spin 2s linear infinite;}.notification-modal-content-header{align-items: center;display: flex;justify-content: space-between;margin-bottom: 20px;}.notification-modal-content-header .heading_notification{font-size:24px;color:var(--notification-modal-heading);font-weight: 600;font-family:var(--font-primary);}.mark_all_read{width:160px;height:19px;color:var(--mark-all-modal);display: flex;justify-content:center;align-items:center;margin:6px 19px 7px;cursor:pointer;font-size:14px;font-family:var(--font-primary);margin-right: -18px;}.mark_icon{width:32px;height:9px;margin: 0 -5px 0 5px;align-items: center;display: flex;justify-content: center;cursor:pointer;}.mark_icon::after{background-position: -49px -2961px;}.sorting{position: relative;display:flex;justify-content:center;align-items:center;}.notification_categories{height:33px;display: flex;justify-content: flex-start;align-items: center;}.notification_categories span{width: 80px;height:25px;font-weight:400px;font-size:18px;line-height:24.55px;gap:5px;margin-right: 20px;justify-content: center;display: flex;margin-top: 4px;margin-left: 14px;margin-bottom: 8px;font-family:var(--font-primary);}.zero_notification_content{align-items: center;display: flex;flex-direction: column;gap: 20px;justify-content: center;min-height: 250px;display:none;}.notification-category_container{width:100%;border-bottom:1px solid #9299A1;}.notification-modal-scroll {height: 70vh;max-height: 732px;overflow-x: hidden;overflow-y: auto;scrollbar-width: thin;-ms-overflow-style: auto;width: 100%;scroll-behavior: smooth;}.notification-modal-scroll::-webkit-scrollbar {width: 6px;}.notification-modal-scroll::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, 0.5);border-radius: 6px;}.notification-content-box{margin-top: 0px;}.notification_box_title{font-family: var(--font-primary);font-weight:500;font-size:16px;line-height:18.4px;color:var(--notification-content-text);white-space: normal;word-break: break-word;word-spacing: normal;text-align: left;}.notification_box_description{font-weight:400;font-size:14px;line-height:16.1px;font-family: var(--font-secondary);color:var(--description-text);margin-top: 3px;white-space: normal;word-break: break-word;word-spacing: normal;text-align: left;}.truncate-two-lines {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}.notification_box_timestamp{width:53px;height:14px;font-family: var(--font-secondary);font-weight:400;font-size:12px;line-height: 13.8px;color:#707070;}.notification-modal-content .notification-content_container{width: 100%;gap: 25px;display: flex;justify-content: center;align-items: center;border-bottom:1px solid var(--content-border-bottom);margin-bottom: 0px;padding: 16px 10px;cursor: pointer;}.notification-modal-content .notification-content_container .user-icon{width:29px;height:29px;border-radius:27px;margin: 5px 0px 45px 3px;}.notification-text-container{width:88%;}.notification_title{font-weight:600;font-size:16px;line-height:16px;font-family: var(--font-primary);color:var(--notification-content-text);text-align:left;}.notification_description{font-weight:400;font-size:14px;line-height:16.1px;font-family: var(--font-secondary);color:var(--description-text);margin-top: 6px;margin-bottom: 0px;text-align:left;}.timestamp{width:53px;height:14px;font-weight:400;font-size:12px;line-height:13.8px;color:#707070;margin:15px 15px 36px 0px;font-family: var(--font-secondary);}.notification-category{position: relative;cursor: pointer;}.notification-category::after {content: "";display: block;height: 2px;background: black;position: absolute;left: 0;bottom: 0;width: 0;}.notification-category.active::after {height:3px;border-radius: 5px;width: 100%;background-color: var(--filterHighlight);margin-top: 2px;}.disabled {color: red;}.empty_notifications{margin-top: 23px;display: flex;justify-content: center;align-items: center;font-size: 16px;font-weight: 400;color: var(--empty-text);font-family:var(--font-primary);}.notification_hide{display:none ;}.notification_count{width:32px;height:25px;background-color: var(--notification-count);color: var(--notification-categories);font-size:14px;font-weight:600;line-height:21px;border-radius: 4px;display: flex;justify-content: center;align-items: center;margin-bottom: 1px;font-family: var(--font-primary);}.unread_notification {background-color: var(--unread-bg);}.loader {position: absolute;right: 45%;top: 50%;transform: translate(-50%, -50%);border: 5px solid #f3f3f3;border-radius: 50%;border-top: 5px solid #EAEAEA;width: 50px;height: 50px;animation: spin 2s linear infinite;}body.no-scroll {position: fixed;width: 100%;overflow: hidden;}.notification-icon::after{content: "";background-repeat: no-repeat;width: 24px;vertical-align: middle;background-color: transparent;overflow: hidden !important;display: inline-block;height: 24px;transition: opacity 0.3s, rotate 200ms;font-style: normal;line-height: 1;letter-spacing: normal;text-transform: none;white-space: nowrap;word-wrap: normal;direction: ltr;-webkit-font-feature-settings: 'liga';-webkit-font-smoothing: antialiased;transform-origin: center;background-image: var(--notification-icon);}.sorting-icon::after{background-position: -20px -20px;}.empty-icon{margin-top: 81px;display: flex;justify-content: center;align-items: center;font-weight: 400;color: var(--empty-text);}.empty-icon::after{background-position: -20px -64px;transform: scale(1.7);border-radius: 50%;}.notification_categories-inner-container{width: 103px;color: grey;}.active-category {color: var(--notification-categories);}.hide-viewAll{display:none;}.button {color: white;display: inline-block;position: relative;}.notification-count {display:none ;background-color: #d30000;border-radius: 50%;color: white;width: 22px;height: 22px;display: flex;justify-content: center;align-items: center;font-size: 13px;position: absolute;top: -5px;right: -5px;cursor: pointer;font-weight:600;}@keyframes spin {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}@media (max-width:1440px){.notification-container-main{width:365px;max-height:500px;}.notification-scroll{width:365px;max-height: 368px;}.notification-footer {width:365px;}.notification_box_title {font-size:14px;}.notification_box_description {font-size:14px;}}@media (max-width: 769px) {.notification-modal-scroll{max-height: calc(100vh - 200px);}.notification_categories-inner-container{padding-right: 11px;display: flex;}.notification-category.active::after{width:88%;;}.notification-button {display: block !important;margin-top:27px;}.notification-modal .notification-modal-content {width:83%;}.notification-modal-content .notification-content_container .user-icon{margin:5px 0px 28px 3px;}.notification-modal .notification_modal_close{position: absolute;right:4%;top:5px;}.notification_categories{justify-content:space-around;}.notification_box_title {font-size:14px;}.notification_box_description {font-size:12px;}.notification_title{font-size:14px;}.notification_description{font-size:12px;}.notification_categories span{font-size:16px;}}@media (max-width:579px){.notification-modal-content-header .heading_notification{font-size:20px;margin-right: 0px;}.notification-modal {width:100vw;padding-left: 0px;padding-right: 0px;margin-left: 0px;}.notification-modal-content .notification-content_container .user-icon {margin-left:3px;}.notification-modal .notification-modal-content {margin-right:38px;margin-left:36px;}.notification-modal .notification_modal_close{position: fixed;right: 7%;top: 46px;}.sort-text{display:none;}}@media (max-width:470px){.notification-modal .notification_modal_close{right: 5%;}}@media (max-width:390px){.notification-modal .notification_modal_close{right: 3%;}}@media (max-height: 800px) {.notification-modal-scroll {height: 544px;}}@media (max-height: 720px) {.notification-modal-scroll {height: 410px;}}@media (min-height: 900px) {.notification-modal-scroll {height: calc(-260px + 100vh);}}