.header{display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:20px;box-shadow:0 12px 5px -10px #0000001a}.header .hamburger-icon{display:none;cursor:pointer}.header .hamburger-icon img{margin-left:10px;height:24px;width:24px}@media screen and (max-width: 750px){.header .hamburger-icon{display:block;margin-right:10px;order:0}}.header .logo{display:flex}.header .logo .background{background-color:#f0f7ff;display:flex;align-items:center;border-radius:20px;height:100px;width:auto}.header .logo .img{margin-left:10px;height:80px}@media screen and (max-width: 400px){.header .logo .img{height:60px!important;width:60px!important}}.header .logo .title-container{margin-left:10px;display:flex;flex-direction:column;align-items:flex-start;margin-right:20px}@media screen and (max-width: 400px){.header .logo .title-container{margin:0!important}}.header .logo .title-container .logo-title{color:#197bbd;font-family:Poppins-SemiBold;font-size:20px}@media screen and (max-width: 1100px){.header .logo .title-container .logo-title{font-size:18px}}@media screen and (max-width: 976px){.header .logo .title-container .logo-title{font-size:17px}}@media screen and (max-width: 470px){.header .logo .title-container .logo-title{font-size:16px}}@media screen and (max-width: 400px){.header .logo .title-container .logo-title{font-size:14px}}.header .logo .title-container .logo-subtitle{color:#696969;font-family:Poppins-SemiBold;font-size:12px}@media screen and (max-width: 470px){.header .logo .title-container .logo-subtitle{font-size:10px}}@media screen and (max-width: 400px){.header .logo .title-container .logo-subtitle{font-size:10px!important}}.header .navigation{display:flex;justify-content:space-between}.header .navigation .nav-items{position:relative;margin:0 15px}.header .navigation .nav-items .dashboard-label,.header .navigation .nav-items .activities-label,.header .navigation .nav-items .help-label,.header .navigation .nav-items .admin-label{text-align:center;color:#1c1c1c;font-size:16px;font-weight:600;word-wrap:break-word;cursor:pointer;padding-bottom:10px;transition:color .3s ease}.header .navigation .nav-items .dashboard-label:hover,.header .navigation .nav-items .activities-label:hover,.header .navigation .nav-items .help-label:hover,.header .navigation .nav-items .admin-label:hover,.header .navigation .nav-items.active .dashboard-label,.header .navigation .nav-items.active .activities-label,.header .navigation .nav-items.active .help-label,.header .navigation .nav-items.active .admin-label{color:#1976b5}.header .navigation .nav-items.active .dashboard-label:after,.header .navigation .nav-items.active .activities-label:after,.header .navigation .nav-items.active .help-label:after,.header .navigation .nav-items.active .admin-label:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:#1976b5}.header .profile{display:flex;position:relative}.header .profile .icon-background{width:50px;height:50px;align-content:center;text-align:center;background-color:#d9ecff;border-radius:50%;cursor:pointer}@media screen and (max-width: 1100px){.header .profile .icon-background{display:none}}.header .profile .profile-icon{height:18px;width:18px;vertical-align:text-top}.header .profile .user-account{display:flex;flex-direction:column;align-items:flex-start;margin-left:15px;cursor:pointer}@media screen and (max-width: 1100px){.header .profile .user-account{align-items:center}}.header .profile .user-account .user-name{color:#0a83bb;font-size:18px;font-weight:500;word-wrap:break-word}.header .profile .user-account .my-account{color:#aeaeae;font-size:14px;font-family:Poppins;font-weight:400;word-wrap:break-word}.header .profile .profile-tooltip{position:absolute;top:100%;left:70%;transform:translate(-50%);background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:4px;padding:10px;display:flex;flex-direction:column;align-items:center;z-index:1000;white-space:nowrap}.header .profile .profile-tooltip .profile-logout-button{background-color:#fff;color:#0078d8;border:none;border-radius:4px;padding:5px 10px;font-size:14px;cursor:pointer;text-decoration:underline}.mobile-drawer{position:fixed;top:0;left:-100%;width:250px;height:100%;background-color:#fff;transition:left .3s ease;z-index:999;box-shadow:2px 0 10px #0003;padding:20px;display:flex;flex-direction:column}.mobile-drawer.open{left:0}.mobile-drawer .drawer-header{display:flex;justify-content:flex-end;margin-bottom:10px}.mobile-drawer .drawer-header .close-icon{height:24px;width:24px;cursor:pointer}.mobile-drawer .drawer-logo{display:flex;justify-content:center;padding:10px;background:#f0f7ff;border-top-left-radius:15px;border-top-right-radius:15px}.mobile-drawer .drawer-logo .drawer-logo-img{height:80px;width:auto}.mobile-drawer .drawer-username{text-align:center;font-size:20px;font-weight:600;color:#0a83bb;margin-bottom:10px;padding:10px;background:#f0f7ff;border-bottom-left-radius:15px;border-bottom-right-radius:15px}.mobile-drawer .drawer-divider{border:none;border-top:1px solid #e0e0e0;margin:10px 0}.mobile-drawer .drawer-nav{display:flex;flex-direction:column}.mobile-drawer .drawer-nav .drawer-item{display:flex;align-items:center;gap:10px;padding:16px 0;cursor:pointer;font-size:16px;font-weight:600;color:#000}.mobile-drawer .drawer-nav .drawer-item .drawer-icon{height:30px;width:30px}.mobile-drawer .drawer-nav .drawer-item:hover,.mobile-drawer .drawer-nav .drawer-item.active{color:#1976b5}.mobile-drawer .drawer-logout{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:18px;font-weight:500;color:#0078d8;padding-top:12px}.mobile-drawer .drawer-logout .drawer-icon{height:22px;width:22px}.mobile-drawer .drawer-logout:hover{text-decoration:underline}@media screen and (max-width: 850px){.header{flex-direction:row;padding:10px}.header .hamburger-icon{display:block}.header .logo{flex:1;order:1;display:flex;justify-content:center;width:100%}.header .logo .background{justify-content:flex-start;padding:10px;border-radius:20px}.header .logo .img{height:80px;width:auto}.header .logo .title-container{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin-left:15px}.header .logo .title-container .logo-title{color:#197bbd;white-space:normal}.header .logo .title-container .logo-subtitle{display:block;font-size:12px;color:#696969;white-space:normal}.header .navigation,.header .profile{display:none!important}}.dashboard-container{display:flex;flex-direction:column;align-items:flex-start;width:-webkit-fill-available}.dashboard-container .title{font-family:Asap;color:#404040;font-size:35px;font-weight:500}.dashboard-container .sub-title{font-family:Asap;color:#8b8a8a;font-size:16px;margin-top:5px}.dashboard-container .dashboard-content{display:flex;justify-content:space-between;margin-bottom:40px;align-items:center;width:-webkit-fill-available}@media screen and (max-width: 1364px){.dashboard-container .dashboard-content{flex-direction:column}}.dashboard-container .progress-tracker-section{width:100%}@media screen and (max-width: 1364px){.dashboard-container .quick-statistics-section{width:-webkit-fill-available}}.progress-tracker{background-color:#f9fcff;border-radius:15px;padding:20px;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 8px #0000001a;height:27rem;min-height:15rem;width:-webkit-fill-available}@media screen and (max-width: 1364px){.progress-tracker{height:max-content}}.progress-tracker .progress-header{font-size:25px;font-weight:700;color:#000;align-self:flex-start}.progress-tracker .progress-content{display:flex;justify-content:space-between;width:35rem;flex-wrap:wrap;flex-direction:row}@media screen and (max-width: 1364px){.progress-tracker .progress-content{flex-direction:column;width:-webkit-fill-available}}.progress-tracker .progress-content .progress-circle{width:55%;display:flex;flex-direction:column;align-items:center;align-self:center}@media screen and (max-width: 1364px){.progress-tracker .progress-content .progress-circle{width:30%}}@media screen and (max-width: 976px){.progress-tracker .progress-content .progress-circle{width:50%!important}}@media screen and (max-width: 550px){.progress-tracker .progress-content .progress-circle{width:70%!important}}@media screen and (max-width: 400px){.progress-tracker .progress-content .progress-circle{width:90%!important}}.progress-tracker .progress-content .progress-circle .CircularProgressbar .CircularProgressbar-text{font-weight:700;color:#0a83bb}.progress-tracker .progress-content .progress-circle .CircularProgressbar .CircularProgressbar-path{stroke:#0078d8;stroke-linecap:square;font-size:24px;background-color:#d6d6d6}.progress-tracker .progress-content .progress-circle .goal-capsule{width:50%;height:20%;background:linear-gradient(180deg,#ecf5ff,#daedff);border-radius:40px;align-content:center;margin-top:-50px}.progress-tracker .progress-content .progress-circle .goal-capsule .goal-label{display:flex;flex-direction:column;text-align:center;color:#1976b5}.progress-tracker .progress-content .progress-circle .goal-capsule .goal-label span:first-of-type{font-size:25px;font-weight:700}.progress-tracker .progress-content .progress-circle .goal-capsule .goal-label span:last-of-type{font-size:14px}.progress-tracker .progress-content .divider{width:1px;height:90%;background-color:#e8e8e8;align-self:center}@media screen and (max-width: 1364px){.progress-tracker .progress-content .divider{width:90%;height:1px;margin:30px 0 10px}}.progress-tracker .progress-content .progress-details{display:flex;flex-direction:column;justify-content:space-between}@media screen and (max-width: 1364px){.progress-tracker .progress-content .progress-details{flex-direction:row;justify-content:space-around;display:grid;grid-auto-flow:column;column-gap:2rem}}.progress-tracker .progress-content .progress-details .goal,.progress-tracker .progress-content .progress-details .current-steps,.progress-tracker .progress-content .progress-details .steps-remaining{text-align:right;display:flex;flex-direction:column}.progress-tracker .progress-content .progress-details .goal span:first-of-type,.progress-tracker .progress-content .progress-details .current-steps span:first-of-type,.progress-tracker .progress-content .progress-details .steps-remaining span:first-of-type{font-size:40px;font-weight:600}.progress-tracker .progress-content .progress-details .goal span:last-of-type,.progress-tracker .progress-content .progress-details .current-steps span:last-of-type,.progress-tracker .progress-content .progress-details .steps-remaining span:last-of-type{font-size:14px;color:#aeaeae;font-family:Poppins}.progress-tracker .progress-content .progress-details .goal .goal-number{color:#197bbd}.progress-tracker .progress-content .progress-details .current-steps .current-steps-number{color:#439a86}.progress-tracker .progress-content .progress-details .steps-remaining .steps-remaining-number{color:#8b8a8a}.progress-tracker .badge-progress-section{width:-webkit-fill-available;margin-top:40px;min-width:250px}.progress-tracker .badge-progress-section .progress-container{margin:0 50px}@media screen and (max-width: 1364px){.progress-tracker .badge-progress-section{margin:40px 30px 30px}.progress-tracker .badge-progress-section .badge-container{max-width:max-content}}@media screen and (max-width: 470px){.progress-tracker .badge-progress-section{margin:40px 20px 30px}}.progress-tracker .first-login-popup-bg{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.progress-tracker .first-login-popup-content{background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;max-height:fit-content;overflow:auto;display:inline-grid;justify-content:center}.progress-tracker .first-login-popup-content .body{display:flex;flex-direction:column;margin:0 0 20px;align-items:center}@media screen and (max-width: 550px){.progress-tracker .first-login-popup-content .body .login-bonus-image{height:25rem;width:25rem}}@media screen and (max-width: 400px){.progress-tracker .first-login-popup-content .body .login-bonus-image{height:20rem;width:20rem}}.progress-tracker .first-login-popup-content .body .badge-animation{height:20rem;width:20rem;margin-top:10px}.progress-tracker .first-login-popup-content .body .popup-okay-btn{cursor:pointer;background-color:#0078d8;width:95px;height:40px;border-radius:5px;color:#fff;align-self:center;margin:10px 0 5px}@media screen and (max-width: 550px){.progress-tracker .first-login-popup-content .body .popup-okay-btn{width:65px;height:30px;font-size:12px}}.progress-tracker .animation-popup-bg{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.progress-tracker .animation-popup-content{background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;max-height:fit-content;overflow:auto;display:inline-grid;justify-content:center;min-width:35%}.progress-tracker .animation-popup-content .body{display:flex;flex-direction:column;margin:30px;align-items:center}.progress-tracker .animation-popup-content .body .badge-animation{height:30rem;width:30rem}@media screen and (max-width: 1100px){.progress-tracker .animation-popup-content .body .badge-animation{height:20rem;width:20rem}}@media screen and (max-width: 850px){.progress-tracker .animation-popup-content .body .badge-animation{height:15rem;width:15rem}}.progress-tracker .animation-popup-content .body .next-goal-section{display:flex;flex-direction:row;margin:10px 0;justify-content:center}@media screen and (max-width: 1100px){.progress-tracker .animation-popup-content .body .next-goal-section{flex-direction:column}}.progress-tracker .animation-popup-content .body .next-goal-section .updated-goal-container{margin:20px 0}.progress-tracker .animation-popup-content .body .next-goal-section .level-up-msg{color:#000;font-size:18px;font-weight:500;display:flex;align-items:center;justify-content:center}.progress-tracker .animation-popup-content .body .next-goal-section .level-up-msg .new-goal{font-size:22px;font-weight:700;margin-left:5px}.progress-tracker .animation-popup-content .body .next-goal-section .big{font-size:20px;font-weight:600}.progress-tracker .animation-popup-content .body .next-goal-section .divider{width:1px;height:90%;background-color:#e8e8e8;align-self:center;margin:0 20px}.progress-tracker .animation-popup-content .body .next-goal-section .next-badge-container{display:flex;align-items:center;justify-content:center;flex-direction:column}.progress-tracker .animation-popup-content .body .next-goal-section .next-badge-container .next-badge{width:60px;height:60px}.progress-tracker .animation-popup-content .body .popup-okay-btn{cursor:pointer;background-color:#0078d8;width:95px;height:40px;border-radius:5px;color:#fff;align-self:center;margin:20px 0 10px}@media screen and (max-width: 750px){.progress-tracker{height:max-content}.progress-tracker .progress-content{flex-direction:column;width:-webkit-fill-available}.progress-tracker .progress-content .progress-circle{width:50%}.progress-tracker .progress-content .divider{width:90%;height:1px;margin:30px 0 10px}.progress-tracker .progress-content .progress-details{flex-direction:row;justify-content:space-around}.progress-tracker .progress-content .progress-details .goal span:first-of-type,.progress-tracker .progress-content .progress-details .current-steps span:first-of-type,.progress-tracker .progress-content .progress-details .steps-remaining span:first-of-type{font-size:25px!important}.progress-tracker .badge-progress-section .progress-container{margin:0!important}.progress-tracker .badge-progress-section .badge-container{max-width:max-content}}.loader{width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}.loader .spinner{border:4px solid #f3f3f3;border-radius:50%;animation:spin 1s linear infinite}.loader .small{border-top:4px solid #1976b5;width:12px;height:12px}.loader .medium{border-top:6px solid #1976b5;width:50px;height:50px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.expand{width:20rem}.progress-container{text-align:center}.progress-container .progress-bar{position:relative;height:10px;background-color:#d0e8ff;border-radius:10px;padding:2px;margin-right:15px}.progress-container .progress-bar .progress{height:100%;background-color:#2592c4;border-radius:10px;transition:width .3s ease}.progress-container .progress-bar .badge{position:absolute;top:-3px;display:flex;flex-direction:column;align-items:center;transition:transform .3s ease}.progress-container .progress-bar .badge .badge-background{height:20px;width:20px;justify-content:center;align-items:center;border-radius:30px;background-color:unset;display:flex;flex-direction:column}.progress-container .progress-bar .badge .foot-icon{height:30px;width:30px}.progress-container .progress-bar .badge .badge-label{margin-top:5px;font-size:10px;color:#696969}.statistics-box{background-color:#f9fcff;border-radius:15px;padding:20px;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 8px #0000001a;margin-left:2rem;min-height:15rem;height:27rem;min-width:fit-content;max-width:max-content}@media screen and (max-width: 1364px){.statistics-box{min-width:fit-content;max-width:-webkit-fill-available;margin-top:40px;margin-left:0;height:min-content}}.statistics-box .statistics-header{font-size:25px;font-weight:700;color:#000;margin-bottom:0;align-self:flex-start;margin-top:inherit}@media screen and (max-width: 1364px){.statistics-box .statistics-header{margin-top:0}}.statistics-box .content{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;padding:20px;max-width:min-content}@media screen and (max-width: 550px){.statistics-box .content{padding:20px 0}}@media screen and (max-width: 1364px){.statistics-box .content{grid-template-columns:repeat(3,1fr);grid-gap:20px 80px;max-width:-webkit-fill-available}}@media screen and (max-width: 976px){.statistics-box .content{grid-gap:20px 60px}}@media screen and (max-width: 850px){.statistics-box .content{grid-gap:10px 10px}}@media screen and (max-width: 750px){.statistics-box .content{grid-template-columns:repeat(2,1fr);grid-gap:20px 60px}}@media screen and (max-width: 670px){.statistics-box .content{grid-gap:20px 20px}}.statistics-box .section{padding:10px 15px}.statistics-box .section .icon-text-container{display:flex;flex-direction:row;align-items:center}@media screen and (max-width: 550px){.statistics-box .section .icon-text-container{flex-direction:column;align-items:start;gap:5px}}.statistics-box .section .icon-text-container .icon-container{background-color:#d0e8ff;min-width:80px;min-height:80px;border-radius:50%;align-content:center}@media screen and (max-width: 400px){.statistics-box .section .icon-text-container .icon-container{min-width:48px;min-height:48px}}.statistics-box .section .icon-text-container .icon-container .stat-icon{width:48px;height:48px;margin-top:5px}@media screen and (max-width: 400px){.statistics-box .section .icon-text-container .icon-container .stat-icon{width:32px;height:32px}}.statistics-box .section .icon-text-container .stat-info{display:flex;flex-direction:column;align-items:flex-start;margin:0 0 0 10px;text-align:start}@media screen and (max-width: 550px){.statistics-box .section .icon-text-container .stat-info{flex-direction:row;align-items:center;gap:10px;margin:0}}.statistics-box .section .icon-text-container .stat-info .value{font-size:32px;font-weight:700;color:#1e1e1e}@media screen and (max-width: 400px){.statistics-box .section .icon-text-container .stat-info .value{font-size:24px}}.statistics-box .section .icon-text-container .stat-info .description{font-size:14px;font-family:Poppins;color:#aeaeae;min-width:80px}@media screen and (max-width: 550px){.statistics-box .section .icon-text-container .stat-info .description{max-width:100px}}@media screen and (max-width: 400px){.statistics-box .section .icon-text-container .stat-info .description{font-size:12px;min-width:40px;width:60px}}.outer-box{text-align:start;min-width:-webkit-fill-available}.outer-box .header-container{display:flex;justify-content:space-between}.outer-box .header-container .cross{height:32px;width:32px;margin:20px 20px 0 0;cursor:pointer}.outer-box .loader{padding:50px 0;height:fit-content}.outer-box .loader-text{color:#000;text-align:center;margin:0 0 30px}.outer-box .save-confirmation-modal{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 8px #0000001a;text-align:center;z-index:1000}.outer-box .save-confirmation-modal .animation-image{width:20%;height:20%;position:relative}.outer-box .save-confirmation-modal h2{font-weight:700;font-size:16px;color:#000}.outer-box .save-confirmation-modal .modal-okay-btn{cursor:pointer;background-color:#0078d8;width:95px;height:40px;border-radius:5px;color:#fff}.outer-box .track-activity-header{display:flex;justify-content:space-between;align-items:center;margin:20px 40px 10px}.outer-box .track-activity-header .container{text-align:start}.outer-box .track-activity-header .container .activity-link{color:#696969;text-decoration:underline;color:#197bbd;font-size:13px}.outer-box .track-activity-header .container .link-sub{color:#696969;font-size:13px}.outer-box .track-activity-header .container .title{font-size:25px;font-weight:700;color:#000}.outer-box .track-activity-header .container .sub-title{font-family:Asap;color:#696969;font-size:16px;margin:5px 0}.outer-box .searchable-dropdown{background:#fff;border-radius:30px;margin:10px 40px}.outer-box .searchable-dropdown .dropdown-close{border-radius:30px}.outer-box .searchable-dropdown .dropdown-open{border-radius:30px 30px 0 0}.outer-box .section-container{display:flex;justify-content:space-between;margin:30px 40px;align-items:center}.outer-box .section-container .sub-title-outside{color:#0078d8;font-size:12px}@media screen and (min-width: 750px){.outer-box .section-container .sub-title-outside{display:none}}.outer-box .section-container .mode-section{width:48%}.outer-box .section-container .mode-section .mode-label{color:#696969;align-self:flex-start}.outer-box .section-container .mode-section .mode-container{display:flex;background-color:#e8e8e8;height:3rem;border-radius:15px;padding:2px;text-align:center;justify-content:space-between}.outer-box .section-container .mode-section .mode-container .in-person,.outer-box .section-container .mode-section .mode-container .online{width:50%;height:-webkit-fill-available;align-content:center}.outer-box .section-container .mode-section .mode-container .active-mode{background:#fff;color:#0078d8;font-weight:600;border-radius:15px}.outer-box .section-container .mode-section .mode-container .inactive-mode,.outer-box .section-container .mode-section .mode-container .disable-mode{background:#e8e8e8;color:#aeaeae;font-weight:500;border-radius:15px}.outer-box .section-container .activity-type-container,.outer-box .section-container .activity-involvement-container{width:48%}.outer-box .section-container .activity-type-container .activity-type-label,.outer-box .section-container .activity-type-container .activity-involvement-label,.outer-box .section-container .activity-involvement-container .activity-type-label,.outer-box .section-container .activity-involvement-container .activity-involvement-label{color:#696969}.outer-box .section-container .activity-type-container .dropdown,.outer-box .section-container .activity-involvement-container .dropdown{background:#fff;align-content:center;border-radius:15px}.outer-box .section-container .date-container{width:48%}.outer-box .section-container .date-container .date-label{color:#696969}.outer-box .section-container .date-container .date-input{height:3rem;align-content:center;background:#fff;color:#333;width:-webkit-fill-available;padding:0 16px 0 28px;font-family:Asap;font-size:1rem;outline:none;border:1px solid #cacaca;border-radius:15px;font-weight:400}.outer-box .section-container .award-steps-section{width:-webkit-fill-available}.outer-box .section-container .award-steps-section .email-list{display:flex;align-items:baseline;justify-content:space-between}.outer-box .section-container .award-steps-section .email-list .emails-input{width:85%}.outer-box .section-container .award-steps-section .email-list .emails-input .emails-input-field{border-radius:30px}.outer-box .section-container .award-steps-section .email-list .validate-input{width:5rem}.outer-box .section-container .limit-reached-section{background:#aeffec;border-radius:10px;width:-webkit-fill-available;display:flex;align-items:center;padding:1rem}.outer-box .section-container .limit-reached-section .tick-icon{height:30px;width:30px;margin:5px}.outer-box .section-container .limit-reached-section .activity-limit-message{display:flex;flex-direction:column;margin-left:10px;color:#000}.outer-box .section-container .limit-reached-section .activity-limit-message .message-text,.outer-box .section-container .limit-reached-section .activity-limit-message .message-subtext{font-size:large;font-weight:500;white-space:break-spaces}.outer-box .section-container .limit-reached-section .activity-limit-message .message-subtext{margin-top:5px;font-size:small;font-weight:400}.outer-box .section-container .link-section{display:flex;align-items:center}.outer-box .section-container .link-section input[type=checkbox]{margin-right:15px}.outer-box .section-container .link-section .link-text{font-size:16px;color:#333}.outer-box .section-container .link-section .drive-link-label{color:#696969}.outer-box .section-container .link-input{width:-webkit-fill-available}.outer-box .section-container .link-input-field:before,.outer-box .section-container .link-input-field:after{border-color:#e5e7eb}.outer-box .upload-doc-section{width:-webkit-fill-available;display:flex;flex-direction:column;align-items:center;padding:1rem;border:2px dotted rgb(103,118,131);border-radius:5px;color:#000;text-align:center;white-space:break-spaces}.outer-box .upload-doc-section .unpacking-mode-selection-container{display:flex;background-color:#e8e8e8;height:3rem;border-radius:15px;padding:2px;text-align:center;justify-content:space-between;width:20rem;margin:10px 0}@media screen and (max-width: 550px){.outer-box .upload-doc-section .unpacking-mode-selection-container{width:100%}}.outer-box .upload-doc-section .unpacking-mode-selection-container .fill-form,.outer-box .upload-doc-section .unpacking-mode-selection-container .upload-doc{width:50%;align-content:center}.outer-box .upload-doc-section .unpacking-mode-selection-container .active-mode{background:#fff;color:#0078d8;font-weight:600;border-radius:15px}.outer-box .upload-doc-section .unpacking-mode-selection-container .inactive-mode,.outer-box .upload-doc-section .unpacking-mode-selection-container .disable-mode{background:#e8e8e8;color:#aeaeae;font-weight:500;border-radius:15px}.outer-box .upload-doc-section .grid-container{display:grid;grid-template-rows:repeat(3,auto);grid-template-columns:repeat(2,1fr);width:100%;align-items:stretch;gap:10px}@media screen and (max-width: 750px){.outer-box .upload-doc-section .grid-container{grid-template-columns:repeat(1,1fr)}}.outer-box .upload-doc-section .grid-container .grid-item{display:flex;flex-direction:column;align-items:stretch;justify-content:center;color:#000}.outer-box .upload-doc-section .grid-container .grid-item p{margin:0 0 5px;text-align:left}.outer-box .upload-doc-section .grid-container .grid-item input[type=date],.outer-box .upload-doc-section .grid-container .grid-item input[type=text]{width:100%;height:3rem;padding:5px 20px;border:1px solid #ccc;border-radius:15px;font-size:1rem;max-width:-webkit-fill-available}.outer-box .upload-doc-section .grid-container .grid-item .checkbox-label-container{margin-top:20px}.outer-box .upload-doc-section .grid-container .grid-item .dropdown{width:100%;position:relative}.outer-box .upload-doc-section .grid-container .grid-item .dropdown .control{display:flex;align-items:center;border:1px solid #ccc;border-radius:15px;padding:5px 20px;background:#fff;box-sizing:border-box}.outer-box .upload-doc-section .grid-container .grid-item .dropdown .control .selected-value{flex-grow:1;display:flex;align-items:center}.outer-box .upload-doc-section .grid-container .grid-item .dropdown .control .selected-value input{border:none;outline:none;width:100%;padding:0;font-size:16px;background:none;cursor:pointer;z-index:2}.outer-box .upload-doc-section .grid-container .grid-item .dropdown .control .arrow{border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 0;margin:0 22px 0 8px;right:0;position:absolute;z-index:1}.outer-box .upload-doc-section .grid-container .grid-item .dropdown .control .arrow.open{border-color:transparent transparent #999;border-width:0 5px 5px}.outer-box .upload-doc-section .grid-container .grid-item .dropdown .options{display:none;position:absolute;top:100%;left:0;right:0;border:1px solid #ccc;border-radius:0 0 15px 15px;background:#fff;z-index:10;max-height:200px;overflow-y:auto;transition:opacity .3s,visibility .3s}.outer-box .upload-doc-section .grid-container .grid-item .dropdown .options.open{display:block}.outer-box .upload-doc-section .grid-container .grid-item .dropdown .options .option{padding:10px;cursor:pointer;transition:background-color .2s;text-align:start}.outer-box .upload-doc-section .grid-container .grid-item .dropdown .option.selected,.outer-box .upload-doc-section .grid-container .grid-item .dropdown .option:hover{background-color:#d0e8ff;color:#333}.outer-box .upload-doc-section .grid-container .grid-item .error-message{color:#e7233a;margin:5px 0 0 25px}.outer-box .upload-doc-section .grid-container .full-width{grid-column:span 2}.outer-box .upload-doc-section .upload-doc-title-text{margin:0 0 10px;flex-direction:column;align-items:center}.outer-box .upload-doc-section .template-link{text-decoration:underline;color:#197bbd}.outer-box .upload-doc-section .browse-file-section{display:flex;flex-direction:column;align-items:center;justify-content:center}.outer-box .upload-doc-section .browse-file-section .error-message{color:red;margin-top:5px;margin-left:25px}.outer-box .upload-doc-section .browse-file-section .file-input-label{display:flex;align-items:center;justify-content:center;width:100px;height:40px;border-radius:5px;background-color:#fff;padding:5px;border:2px solid #0078d8;color:#0078d8;cursor:pointer;overflow:hidden;margin-bottom:5px}.outer-box .upload-doc-section .browse-file-section .file-input-label .file-input{display:none}.outer-box .upload-doc-section .browse-file-section .file-input-label .file-input-text{white-space:nowrap}.outer-box .upload-doc-section .upload-doc-info{display:flex;flex-direction:column;align-items:center}.outer-box .upload-doc-section .upload-doc-text{color:#000;font-weight:500;text-align:center;margin-top:10px;white-space:break-spaces;position:relative;display:flex;flex-direction:column}.outer-box .upload-doc-section .upload-doc-text .supported-type{color:#197bbd}.outer-box .upload-doc-section .upload-doc-text .max-size{opacity:1;color:#677683}.outer-box .steps-section{height:3rem;align-content:center;color:#0078d8;text-align:center}@media screen and (max-width: 976px){.outer-box .steps-section{margin-bottom:8px}}@media screen and (min-width: 976px){.outer-box .steps-section .steps-awarded-container{display:flex;align-items:flex-end}}@media screen and (max-width: 976px){.outer-box .steps-section .steps-awarded-container{text-align:end}}.outer-box .steps-section .title{font-size:x-large;font-weight:400;margin-right:5px}.outer-box .steps-section .value{font-size:x-large;font-weight:700}.outer-box .steps-section .plus{margin:0 5px;color:#38ada9;font-size:28px}.outer-box .steps-section .bonus{color:#38ada9;font-size:20px}.outer-box .bonus-added{width:-webkit-fill-available;height:fit-content}.outer-box .buttons-section{color:#fff;font-weight:500;display:flex;text-align:center;justify-content:flex-end;align-items:center}.outer-box .buttons-section .buttons-container{display:flex;justify-content:flex-end;width:-webkit-fill-available;column-gap:10px}.outer-box .buttons-section .mode-label{color:#696969;align-self:flex-start}.outer-box .buttons-section .mode-container{display:flex;background-color:#197bbd;height:3rem;border-radius:15px;width:48%;padding:2px;justify-content:space-between;align-items:center}.outer-box .buttons-section .reset-container,.outer-box .buttons-section .submit-container{background-color:#0078d8;padding:8px 12px;border-radius:5px;align-content:center}.outer-box .buttons-section .reset-container .submit-button,.outer-box .buttons-section .submit-container .submit-button{align-content:center;cursor:pointer}.outer-box .buttons-section .reset-container .submit-button .label,.outer-box .buttons-section .submit-container .submit-button .label{cursor:pointer}.outer-box .buttons-section .reset-container .submit-button .loader,.outer-box .buttons-section .submit-container .submit-button .loader{padding:0}.outer-box .buttons-section .reset-container .submit-button .button-text,.outer-box .buttons-section .submit-container .submit-button .button-text{display:flex;flex-direction:column}.outer-box .buttons-section .reset-container .submit-button .button-text .title,.outer-box .buttons-section .reset-container .submit-button .button-text .sub-title,.outer-box .buttons-section .submit-container .submit-button .button-text .title,.outer-box .buttons-section .submit-container .submit-button .button-text .sub-title{color:#0078d8;cursor:pointer}.outer-box .buttons-section .reset-container .submit-button .unpack .title,.outer-box .buttons-section .reset-container .submit-button .unpack .sub-title,.outer-box .buttons-section .submit-container .submit-button .unpack .title,.outer-box .buttons-section .submit-container .submit-button .unpack .sub-title{color:#fff;cursor:pointer}.outer-box .buttons-section .reset-container .submit-button .title,.outer-box .buttons-section .submit-container .submit-button .title{font-weight:600}.outer-box .buttons-section .reset-container .submit-button .sub-title,.outer-box .buttons-section .submit-container .submit-button .sub-title{font-size:12px}.outer-box .buttons-section .reset-container .disable,.outer-box .buttons-section .submit-container .disable{background-color:#f7f9fa;color:#9ea9b7}.outer-box .buttons-section .non-unpacking{background-color:#d0e8ff}.outer-box .buttons-section .reset-container{background-color:#fff;align-content:center}.outer-box .buttons-section .reset-container .reset-button{align-content:center;color:#0078d8;text-decoration:underline}.outer-box .buttons-section .reset-container .reset-button .label{cursor:pointer}.outer-box .buttons-section .award{background-color:#f9fcff}.outer-box .dropdown{position:relative;color:#333;cursor:default;border:1px solid #cacaca}.outer-box .dropdown .background{background:#f0f7ff}.outer-box .dropdown .control{display:flex;justify-content:space-between;align-items:center;padding:5px 20px;border-radius:14px}.outer-box .dropdown .control .selected-value{flex-grow:1;display:flex;align-items:center}.outer-box .dropdown .control .selected-value input{border:none;outline:none;width:100%;font-size:16px;background:none;cursor:pointer;z-index:2}.outer-box .dropdown .control .arrow{border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 0;margin:0 22px 0 8px;right:0;position:absolute;z-index:1}.outer-box .dropdown .control .arrow.open{border-color:transparent transparent #999;border-width:0 5px 5px}.outer-box .dropdown .arrow{border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 0;content:" "}.outer-box .dropdown .arrow.open{border-color:transparent transparent #999;border-width:0 5px 5px}.outer-box .dropdown .selected-value{width:100%}.outer-box .dropdown .selected-value input{line-height:1.5;font-size:1rem;background-color:#fff;color:#333;border:0px;cursor:default;outline:none;padding:8px 52px 8px 10px;transition:all .2s ease;width:-webkit-fill-available}.outer-box .dropdown .options{display:none;background-color:#fff;border:1px solid #ccc;box-shadow:0 1px #0000000f;box-sizing:border-box;margin-top:-1px;max-height:200px;overflow-y:auto;position:absolute;top:100%;width:100%;z-index:1000;-webkit-overflow-scrolling:touch}.outer-box .dropdown .options.open{display:block;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.outer-box .dropdown .option{box-sizing:border-box;color:#333c;cursor:pointer;display:block;padding:8px 10px}.outer-box .dropdown .option.selected,.outer-box .dropdown .option:hover{background-color:#d0e8ff;color:#333}.outer-box .empty-warning{color:#e7233a;margin:5px 0 0 25px}.outer-box .date-warning-container{position:relative}.outer-box .date-warning-container .date-warning{color:#e7233a;margin:5px 0 0 25px;text-decoration:underline}.outer-box .date-warning-container .tooltip{display:none;position:absolute;bottom:-20px;left:0;padding:5px;border-radius:5px;font-size:.9em;background-color:#fff;box-shadow:0 4px 6px #0000001a;color:#e7233a;z-index:10}.outer-box .date-warning-container .date-warning:hover+.tooltip{display:block}.outer-box .text-input-field{width:-webkit-fill-available;height:3rem;padding:0 8px 0 14px;font-family:Asap;font-size:1rem;border-width:2px;border-radius:15px;border-color:#00000014;box-shadow:none;outline:none;font-weight:400}.outer-box .text-input-field:focus{box-shadow:2px 4px 4px #00000014;border-color:#00000014}@media screen and (max-width: 976px){.outer-box .button{flex-direction:column;justify-content:flex-start;margin:0 40px}.outer-box .button .steps-section{align-self:end;margin-bottom:20px}.outer-box .button .buttons-section{align-self:end;margin-bottom:30px}}@media screen and (max-width: 750px){.outer-box .section-container{flex-direction:column;justify-content:flex-start;margin:0 40px}.outer-box .section-container .activity-type-container,.outer-box .section-container .activity-involvement-container,.outer-box .section-container .mode-section,.outer-box .section-container .date-container{width:100%;margin:10px 0}.outer-box .section-container .link-section .drive-link-label{text-align:justify}.outer-box .button .steps-section{align-self:end;margin:20px 0}.outer-box .button .buttons-section .buttons-container{align-self:end}.outer-box .buttons-section .buttons-container{display:flex;justify-content:center;margin-bottom:20px}}@media screen and (max-width: 750px){.button-text .sub-title{display:none}}.dropdown{background:#fff;align-content:center;border-radius:15px;position:relative;color:#333;cursor:default;border:0px;box-shadow:0 0 2px #0000001a;text-align:start;font-family:Asap}.dropdown .control{display:flex;justify-content:space-between;align-items:center;padding:5px 20px;border-radius:14px}.dropdown .control .selected-value{flex-grow:1;display:flex;align-items:center;width:100%}.dropdown-close{border-radius:15px}.dropdown-open{border-radius:15px 15px 0 0}.dropdown{position:relative;color:#333;cursor:default}.dropdown .background{background:#f0f7ff}.dropdown .control{display:flex;justify-content:space-between;align-items:center;padding:0 20px;border-radius:14px}.dropdown .control .selected-value{flex-grow:1;display:flex;align-items:center;-webkit-tap-highlight-color:transparent}.dropdown .control .selected-value input{border:none;outline:none;width:100%;font-size:16px;background:none;cursor:pointer;z-index:2;font-family:Asap;padding:8px 0;width:65px}.dropdown .control .arrow{border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 0;margin:0 15px 0 8px;right:0;position:absolute;z-index:1}.dropdown .control .arrow.open{border-color:transparent transparent #999;border-width:0 5px 5px}.dropdown .arrow{border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 0;content:" "}.dropdown .arrow.open{border-color:transparent transparent #999;border-width:0 5px 5px}.dropdown .selected-value{width:100%}.dropdown .selected-value input{line-height:1.5;font-size:1rem;background-color:#fff;color:#333;border:0px;cursor:default;outline:none;padding:8px 52px 8px 10px;transition:all .2s ease;width:-webkit-fill-available}.dropdown .options{display:none;background-color:#fff;box-shadow:0 2px 8px #0000001a;border:0px;box-sizing:border-box;margin-top:-1px;max-height:200px;overflow-y:auto;position:absolute;top:100%;width:100%;z-index:1000;-webkit-overflow-scrolling:touch}.dropdown .options.open{display:block;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.dropdown .option{box-sizing:border-box;color:#333c;cursor:pointer;display:block;padding:8px 10px}.dropdown .option.selected,.dropdown .option:hover{background-color:#d0e8ff;color:#333}.button-container{background-color:#0078d8;height:40px;border-radius:5px;color:#fff;font-weight:500;text-align:center}.button-container .positive-button{height:40px;align-content:center;cursor:pointer}.button-container .positive-button .label{cursor:pointer;padding:0 10px}.button-container .positive-button .loader{padding:0}.button-container .disable{background-color:#f7f9fa;color:#9ea9b7}.button-container.success{background-color:#27ae60}.button-container.error{background-color:#ff7675}.message-box{width:-webkit-fill-available}.message-box .box-body{border-radius:10px;width:-webkit-fill-available;display:flex;align-items:center;padding:1rem;color:#000}.message-box .box-body.success{background:#bafaef}.message-box .box-body.warning{background:#fbe9ba}.message-box .box-body.error{background:#fbd1cd}.message-box .box-body .tick-icon{height:30px;width:30px;margin:5px}.message-box .box-body .activity-limit-message{display:flex;flex-direction:column;margin-left:10px;color:#000}.message-box .box-body .activity-limit-message .message-text,.message-box .box-body .activity-limit-message .message-subtext{font-size:large;font-weight:500;white-space:break-spaces}.message-box .box-body .activity-limit-message .message-subtext{margin-top:5px;font-size:small;font-weight:400}.input-field-container{position:relative;margin:5px;text-align:-webkit-center}.input-field-container .file_icon_btn{display:flex;align-items:center;margin-top:10px}.input-field-container .img-file{width:20px;height:20px;cursor:pointer}.input-field-container .tooltip-container{position:absolute!important;right:0;margin:5px 5px 0 0}.custom-input{width:100%;border:2px solid #ededed;padding:20px;font-size:16px;border-radius:15px;outline:none;background:none;box-sizing:border-box;transition:border-color .3s;resize:none}.custom-input:focus{border-color:#7f8c8d;padding:20px}.custom-label{position:relative;font-size:14px;top:-25px;background:#fff;transition:all .3s ease-in-out;color:#696969;pointer-events:none;display:flex;flex-direction:column;align-items:flex-start;text-align:start;max-width:20rem;color:#000;background:#f0f7ff;border-radius:12px;padding:5px 12px}.custom-sub-header{font-size:11px;color:#696969}.custom-input:focus+.custom-label,.custom-input:not(:placeholder-shown)+.custom-label{top:0;font-size:16px}.tooltip-container{color:#000;position:relative;display:inline-block}.tooltip-container .tooltip{position:absolute;color:#fff;font-weight:500;border-radius:5px;z-index:1;white-space:nowrap;font-size:10px;padding:5px 8px;box-shadow:0 5px 15px #aeaeae;transition:all .3s ease;max-width:5rem;white-space:break-spaces;width:max-content}.tooltip-container .default-position{margin-top:5px;right:-70%}.tooltip-container .right{right:-240%;top:2px}.tooltip-container .bottom{top:100%;right:-100%;white-space-collapse:break-spaces}.tooltip-container .default-color{background-color:#0078d8}.tooltip-container .yellow{background-color:#fbe9ba}.tooltip-container .red{background-color:#fbd1cd}.tooltip-container .green{background-color:#bafaef}.tooltip-container .yellow,.tooltip-container .red,.tooltip-container .green{color:#000;font-weight:600}.recent-activities-container{background-color:#f9fcff;display:flex;flex-direction:column;border-radius:15px;padding:20px 40px;box-shadow:0 4px 8px #0000001a;text-align:-webkit-auto}@media screen and (max-width: 550px){.recent-activities-container{padding:20px 30px}}@media screen and (max-width: 470px){.recent-activities-container{padding:20px}}.recent-activities-container .container-header{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:20px}.recent-activities-container .container-header .recent-activities-header{font-size:25px;font-weight:700;color:#000}.recent-activities-container .container-header .btn-add-activity-item{background-color:#0078d8;color:#fff;border-radius:5px;cursor:pointer;align-self:center;outline:none;border:none}.recent-activities-container .icon-name-container{grid-area:title}.recent-activities-container .date-container{grid-area:date}.recent-activities-container .type-container{grid-area:type}.recent-activities-container .mode-container{grid-area:mode}.recent-activities-container .steps-container{grid-area:steps}.recent-activities-container .actions-container{grid-area:action}.recent-activities-container .activity-list-item{display:flex;justify-content:space-between;margin-top:10px;margin-bottom:10px;align-items:center;padding-bottom:10px}@media screen and (max-width: 1100px){.recent-activities-container .activity-list-item{display:grid;grid-template-areas:"title title title title steps" "date date type mode delete";gap:30px 0px;padding:10px}}@media screen and (max-width: 750px){.recent-activities-container .activity-list-item{display:grid;gap:30px 0px;padding:10px;text-align-last:start}}@media screen and (max-width: 470px){.recent-activities-container .activity-list-item{display:grid;grid-template-areas:"title delete" "date mode" "type type" "steps steps";gap:30px 0px;padding:10px}}.recent-activities-container .activity-list-item .icon-name-container{display:flex;flex:1;align-items:center;max-width:21rem;min-width:18rem}@media screen and (max-width: 470px){.recent-activities-container .activity-list-item .icon-name-container{display:block}}.recent-activities-container .activity-list-item .icon-name-container .icon-container{background-color:#d0e8ff;border-radius:50%;width:56px;height:56px;align-content:center;margin:0 8px 0 0;min-width:56px}@media screen and (max-width: 470px){.recent-activities-container .activity-list-item .icon-name-container .icon-container{display:none}}.recent-activities-container .activity-list-item .icon-name-container .icon-container .activity-icon{display:flex;justify-content:center}.recent-activities-container .activity-list-item .icon-name-container .icon-container .activity-icon .icon{width:32px;height:32px}.recent-activities-container .activity-list-item .icon-name-container .name-container{margin-left:1rem;display:flex;flex-direction:column}@media screen and (max-width: 470px){.recent-activities-container .activity-list-item .icon-name-container .name-container{margin:0}}.recent-activities-container .activity-list-item .icon-name-container .name-container .name-award-section{display:flex;margin-bottom:4px}.recent-activities-container .activity-list-item .icon-name-container .name-container .name-award-section .activity-name{color:#1d1617;font-size:18px;line-height:1.4;text-align:left;word-break:break-word;width:100%}.recent-activities-container .activity-list-item .icon-name-container .name-container .name-award-section .award-icon{width:30px;height:30px;margin:0 0 0 10px;cursor:pointer}.recent-activities-container .activity-list-item .icon-name-container .name-container .file-container{display:flex;align-items:center;gap:10px}.recent-activities-container .activity-list-item .icon-name-container .name-container .file-container .activity_involvement{border-radius:30px;background-color:#78f7ff4d;text-align:center;color:#007d85;font-size:14px;padding:4px 20px;font-weight:500;margin-top:4px}.recent-activities-container .activity-list-item .icon-name-container .name-container .file-container .file_icon_btn{display:flex;align-items:center;margin-top:10px}.recent-activities-container .activity-list-item .icon-name-container .name-container .file-container .img-file{width:30px;height:30px;cursor:pointer}.recent-activities-container .activity-list-item .date-container{color:#696969;width:10rem;text-align:center}@media screen and (max-width: 1100px){.recent-activities-container .activity-list-item .date-container{min-width:min-content;text-align:start}}.recent-activities-container .activity-list-item .type-container{flex:1;text-align:center;color:#aa4f7a;margin-top:4px;max-width:15rem}@media screen and (max-width: 1100px){.recent-activities-container .activity-list-item .type-container{min-width:min-content;width:15rem;margin:0}}@media screen and (max-width: 750px){.recent-activities-container .activity-list-item .type-container{text-align:start;display:none}}.recent-activities-container .activity-list-item .mode-container{flex:1;text-align:center;color:#696969;margin-top:4px;max-width:8rem}@media screen and (max-width: 1100px){.recent-activities-container .activity-list-item .mode-container{min-width:min-content;width:6rem;margin:0}}@media screen and (max-width: 750px){.recent-activities-container .activity-list-item .mode-container{width:100%;max-width:100%}}.recent-activities-container .activity-list-item .steps-container{position:relative;display:flex;flex-direction:column;align-items:center}@media screen and (max-width: 750px){.recent-activities-container .activity-list-item .steps-container{text-align-last:center;align-items:normal}}.recent-activities-container .activity-list-item .steps-container .activity-step-text{background-color:#eff6ff;padding:10px 20px;border-radius:16px;text-align:center;color:#0a83bb;font-weight:bolder;margin-top:4px;min-width:5rem}@media screen and (max-width: 470px){.recent-activities-container .activity-list-item .steps-container .activity-step-text{width:-webkit-fill-available}}@media screen and (max-width: 1100px){.recent-activities-container .activity-list-item .steps-container .activity-step-text{width:-webkit-fill-available}}.recent-activities-container .activity-list-item .steps-container .unpack-bonus-activity-step-text{background-color:#eff6ff;padding:10px 20px;border-radius:16px;text-align:center;color:#0a83bb;font-weight:bolder;position:absolute;top:0;transform:translateY(-50%);z-index:2;margin-top:10px}@media screen and (max-width: 470px){.recent-activities-container .activity-list-item .steps-container .unpack-bonus-activity-step-text{width:-webkit-fill-available}}@media screen and (max-width: 750px){.recent-activities-container .activity-list-item .steps-container .unpack-bonus-activity-step-text{align-self:center;width:-webkit-fill-available}}@media screen and (max-width: 1100px){.recent-activities-container .activity-list-item .steps-container .unpack-bonus-activity-step-text{min-width:6rem;width:-webkit-fill-available}}@media screen and (min-width: 1100px){.recent-activities-container .activity-list-item .steps-container .unpack-bonus-activity-step-text{width:80px}}.recent-activities-container .activity-list-item .steps-container .unpack-bonus-step-text{background-color:#38ada9;padding:10px 8px 5px;border-bottom-right-radius:16px;border-bottom-left-radius:16px;text-align:center;color:#fff;position:relative;z-index:1;margin-top:25px;font-size:12px;font-weight:700}@media screen and (min-width: 1100px){.recent-activities-container .activity-list-item .steps-container .unpack-bonus-step-text{font-size:10px;width:-webkit-fill-available;margin-left:10px;margin-right:10px}}@media screen and (max-width: 550px){.recent-activities-container .activity-list-item .steps-container .unpack-bonus-step-text{min-width:106px}}@media screen and (max-width: 750px){.recent-activities-container .activity-list-item .steps-container .unpack-bonus-step-text{width:-webkit-fill-available;margin-right:5px;margin-left:5px;align-self:center}}@media screen and (max-width: 1100px){.recent-activities-container .activity-list-item{display:grid;grid-template-areas:"title title title title steps" "date date type mode action";gap:30px 0px;padding:10px}}@media screen and (max-width: 670px){.recent-activities-container .activity-list-item{grid-template-areas:"title title" "date mode" "steps steps" "action action"}}@media screen and (max-width: 470px){.recent-activities-container .activity-list-item{grid-template-areas:"title title" "date mode" "steps steps" "action action"}}.recent-activities-container .activity-list-item .actions-container{display:flex;align-items:center;gap:20px;margin-left:20px}@media screen and (max-width: 470px){.recent-activities-container .activity-list-item .actions-container{margin-left:0;justify-content:space-between}}@media screen and (max-width: 1100px){.recent-activities-container .activity-list-item .actions-container{margin-left:0;gap:20px;justify-content:space-between}}@media screen and (max-width: 670px){.recent-activities-container .activity-list-item .actions-container{margin-left:0;gap:20px}}.recent-activities-container .activity-list-item .actions-container .btn-edit,.recent-activities-container .activity-list-item .actions-container .btn-delete{display:flex;align-items:center;justify-content:center;cursor:pointer}.recent-activities-container .activity-list-item .actions-container .btn-edit img,.recent-activities-container .activity-list-item .actions-container .btn-delete img{width:40px;height:40px}@media screen and (max-width: 670px){.recent-activities-container .activity-list-item .actions-container .btn-edit{display:flex!important;flex-direction:row;background:#fbe9ba;border-radius:12px;width:6rem;padding:5px 20px 5px 5px;gap:10px;font-weight:600;align-items:center;color:#000;justify-content:center}}.recent-activities-container .activity-list-item .actions-container .btn-edit .img-edit{cursor:pointer;vertical-align:middle;border-radius:8px}@media screen and (min-width: 670px){.recent-activities-container .activity-list-item .actions-container .btn-edit .edit-text{content-visibility:hidden}}@media screen and (max-width: 670px){.recent-activities-container .activity-list-item .actions-container .btn-add{background:#bafaef!important;gap:0px}}@media screen and (min-width: 670px){.recent-activities-container .activity-list-item .actions-container .btn-add .add-text{content-visibility:hidden}}@media screen and (max-width: 670px){.recent-activities-container .activity-list-item .actions-container .btn-delete{display:flex!important;flex-direction:row-reverse;background:#fbd1cd;border-radius:12px;width:6rem;padding:5px 5px 5px 20px;gap:10px;font-weight:600;align-items:center;color:#000;justify-content:center}}@media screen and (max-width: 1100px){.recent-activities-container .activity-list-item .actions-container .btn-delete{display:block;justify-self:end}}.recent-activities-container .activity-list-item .actions-container .btn-delete .img-delete{cursor:pointer;vertical-align:middle;border-radius:8px}.recent-activities-container .activity-list-item .actions-container .btn-delete.hide{visibility:hidden}@media screen and (min-width: 670px){.recent-activities-container .activity-list-item .actions-container .btn-delete .delete-text{content-visibility:hidden}}@media screen and (max-width: 750px){.recent-activities-container .hide{grid-template-areas:"title title" "date mode" "steps steps"}}.recent-activities-container .divider{display:flex;border-bottom:1px solid #ccc;margin:20px 0}.recent-activities-container .see-more-link{display:flex;align-items:center;color:#696969;cursor:pointer;justify-content:flex-end;font-weight:600}.recent-activities-container .modal-bg{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.recent-activities-container .modal-content{background-color:#fff;border-radius:8px;margin:0 15rem;box-shadow:0 0 10px #0000001a;width:50%;max-height:fit-content;overflow:auto;display:inline-grid;justify-items:end;min-width:50%;max-height:-webkit-fill-available}@media screen and (max-width: 1364px){.recent-activities-container .modal-content{min-width:70%}}@media screen and (max-width: 750px){.recent-activities-container .modal-content{min-width:90%}}.recent-activities-container .confirmation-modal-bg{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1001}.recent-activities-container .confirmation-modal-bg .confirmation-modal-content{background-color:#fff;border-radius:10px;padding:30px;box-shadow:0 0 10px #0000001a;text-align:center;max-width:400px;width:100%}.recent-activities-container .confirmation-modal-bg .confirmation-modal-content .buttons-section{color:#fff;font-weight:500;display:flex;justify-content:flex-end;align-items:center;margin-top:20px}.recent-activities-container .confirmation-modal-bg .confirmation-modal-content .buttons-section .buttons-container{display:flex;justify-content:flex-end;width:100%;height:40px}.recent-activities-container .confirmation-modal-bg .confirmation-modal-content .buttons-section .buttons-container .cancel-container,.recent-activities-container .confirmation-modal-bg .confirmation-modal-content .buttons-section .buttons-container .save-container{background-color:#e7233a;width:95px;height:40px;border-radius:5px;display:flex;justify-content:center;align-items:center;margin-left:10px}.recent-activities-container .confirmation-modal-bg .confirmation-modal-content .buttons-section .buttons-container .cancel-container .save-button,.recent-activities-container .confirmation-modal-bg .confirmation-modal-content .buttons-section .buttons-container .save-container .save-button{color:#fff;cursor:pointer}.recent-activities-container .confirmation-modal-bg .confirmation-modal-content .buttons-section .buttons-container .cancel-container label,.recent-activities-container .confirmation-modal-bg .confirmation-modal-content .buttons-section .buttons-container .save-container label{margin:0}.recent-activities-container .confirmation-modal-bg .confirmation-modal-content .buttons-section .buttons-container .cancel-container{background-color:#fff}.recent-activities-container .confirmation-modal-bg .confirmation-modal-content .buttons-section .buttons-container .cancel-container .cancel-button{color:#0078d8;text-decoration:underline;cursor:pointer}.recent-activities-container .confirmation-modal-bg .confirmation-modal-content .modal-title,.recent-activities-container .confirmation-modal-bg .confirmation-modal-content .modal-message{text-align:left;color:#000}.recent-activities-container .confirmation-modal-bg .confirmation-modal-content .modal-title{font-weight:500;font-size:x-large;margin:0 0 10px}.recent-activities-container .confirmation-modal-bg .confirmation-modal-content .modal-message{margin:20px 0 0}.recent-activities-container .loader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.recent-activities-container .no-record-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.recent-activities-container .no-record-container .no-record-image{width:200px;height:200px}.recent-activities-container .no-record-container .no-record-text{font-size:18px;color:#000;font-weight:700}.recent-activities-container .loader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;overflow-y:auto}.popup-background{width:fit-content;height:fit-content;background-color:#fff;border-radius:15px;color:#000}.popup-background .popup-header{display:flex;flex-direction:row;justify-content:center;margin:20px 20px 20px 40px;justify-content:space-between}.popup-background .popup-header .popup-title{font-weight:700;font-size:24px}.popup-background .popup-header .popup-close .cross{height:32px;width:32px;cursor:pointer;align-items:center}.popup-background .popup-body{padding:10px 40px 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px 25px;box-shadow:0 4px 8px #0000001a;text-align:-webkit-center;max-height:500px;overflow-y:auto}.popup-background .popup-body .email-entry{margin:10px 0;background-color:#f0f7ff;padding:10px;border-radius:15px;max-width:30rem}.popup-background .popup-body .email-entry .entry-name{display:flex;flex-direction:row;align-items:center;justify-content:center;background-color:#78f7ff4d;border-radius:15px;width:min-content;padding:4px 8px;font-weight:600}.popup-background .popup-body .email-entry .entry-name .first-name,.popup-background .popup-body .email-entry .entry-name .last-name{text-transform:capitalize;margin:0 2px;white-space:nowrap}.popup-background .grid-auto{grid-template-columns:auto}.popup-background .two-two-grid{grid-template-columns:repeat(2,1fr)}@media screen and (max-width: 750px){.popup-background .two-two-grid{grid-template-columns:repeat(1,1fr)!important}}@media screen and (max-width: 1400px){.popup-background .popup-body{grid-template-columns:repeat(2,1fr)}}.help-box{background-color:#f9fcff;border-radius:15px;padding:20px;display:grid;grid-template-columns:repeat(2,1fr);gap:25px;box-shadow:0 4px 8px #0000001a;width:-webkit-fill-available}@media screen and (max-width: 1400px){.help-box{grid-template-columns:repeat(1,1fr)}}.link-container-body{display:contents}.link-container{display:flex;align-items:center;flex-direction:column;border-radius:10px;border:2px solid #ededed;padding:10px;cursor:pointer;text-decoration:none;flex-grow:1;box-sizing:border-box;margin:5px;color:#000;flex-direction:row;background-color:#fff}.link-container .image-wrapper{background-color:#f0f7ff;border-radius:40px;padding:15px;margin-left:15px;display:flex;align-items:center}.link-container .image-wrapper .link-image{width:50px;height:50px}.link-container .text-section{display:flex;flex-direction:column;margin:5px 20px 15px}.link-container .text-section .link-title,.link-container .text-section .link-subtitle{cursor:pointer;word-wrap:break-word;text-align:left;font-weight:500}.link-container .text-section .link-title{font-size:18px;margin:8px 0}.link-container .text-section .link-subtitle{color:#aeaeae;font-size:15px}.link-container .text-section .link-title:hover{color:#000}.link-container:hover{box-shadow:0 5px 15px #aeaeae;border:2px solid #f9fcff;transition:all .3s ease}.admin-content{display:flex;flex-direction:column;justify-content:space-evenly;width:-webkit-fill-available}.customActivity{width:-webkit-fill-available;display:flex;min-width:50rem;justify-content:space-between}.admin-header{display:flex;justify-content:space-between;align-items:center;background-color:#f9fcff;padding:20px;margin-top:20px;box-shadow:0 12px 5px -10px #0000001a}.admin-header .admin-navigation{display:flex;justify-content:space-between}.admin-header .admin-navigation .admin-nav-items{position:relative;margin:0 15px}.admin-header .admin-navigation .admin-nav-items .customActivity-label,.admin-header .admin-navigation .admin-nav-items .awardSteps-label,.admin-header .admin-navigation .admin-nav-items .addedActivities-label,.admin-header .admin-navigation .admin-nav-items .reporting-label{text-align:center;color:#1c1c1c;font-size:16px;font-weight:600;word-wrap:break-word;cursor:pointer;padding-bottom:10px;transition:color .3s ease}.admin-header .admin-navigation .admin-nav-items .customActivity-label:hover,.admin-header .admin-navigation .admin-nav-items .awardSteps-label:hover,.admin-header .admin-navigation .admin-nav-items .addedActivities-label:hover,.admin-header .admin-navigation .admin-nav-items .reporting-label:hover,.admin-header .admin-navigation .admin-nav-items.active .customActivity-label,.admin-header .admin-navigation .admin-nav-items.active .awardSteps-label,.admin-header .admin-navigation .admin-nav-items.active .addedActivities-label,.admin-header .admin-navigation .admin-nav-items.active .reporting-label{color:#1976b5}.admin-header .admin-navigation .admin-nav-items.active .customActivity-label:after,.admin-header .admin-navigation .admin-nav-items.active .awardSteps-label:after,.admin-header .admin-navigation .admin-nav-items.active .addedActivities-label:after,.admin-header .admin-navigation .admin-nav-items.active .reporting-label:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:#1976b5}.custom-activity{background-color:#f9fcff;border-radius:15px;padding:20px 40px;display:flex;flex-direction:column;box-shadow:0 4px 8px #0000001a;width:-webkit-fill-available;margin-top:20px}.custom-activity .title-container{display:flex;align-items:center;margin-bottom:20px}.custom-activity .title{font-size:1.5rem;font-weight:700;margin-right:20px;color:#000}.custom-activity .grid-container{display:grid;grid-template-rows:repeat(3,auto);grid-template-columns:repeat(3,1fr);gap:10px;width:100%;align-items:start}.custom-activity .grid-container .grid-item{padding:10px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;color:#000}.custom-activity .grid-container .grid-item p{margin:0 0 5px;text-align:left}.custom-activity .grid-container .grid-item input[type=date],.custom-activity .grid-container .grid-item input[type=text]{width:100%;height:3rem;padding:5px 20px;border:1px solid #ccc;border-radius:15px;font-size:1rem;max-width:-webkit-fill-available}.custom-activity .grid-container .grid-item .checkbox-label-container{margin-top:20px}.custom-activity .grid-container .grid-item .dropdown{width:100%;position:relative}.custom-activity .grid-container .grid-item .dropdown .control{display:flex;align-items:center;border:1px solid #ccc;border-radius:15px;padding:5px 20px;background:#fff;box-sizing:border-box}.custom-activity .grid-container .grid-item .dropdown .control .selected-value{flex-grow:1;display:flex;align-items:center}.custom-activity .grid-container .grid-item .dropdown .control .selected-value input{border:none;outline:none;width:100%;padding:0;font-size:16px;background:none;cursor:pointer;z-index:2}.custom-activity .grid-container .grid-item .dropdown .control .arrow{border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 0;margin:0 22px 0 8px;right:0;position:absolute;z-index:1}.custom-activity .grid-container .grid-item .dropdown .control .arrow.open{border-color:transparent transparent #999;border-width:0 5px 5px}.custom-activity .grid-container .grid-item .dropdown .options{display:none;position:absolute;top:100%;left:0;right:0;border:1px solid #ccc;border-radius:0 0 15px 15px;background:#fff;z-index:10;max-height:200px;overflow-y:auto;transition:opacity .3s,visibility .3s}.custom-activity .grid-container .grid-item .dropdown .options.open{display:block}.custom-activity .grid-container .grid-item .dropdown .options .option{padding:10px;cursor:pointer;transition:background-color .2s;text-align:start}.custom-activity .grid-container .grid-item .dropdown .option.selected,.custom-activity .grid-container .grid-item .dropdown .option:hover{background-color:#d0e8ff;color:#333}.custom-activity .grid-container .grid-item .error-message{color:#e7233a;margin:5px 0 0 25px}.custom-activity .grid-container .full-width{grid-column:span 2}.custom-activity .message{padding:10px;font-weight:700;width:100%;margin-top:20px;margin-bottom:20px;box-sizing:border-box;z-index:1;border-radius:10px;color:#000}.custom-activity .success{background:#aeffec}.custom-activity .error{color:red;background-color:#ffe6e6}.custom-activity .buttons-section{color:#fff;font-weight:500;display:flex;text-align:center;justify-content:flex-end;align-items:center;margin-top:50px}.custom-activity .buttons-section .buttons-container{display:flex;justify-content:flex-end;width:-webkit-fill-available;height:40px}.custom-activity .buttons-section .buttons-container .reset-container,.custom-activity .buttons-section .buttons-container .submit-container{background-color:#0078d8;width:95px;height:40px;border-radius:5px;display:flex;align-items:center;justify-content:center;cursor:pointer}.custom-activity .buttons-section .buttons-container .reset-container .submit-button,.custom-activity .buttons-section .buttons-container .submit-container .submit-button{height:40px;align-content:center}.custom-activity .buttons-section .buttons-container .reset-container{background-color:#f9fcff;cursor:default}.custom-activity .buttons-section .buttons-container .reset-container .reset-button{color:#0078d8;text-decoration:underline;cursor:pointer}.custom-activity .buttons-section .buttons-container .submit-container{background-color:#0078d8;cursor:pointer}.custom-activity .buttons-section .buttons-container .submit-container.disabled{background-color:#ccc;cursor:not-allowed}.custom-activity .buttons-section .buttons-container .submit-container .submit-button{color:#fff;font-weight:700;border:none;background:transparent;width:100%;height:100%;cursor:pointer}.custom-activity .buttons-section .buttons-container .submit-container .submit-button.disabled{color:#666;cursor:not-allowed}.custom-activity .loader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.custom-activity .checkbox-section{margin-top:20px;display:flex;align-items:center;justify-content:start}.custom-activity .checkbox-section input[type=checkbox]{margin:0 10px 0 0;width:18px;height:18px}.custom-activity .checkbox-section .checkbox-label{margin:0;text-align:left;font-size:1rem;color:#000;cursor:pointer}.award-steps{background-color:#f9fcff;border-radius:15px;display:flex;margin-top:20px;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 8px #0000001a;width:-webkit-fill-available}.award-steps img{max-width:100%;height:auto;max-width:200px}.added-activities-box{background-color:#f9fcff;border-radius:15px;padding:20px 40px;display:flex;flex-direction:column;margin-top:20px;align-items:center;box-shadow:0 4px 8px #0000001a;min-height:15rem;color:#000}.added-activities-box .awarded-activity-list-title{align-self:start;font-size:25px;font-weight:700;margin:10px 0}.added-activities-box .no-record-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center}.added-activities-box .no-record-container .no-record-image{width:200px;height:200px}.added-activities-box .no-record-container .no-record-text{font-size:18px;color:#000;font-weight:700}.added-activities-box .activities-header{display:flex;width:100%;font-weight:700;margin-bottom:10px;background-color:#f0f0f0;padding:15px 0;align-items:center;justify-content:space-between;border-radius:10px}.added-activities-box .activities-header .header-item{text-align:center;box-sizing:border-box;color:#000}.added-activities-box .activities-header .header-activity{width:20rem;margin-left:1rem;text-align:left}.added-activities-box .activities-header .header-start_date,.added-activities-box .activities-header .header-end_date{width:8rem}.added-activities-box .activities-header .header-connection_type{width:17rem}.added-activities-box .activities-header .header-contact{width:10rem}.added-activities-box .activities-header .header-steps{width:8rem}.added-activities-box .activities-header .header-action{margin-left:25px;width:3rem;margin-right:1rem}.added-activities-box .activities-header .is-award{width:6rem}.added-activities-box .activities-list{width:100%}.added-activities-box .activity-list-item{display:flex;align-items:center;margin-top:10px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ddd;justify-content:space-between}.added-activities-box .activity-list-item .icon-name-container{display:flex;align-items:center;width:20rem;margin-left:1rem}.added-activities-box .activity-list-item .name-container{display:flex;flex-direction:column;align-items:flex-start;flex:1}.added-activities-box .activity-list-item .activity_name{color:#1d1617;font-size:18px;line-height:1.4;margin-bottom:4px;text-align:left;word-break:break-word}.added-activities-box .activity-list-item .file-container{display:flex;align-items:center;gap:10px}.added-activities-box .activity-list-item .file-container .activity_involvement{border-radius:30px;background-color:#78f7ff4d;text-align:center;color:#007d85;font-size:14px;width:fit-content;padding:4px 20px;font-weight:500;margin-top:8px}.added-activities-box .activity-list-item .file-container .file_icon_btn{position:relative;margin-top:10px}.added-activities-box .activity-list-item .file-container .file_icon_btn .img-file{width:30px;height:30px;cursor:pointer}.added-activities-box .activity-list-item .file-container .file_icon_btn:hover:after{content:"Unpacking Template Required";position:absolute;bottom:-30px;left:50%;transform:translate(-50%);padding:5px 10px;border-radius:5px;font-size:.9em;background-color:#fff;color:#197bbd;white-space:nowrap;z-index:10;box-shadow:0 4px 6px #0000001a}.added-activities-box .activity-list-item .date-container-start-date,.added-activities-box .activity-list-item .date-container-end-date,.added-activities-box .activity-list-item .type-container,.added-activities-box .activity-list-item .mode-container,.added-activities-box .activity-list-item .steps-container,.added-activities-box .activity-list-item .btn-delete,.added-activities-box .activity-list-item .btn-edit{text-align:center;color:#000}.added-activities-box .activity-list-item .date-container-start-date,.added-activities-box .activity-list-item .date-container-end-date{width:8rem;color:#696969}.added-activities-box .activity-list-item .type-container{color:#aa4f7a;width:17rem}.added-activities-box .activity-list-item .mode-container{color:#696969;width:10rem}.added-activities-box .activity-list-item .steps-container{width:8rem}.added-activities-box .activity-list-item .steps-container .activity-step-text{background-color:#eff6ff;padding:5px 10px;border-radius:16px;text-align:center;color:#0a83bb;font-weight:bolder;min-width:5rem}.added-activities-box .activity-list-item .awarded-to-container{min-width:fit-content;max-width:20rem}.added-activities-box .activity-list-item .btn-delete,.added-activities-box .activity-list-item .btn-edit{display:flex;justify-content:center;align-items:center}.added-activities-box .activity-list-item .btn-delete .img-delete,.added-activities-box .activity-list-item .btn-edit .img-delete{cursor:pointer;vertical-align:middle;border-radius:8px;width:40px;height:40px}.added-activities-box .activity-list-item .btn-delete,.added-activities-box .activity-list-item .btn-show-emails{margin-left:25px;margin-right:1rem}.added-activities-box .activity-list-item .btn-show-emails{width:6rem}.added-activities-box .activity-list-item .btn-show-emails .img-container{background-color:#d0e8ff;border-radius:30%;width:56px;height:56px;align-content:center;margin-right:8px;cursor:pointer}.added-activities-box .activity-list-item .btn-show-emails .img-container:hover{transform:translateY(-2px);box-shadow:0 2px 6px #0003}.added-activities-box .activity-list-item .btn-show-emails .img-container .img-show-emails{height:35px;width:35px}.added-activities-box .activity-list-item .btn-edit{margin-left:25px}.added-activities-box .divider{border-bottom:1px solid #ccc;margin:20px 0}.added-activities-box .modal-bg{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.added-activities-box .modal-content{background-color:#fff;border-radius:8px;margin:0 15rem;box-shadow:0 0 10px #0000001a;max-width:60%;max-height:fit-content;overflow:auto;display:inline-grid;justify-items:end;min-width:50%}.added-activities-box .confirmation-modal-bg{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1001}.added-activities-box .confirmation-modal-bg .confirmation-modal-content{background-color:#fff;border-radius:10px;padding:30px;box-shadow:0 0 10px #0000001a;text-align:center;max-width:400px;width:100%}.added-activities-box .confirmation-modal-bg .confirmation-modal-content .buttons-section{color:#fff;font-weight:500;display:flex;justify-content:flex-end;align-items:center;margin-top:20px}.added-activities-box .confirmation-modal-bg .confirmation-modal-content .buttons-section .buttons-container{display:flex;justify-content:flex-end;width:100%;height:40px}.added-activities-box .confirmation-modal-bg .confirmation-modal-content .buttons-section .buttons-container .cancel-container,.added-activities-box .confirmation-modal-bg .confirmation-modal-content .buttons-section .buttons-container .save-container{background-color:#007bff;width:95px;height:40px;border-radius:5px;display:flex;justify-content:center;align-items:center;margin-left:10px}.added-activities-box .confirmation-modal-bg .confirmation-modal-content .buttons-section .buttons-container .cancel-container .save-button,.added-activities-box .confirmation-modal-bg .confirmation-modal-content .buttons-section .buttons-container .save-container .save-button{color:#fff;cursor:pointer}.added-activities-box .confirmation-modal-bg .confirmation-modal-content .buttons-section .buttons-container .cancel-container label,.added-activities-box .confirmation-modal-bg .confirmation-modal-content .buttons-section .buttons-container .save-container label{margin:0}.added-activities-box .confirmation-modal-bg .confirmation-modal-content .buttons-section .buttons-container .save-container{background-color:#0078d8;cursor:pointer}.added-activities-box .confirmation-modal-bg .confirmation-modal-content .buttons-section .buttons-container .cancel-container{background-color:#fff}.added-activities-box .confirmation-modal-bg .confirmation-modal-content .buttons-section .buttons-container .cancel-container .cancel-button{color:#0078d8;text-decoration:underline;cursor:pointer}.added-activities-box .confirmation-modal-bg .confirmation-modal-content .buttons-section .buttons-container .cancel-container .cancel-button .label{cursor:pointer}.added-activities-box .confirmation-modal-bg .confirmation-modal-content .modal-title,.added-activities-box .confirmation-modal-bg .confirmation-modal-content .modal-message{text-align:left;color:#000}.added-activities-box .confirmation-modal-bg .confirmation-modal-content .modal-title{font-weight:500;font-size:x-large;margin:0 0 10px}.added-activities-box .confirmation-modal-bg .confirmation-modal-content .modal-message{margin:20px 0 0}.added-activities-box .loader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;overflow-y:auto}.download-reports{background-color:#f9fcff;border-radius:15px;padding:20px 40px;display:flex;margin-top:20px;flex-direction:column;align-items:center;box-shadow:0 4px 8px #0000001a;min-height:15rem;width:-webkit-fill-available}.download-reports .report-title{text-align:start}.download-reports .grid-container{display:grid;grid-template-rows:repeat(3,auto);grid-template-columns:repeat(3,1fr);gap:10px;width:100%;align-items:start}.download-reports .grid-container .grid-item{padding:10px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;color:#000}.download-reports .grid-container .grid-item p{margin:0 0 5px;text-align:left}.download-reports .grid-container .grid-item input[type=date],.download-reports .grid-container .grid-item input[type=text]{width:100%;height:3rem;padding:5px 20px;border:1px solid #ccc;border-radius:15px;font-size:1rem;max-width:-webkit-fill-available}.download-reports .grid-container .grid-item .dropdown{width:100%;position:relative}.download-reports .grid-container .grid-item .dropdown .control{display:flex;align-items:center;border:1px solid #ccc;border-radius:15px;padding:5px 20px;background:#fff;box-sizing:border-box}.download-reports .grid-container .grid-item .dropdown .control .selected-value{flex-grow:1;display:flex;align-items:center}.download-reports .grid-container .grid-item .dropdown .control .selected-value input{border:none;outline:none;width:100%;padding:0;font-size:16px;background:none;cursor:pointer;z-index:2}.download-reports .grid-container .grid-item .dropdown .control .arrow{border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 0;margin:0 22px 0 8px;right:0;position:absolute;z-index:1}.download-reports .grid-container .grid-item .dropdown .control .arrow.open{border-color:transparent transparent #999;border-width:0 5px 5px}.download-reports .grid-container .grid-item .dropdown .options{display:none;position:absolute;top:100%;left:0;right:0;border:1px solid #ccc;border-radius:0 0 15px 15px;background:#fff;z-index:10;max-height:200px;overflow-y:auto;transition:opacity .3s,visibility .3s}.download-reports .grid-container .grid-item .dropdown .options.open{display:block}.download-reports .grid-container .grid-item .dropdown .options .option{padding:10px;cursor:pointer;transition:background-color .2s;text-align:start}.download-reports .grid-container .grid-item .dropdown .options .option:hover{background-color:#f2f9fc}.download-reports .buttons-section{color:#fff;font-weight:500;display:flex;justify-content:flex-end;align-items:center;margin-top:45px;width:100%}.download-reports .buttons-section .buttons-container{display:flex;justify-content:flex-end;width:100%;margin-left:auto}.download-reports .buttons-section .reset-container,.download-reports .buttons-section .submit-container{background-color:#0078d8;width:95px;height:40px;border-radius:5px;display:flex;align-items:center;justify-content:center}.download-reports .buttons-section .reset-container{background-color:#f9fcff;color:#0078d8;text-decoration:underline}.download-reports .buttons-section .submit-container{background-color:#0078d8;margin-right:10px}.download-reports .buttons-section .submit-button{height:40px;align-content:center;cursor:pointer}.download-reports .buttons-section .submit-button .label{cursor:pointer}.download-reports .buttons-section .reset-button{align-content:center;color:#0078d8;text-decoration:underline;margin-right:40px}.download-reports .buttons-section .reset-button .label{cursor:pointer}.download-reports .report-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:20px;width:-webkit-fill-available}.download-reports .report-cards .card{background-color:#fff;border:1px solid #ccc;border-radius:10px;padding:15px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center}.download-reports .loader-background{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffb3;display:flex;justify-content:center;align-items:center;z-index:998}.download-reports .loader-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;justify-content:center;align-items:center;z-index:999}.download-reports .download-section{color:#fff;font-weight:500;display:flex;text-align:center;justify-content:flex-end;align-items:center;margin-top:45px;margin-right:8px;width:-webkit-fill-available}.download-reports .download-section .buttons-container{display:flex;justify-content:flex-end;width:-webkit-fill-available}.download-reports .download-section .download-container{background-color:#0078d8;width:95px;height:40px;border-radius:5px}.download-reports .download-section .download-container .download-button{height:40px;align-content:center;cursor:pointer}.download-reports .download-section .download-container .download-button .label{cursor:pointer}.download-reports .download-section .submit-container{margin-right:50px}.radio-buttons{display:flex;gap:15px;align-items:center;margin-bottom:5px}.report-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:15px;width:-webkit-fill-available;box-shadow:0 4px 6px #0000001a;margin-bottom:20px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;background-image:linear-gradient(135deg,#f7f8fa,#fff);background-size:cover}.report-card:hover{transform:translateY(-5px);box-shadow:0 8px 12px #0003}.report-card .card-header{display:flex;align-items:center;justify-content:flex-start;margin-bottom:5px;width:-webkit-fill-available}.report-card .card-header .image-background{background-color:#f0f7ff;border-radius:10px;display:flex;align-items:center}.report-card .card-header .image-background .card-icon{width:40px;height:40px;padding:10px;object-fit:contain}.report-card .card-header .card-title{font-size:1rem;font-weight:600;color:#333;text-align:left;letter-spacing:.25px;transition:color .3s ease;text-align:-webkit-center;width:-webkit-fill-available;margin:0 70px 0 10px}.report-card .card-header .card-title:hover{color:#3498db}.report-card .card-content{margin-top:10px}.report-card .card-text{font-weight:500;font-size:1.25rem;color:#555;line-height:1.6;margin-bottom:0}.report-card .card-text:hover{color:#3498db}.top-users-container{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;max-height:70px;overflow-y:auto}.user-badge{background-color:#f0f8ff;border-radius:5px;padding:2px 4px;font-size:20px;font-weight:500;color:#2c3e50;border:1px solid #3498db;transition:background-color .3s ease,color .3s ease}.user-badge:hover{background-color:#3498db;color:#fff}.select-year-filter{color:#000;padding:0 20px;margin:24px 0 0 auto}.select-year-filter .select-year-body{display:flex;align-items:center;justify-content:flex-end;border-radius:15px;background-color:#f9fcff;width:fit-content;padding-left:20px;box-shadow:0 0 4px #0000001a}.select-year-filter .year-title{margin-right:20px}.main-content{display:flex;flex-direction:column;justify-content:space-evenly;padding:20px}@media screen and (max-width: 1280px){.main-content{padding:20px 0}}.dashboard{width:100%;display:flex;justify-content:space-between;flex-direction:column;gap:20px}@media screen and (min-width: 976px){.dashboard{min-width:50rem;flex-direction:row}}.recent-activities{width:100%}@media screen and (min-width: 976px){.recent-activities{min-width:50rem}}.footer{width:100%;color:#fff;height:3rem}.loader-background{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffb3;display:flex;justify-content:center;align-items:center;z-index:998}.loader-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;justify-content:center;align-items:center;z-index:999}.bot-message-box{width:100%;height:500px;margin-top:100px;border-radius:20px;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 4px 10px #0000001a;background-color:#f9fcff;padding:20px}.bot-image{margin-bottom:20px;width:150px;height:150px}.bot-message-heading{font-size:large;font-weight:500;color:#dc3545;text-decoration:none;margin-top:10px;text-align:center}.bot-message-description{color:#6c757d;text-align:center;margin-top:10px;font-size:larger}.support-message{display:flex;align-items:center;justify-content:center;color:#000;padding:20px 20px 40px;font-size:1rem;font-weight:500;gap:10px;flex-wrap:wrap;text-align:center}.support-message .support-icon{width:25px;height:25px}.support-message .support-link{color:#000;text-decoration:underline}.home-page-container{display:grid;flex-direction:column}#root{width:100%;margin:0 auto;background-color:#fff;text-align:-webkit-center;color-scheme:none}.app{font-family:Asap;background-color:#fff;display:flex;flex-direction:column;align-content:space-around;padding:10px}@media screen and (min-width: 1280px){.app{padding:0px 6rem}}@media screen and (min-width: 1440px){.app{padding:0 8rem}}:root{--text-color: black;--background-color: white}@media (prefers-color-scheme: dark){:root{--text-color: white;--background-color: black}}.error-page{color:var(--text-color);background-color:var(--background-color);padding:20px;height:100vh;display:flex;flex-direction:column;justify-content:top;align-items:center;text-align:center}.error-page h1{font-size:2em;margin-bottom:.5em}.error-page h3{font-size:1.2em;margin:0 1em}@media (max-width: 768px){.error-page h1{font-size:1.5em}.error-page h3{font-size:1em}}:root{font-family:Asap,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@font-face{font-family:Asap;src:local("Asap"),url(/static/Asap-sQqCsW_Z.ttf) format("truetype")}@font-face{font-family:Poppins;src:local("Poppins"),url(/static/Poppins-CTKNfV9P.ttf) format("truetype")}@font-face{font-family:Poppins-SemiBold;src:local(Roboto),url(/static/Poppins-SemiBold-B_fPDAUb.ttf) format("truetype")}
