/*
NIY 13 Feb 2026: Platform update | Update header & footer sections per new brand requirements (1977868)
ABU 10 Feb 2026: Platform enhancement | Add T&C click wrap (2038148)
ABU 05 Feb 2026: Ecommerce | Implement "Add to Cart" button on the TAAP product pricing page (1977252)
NIT 16 Jan 2026: Prod Bug | Home Page gets distorted if no article is present in any of the tabs under "Recent and Upcoming" section (2033902)
ABU 08 Jan 2026: Ecommerce | Create pricing page in TAAP (HTML/CSS) Upgrade (1959991)*/

/*Personal Space Starts*/

body::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    background-image: url(/Portals/0/styles/img/icons/icon-share-white.svg), url(/Portals/0/styles/img/Personal-space/bookmark_white.png), url(/Portals/0/styles/img/Personal-space/favorite_white.png), url(/Portals/0/styles/img/Personal-space/heart-fill.png), url(/Portals/0/styles/img/Personal-space/save.png), url(/Portals/0/styles/img/Personal-space/pin.png), url(/Portals/0/styles/img/Personal-space/bookmark-hover.png), url(/Portals/0/styles/img/Personal-space/heart-hover.png), url(/Portals/0/styles/img/Personal-space/pin_hover.png), url(/Portals/0/styles/img/Personal-space/chat.svg), url(/Portals/0/styles/img/Personal-space/chat-hover.svg), url(/Portals/0/styles/img/icons/icon-trash-white.svg), url(/Portals/0/styles/img/icons/icon-remove-white.svg);
    background-size: cover;
}

.personalspace .fill-form-container,
.personalspace ~ .fill-form-container {
    padding-bottom: 0px;
}

.personalspace .language-badge-notification .language-label {
    display: flex;
    justify-content: center;
}

.personalspace .recommended_for_you .inner_content p{
    font-family: "NotoSans-Regular";
    height: unset;
}

.personalspace .recommended_for_you .inner_content {
    padding-left: 0;
    padding-right: 0;
}

.personalspace .no_preference_select .inner_content {
    padding: 20px;
    margin-bottom: 50px;
}

.personalspace .spot-light-item span.badge-carousel {
    width: auto;
}

.personal-space-title {
    position: relative;
    background-color: #F4F4F4;
    border-radius: 5px;
    display: flex;
    align-items: center;
    padding: 16px 20px;
    gap: 18px;
    margin-bottom: 50px;
}

.personal-space-title .inner-title {

    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1;
    font-size: 26px;
    font-family: "MMCDisplay-Regular";
    margin-bottom: 0;
}

.personal-space-title .avatar_icon {
    width: 64px;
}

.personal-space-title .dropdown-toggle {
    border: none;
    position: relative;
    left: 0;
    width: 50px;
    height: 32px;
    display: inline-block;
    cursor: pointer;
    background: none;
}

.personal-space-title .dropdown-toggle:focus,
.access-section button:focus,

.company-space #addConversation .input-wrapper .input-container input[type="text"],
#createFilter .input-wrapper input[type="text"],
#createFilter .preview-wrapper input[type="text"] {
    outline: none;
}

.personal-space-title .dropdown-toggle::before {
    content: url('/Portals/0/styles/img/Personal-space/gear_icon.png');
    position: absolute;
    top: 0;
    left: -18px;
    transform: scale(.5) translateY(-50%);
}

.personal-space-title .dropdown-toggle::after,
.timeline-column .additional-icon>span#icon-share::after,
.timeline-column .additional-icon>span#icon-share.shared_active::after,
.my-download-wrapper .copy-to-caret-icon::after{
    content: url('/Portals/0/styles/img/Personal-space/caret_icon.png');
    position: absolute;
    transform: scale(.5);
    right: 14px;
    bottom: 8px;
    transition: 0.5s;
    border-top: none;
    width: 0;
    height: 0;
}
.timeline-column .additional-icon > span#icon-share.shared_active:hover::after {
    content: url(/Portals/0/styles/img/Personal-space/caret_icon.png);
    transform: rotate(0) scale(0.5);
    right: 2px;
    bottom: 1.5px;
}

.personal-space-title .dropdown-toggle.active::after {
    transform: rotate(180deg) scale(.5);
    right: 0;
    bottom: 0;
}

.personal-space-title .dropdown-menu,
.timeline-column .additional-icon>span#icon-share ul.dropdown-menu{
    min-width: 230px;
    position: absolute;
    right: -19px;
    top: 45px;
    background-color: #ffffff;
    border-radius: 5px;
    border: 1px solid #A6A6A6;
    transition: 0.5s;
    left: auto;
    padding: 0;
    display: none;
}

.timeline-column .additional-icon > span#icon-share ul.dropdown-menu {
    left: 0;
    min-width: 330px;
}

.personal-space-title .dropdown-toggle.active + .dropdown-menu,
.timeline-column .additional-icon > span#icon-share.active ul.dropdown-menu {
    display: block;
    z-index: 10;
}

.personal-space-title .dropdown-menu li,
.timeline-column .additional-icon > span#icon-share ul.dropdown-menu li {
    position: relative;
    padding: 8px 24px 8px 50px;
    border-bottom: 1px solid #A6A6A6;
    color: #2C6EF2;
    font-size: 16px;
    font-family: "NotoSans-Regular";
}

.company-space .personal-space-title .dropdown-menu li,
.pricing-accordion-container table tbody tr:last-child {
    border-bottom: none;
}

.personal-space-title .dropdown-menu li:hover,
.company-space .personal-space-title .dropdown-menu li:hover .dropdown-item,
.timeline-column .additional-icon > span#icon-share ul.dropdown-menu li:hover{
    font-weight: 600;
    cursor: pointer;
}

.personal-space-title .dropdown-menu:after,
.timeline-column .additional-icon > span#icon-share ul.dropdown-menu:after,
.my-download-wrapper .copy-to-dropdown-list:after {
    content: '';
    background: #ffffff;
    width: 16px;
    height: 16px;
    border-top: 1px #A6A6A6 solid;
    border-right: 1px #A6A6A6 solid;
    position: absolute;
    right: 46.5px;
    top: -9px;
    transform: rotate(-45deg);
}

.timeline-column .additional-icon > span#icon-share ul.dropdown-menu:after{
    left: 16px;
}

.personal-space-title .dropdown-menu li::before {
    content: url('/Portals/0/styles/img/Personal-space/avatar-edit.png');
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translateY(-50%) scale(.6);
}

.personal-space-title .dropdown-menu li::after,
.timeline-column .additional-icon > span#icon-share ul.dropdown-menu li::after {
    content: '';
    background-color: #2C6EF2;
    height: 100%;
    width: 2px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 30px;
    transition: .5s;
    display: none;
}

.personal-space-title .dropdown-menu li:hover::after,
.timeline-column .additional-icon > span#icon-share ul.dropdown-menu li:hover::after,
.my-download-wrapper .copy-to-dropdown-btn.active + .copy-to-dropdown-list {
    display: block;
}

.timeline-column .additional-icon > span#icon-share ul.dropdown-menu li.share-with-colleagues:before,
.timeline-column .additional-icon > span#icon-share ul.dropdown-menu li.share-with-companyspace::before,
.timeline-column .additional-icon > span#icon-share ul.dropdown-menu li.share-with-colleagues-fill:before,
.timeline-column .additional-icon > span#icon-share ul.dropdown-menu li.share-with-companyspace-fill:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 20px;
    top: 12px;
}

.timeline-column .additional-icon > span#icon-share ul.dropdown-menu li.share-with-colleagues:before {
    background: url('/Portals/0/styles/img/icons/icon-manage-company-space.svg') no-repeat center / contain;
}

.timeline-column .additional-icon > span#icon-share ul.dropdown-menu li.share-with-colleagues-fill:before {
    background: url('/Portals/0/styles/img/icons/icon-share-colleagues-fill.svg') no-repeat center / contain;
}

.timeline-column .additional-icon > span#icon-share ul.dropdown-menu li.share-with-companyspace::before {
    background: url('/Portals/0/styles/img/icons/icon-share-companyspace.svg') no-repeat center / contain;
}

.timeline-column .additional-icon > span#icon-share ul.dropdown-menu li.share-with-companyspace-fill:before {
    background: url('/Portals/0/styles/img/icons/icon-share-companyspace-fill.svg') no-repeat center / contain;
}

.personal-space-title .dropdown-menu li:nth-child(2)::before {
    content: url('/Portals/0/styles/img/Personal-space/palette_icon.png');
}

.personal-space-title .dropdown-menu li:last-child,
.company-space .company-administrators li:last-child,
.my-download-wrapper .copy-to-dropdown-list .copy-to-dropdown-item:last-child {
    border-bottom: none;
}

.column-container,
.dataExcel,
.company-space .company-activity-timeline {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.data-excel-product .dataExcel {
    align-items: flex-start;
    justify-content: unset;
    margin: 0 !important;
}

.column-left {
    width: 55%;
}

.column-right {
    width: 38%;
}

#notes,
#personaliseCompany .modal-content {
    resize: both;
}

.personal-space-modal-container .main-modal-dialog,
.company-space .modal-dialog,
.modal .modal-dialog {
    max-width: 740px !important;
    width: 100%;
    min-height: 200px !important;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
}

.personal-space-modal-container #avatar.main-modal-dialog,
.company-space .modal-dialog {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
}

.personal-space-modal-container .main-modal-dialog .modal-head,
.company-space .custom-modal-header,
.custom-alert-modal-head,
.personalspace .ui-dialog .ui-dialog-titlebar,
.modal .modal-dialog .modal-content .modal-header {
    padding: 14px 18px 8px;
    border-bottom: 1px solid #dadada !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.personal-space-modal-container .main-modal-dialog .modal-head h4,
.company-space .modal-dialog .modal-title,
.personal-space-modal-container .modal-title,
.custom-alert-modal-title,
.personalspace .ui-dialog .ui-dialog-titlebar,
.modal .modal-dialog .modal-content .modal-header .modal-title {
    margin: 0;
    font-family: "NotoSans-SemiBold";
    color: #002c77;
    font-size: 18px !important;
    line-height: 28px;
    letter-spacing: normal
}

.personal-space-modal-container .main-modal-dialog .modal-head .cross-icon,
.company-space .modal-dialog .modal-header .cross-icon,
.company-space .custom-modal .custom-icons>span,
.colleagues-content .cross-icon,
.custom-alert-modal-head .cross-icon,
.modal .modal-dialog .modal-content .modal-header .close {
    position: relative;
    height: 24px;
    width: 24px;
    cursor: pointer;
    display: inline-block;
}

.personal-space-modal-container .main-modal-dialog .modal-head .cross-icon:before,
.company-space .modal-dialog .modal-header .cross-icon:before,
.company-space .custom-modal .custom-icons span.cross-icon::before,
.company-space .custom-modal .custom-icons span.bin-icon::before,
.company-space .custom-modal .custom-icons span.avatar-icon::before,
.company-space .custom-modal .custom-icons span.mention-icon::before,
.company-space .custom-modal .custom-icons span.send-icon::before,
.colleagues-content .cross-icon::before,
.custom-alert-modal-head .cross-icon:before,
.modal .modal-dialog .modal-content .modal-header .close::before {
    content: url(/Portals/0/styles/img/Personal-space/close.png);
    height: 24px;
    width: 24px;
    position: absolute;
    top: -8px;
    transform: scale(0.6);
    left: -8px;
}

.company-space .custom-modal .custom-icons span.bin-icon::before {
    content: url(/Portals/0/styles/img/Personal-space/bin.png);
    transform: scale(0.5);
    left: -5px;
}

.company-space .custom-modal .custom-icons span.avatar-icon::before {
    content: url(/Portals/0/styles/img/Personal-space/avatar-edit.svg);
    transform: scale(1.2);
    left: 6px;
    top: 3px;
}

.company-space .custom-modal .custom-icons span.avatar-icon.active::before {
    content: url(/Portals/0/styles/img/icons/icon-avatar-edit-filled.svg);
    transform: scale(1.3);
    top: 4px;
}

.company-space .custom-modal .custom-icons span.mention-icon::before {
    content: url(/Portals/0/styles/img/icons/icon-suggestion.svg);
    transform: scale(1.2);
    left: 4px;
    top: 7px;
}

.company-space .custom-modal .custom-icons span.send-icon::before {
    content: url(/Portals/0/styles/img/icons/icon-paper-airplane.svg);
    transform: scale(1.2);
    left: 4px;
    top: 7px;
}

.company-space .custom-modal:has(.disabled_chat) .custom-icons span.mention-icon::before {
    content: url(/Portals/0/styles/img/Personal-space/mention.svg);
}

.company-space .custom-modal:has(.disabled_chat) .custom-icons span.send-icon::before {
    content: url(/Portals/0/styles/img/Personal-space/paper-airplane.svg);
}

.personal-space-modal-container .main-modal-dialog .modal-footer {
    padding: 18px;
    margin-bottom: 0px !important;
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

.personal-space-modal-container .main-modal-dialog .secondary-btn,
.company-space .modal-dialog .secondary-btn,
.personal-space-modal-container .main-modal-dialog .primary-btn,
.company-space .modal-dialog .primary-btn,
.secondary-btn,
.primary-btn {
    background: #ffffff;
    border: 2px solid #002c77;
    height: 48px;
    padding: 8px 15px;
    border-radius: 5px;
    font-size: 16px;
    color: #002c77;
    font-family: "NotoSans-SemiBold";
    min-width: 120px;
}

.personal-space-modal-container .main-modal-dialog .primary-btn,
.company-space .primary-btn,
.primary-btn {
    background-color: #002C77 !important;
    color: #fff !important;
}

.personal-space-modal-container .main-modal-dialog .modal-content,
.modal .modal-dialog .modal-content {
    border-radius: 0 !important;
    border: 0px;
}

.inner_modal_content,
.company-space .modal-dialog .modal-body,
.company-space .custom-modal .custom-modal-body,
.modal .modal-dialog .modal-body {
    overflow-y: auto;
    padding: 18px;
    max-height: 100%;
    border-radius: 0 !important;
    border: 0px;
}

.company-space .custom-modal .custom-modal-body {
    padding: 16px;
    height: 100%;
}

.personal-space-modal-container .main-modal-dialog .modal-content,
.company-space .modal-dialog .modal-content,
.custom-alert-modal-content,
.modal .modal-dialog .modal-content {
    max-height: 90%;
    border: none;
}

.add-note.primary-btn {
    font-family: "NotoSans-SemiBold";
    height: 32px !important;
    border-width: 2px !important;
    padding: 0 16px 0 46px !important;
    position: relative;
    margin: 0 !important;
    background: none !important;
    color: #002c77 !important;
}

.add-note::before {
    content: url(/Portals/0/styles/img/my-company/add_icon.png);
    left: 10px;
    top: 50%;
    position: absolute;
    transform: translateY(-50%) scale(0.5);
}

.add-note:hover,
.colleague-btn:hover {
    background: #003FAA !important;
    border-color: #003FAA !important;
    color: #ffffff !important;
}

.add-note:hover:before {
    content: url(/Portals/0/styles/img/my-company/add_icon_white.png);
    left: 10px;
    transform: translateY(-50%) scale(0.5);
}

.search-bar,
.my-download-wrapper .search-bar-container {
    display: flex;
    gap: 30px;
    margin-bottom: 16px;
}

.search-bar .search,
.company-space #addConversation .input-wrapper .input-container,
.my-download-wrapper .search-bar-container .search-wrapper {
    flex: 1;
    height: 32px;
    width: 200px;
    border: 1px solid #dadada;
    border-radius: 4px;
    padding: 0 6px 0 30px;
    position: relative;
}

.my-download-wrapper .search-bar-container .search-wrapper{
     padding: 5px 6px 5px 30px;
}

.main-modal-dialog .form-control-plaintext textarea {
    border: 1px solid #dadada;
    border-radius: 4px;
    padding: 6px 10px;
    position: relative;
    font-size: 14px;
    font-family: 'NotoSans-Regular';
    line-height: 20px;
    color: #001f52;
    resize: none;
    outline: none;
}

.main-modal-dialog .form-control-plaintext span.count {
    color: #001f52;
    font-size: 14px;
    font-family: 'NotoSans-Regular';
    margin-top: 8px;
    display: inline-block;
}

.company-space #addConversation .input-wrapper .input-container {
    width: 100%;
    padding: 0 10px;
    height: 42px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    margin-top: 8px;
}

.company-space #addConversation .input-wrapper .input-container input[type="text"],
.my-download-file-wrapper > .list {
    flex: 1;
    border: none;
}

.search-bar .search input,
.company-space #addConversation .input-wrapper .input-container input[type="text"],
.my-download-wrapper .search-bar-container .search-wrapper input[type="text"] {
    height: 100%;
    width: 100%;
    border: none;
    font-size: 14px;
    line-height: 20px;
    color: #001f52;
    outline: none;
    font-family: "NotoSans-Regular";
}

.company-space .input-text {
    border-top: 1px solid #dadada;
    width: 100%;
    background: #fff;
}

.company-space .input-text textarea {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    color: #001f52;
    font-family: "NotoSans-Regular";
    resize: none;
    padding: 8px 90px 8px 16px;
    border: none;
    outline: none;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    max-height: 116px !important;
}

.company-space .custom-modal .custom-modal-footer .input-text textarea::placeholder,
.company-space #addConversation .input-wrapper .input-container input[type="text"]::placeholder,
.company-space .add-colleague-input>input::placeholder,
.my-download-wrapper .search-bar-container .search-input::placeholder,
#createFilter .input-wrapper input[type="text"]::placeholder,
#createFilter .preview-wrapper input[type="text"]::placeholder {
    color: rgba(32, 32, 32, 0.5);
    font-family: "NotoSans-Regular";
    font-size: 14px;
    line-height: 20px;
}
#createFilter .input-wrapper input[type="text"]::placeholder,
#createFilter .preview-wrapper input[type="text"]::placeholder {
    font-size: 16px;
}

.company-space .input-text+.custom-icons {
    position: absolute;
    right: 16px;
    bottom: 16px;
}

.search-bar .search:before,
.my-download-wrapper .search-bar-container .search-wrapper::before {
    content: url(/Portals/0/styles/img/my-company/search.png);
    left: 0;
    top: 50%;
    transform: translateY(-50%) scale(0.5);
    position: absolute;
}

.left-off {
    background-color: #E5EDF4;
    width: 100%;
    border-radius: 5px;
    text-align: left;
    padding: 20px;
    margin-bottom: 50px;
}

.left-off .resume:hover,
.ps_activity_pagination .ngx-pagination li:hover span:last-child,
.my-download-wrapper .download-pagination nav > ul li:hover span:last-child {
    color: #2C6EF2;
}

.left-off h3,
.company-space .company-activity .inner-content h3,
.company-space .company-activity .inner-content>span {
    font-size: 20px;
    font-family: "MMCDisplay-Regular";
}

.left-off h3 a {
    color: #001F52;
}

.left-off h2,
.my-pin-content span,
.activity-timeline h2,
.company-activity h2,
.my-product-list span {
    font-size: 26px;
    line-height: 28px;
    font-weight: normal;
    font-family: "MMCDisplay-Regular";
    text-align: left;
    margin-bottom: 8px;
}

.my-product-list span {
    display: block;
}

.my-pin-content span,
.company-activity h2 {
    display: flex;
    gap: 6px;

}

.company-activity h2,
.personalspace #PS-topFive .col-taap.content {
    margin-bottom: 20px;
}

.my-pin-content span img {
    width: 30px;
    height: 30px;
    margin-bottom: 0;
}

.left-off .resume {
    position: relative;
    display: inline-block;
    margin-top: 5px;
    font-size: 20px;
    font-family: 'MMCDisplay-Regular';
    line-height: 28px;
    font-weight: 700;
}

.left-off .resume:after {
    content: url("/Portals/0/styles/img/Personal-space/resume_icon.png");
    transform: scale(0.5);
    position: absolute;
    display: inline-block;
    top: -19px;
    right: -54px;
}

.my-pin-content,
.company-activity,
.my-product, #myProductSnapshot {
    background: #B7E7DE;
    text-align: left;
    border-radius: 5px;
    width: 100%;
    padding: 20px;
    margin-bottom: 50px;
}
.personalspace .my-product >div.col-taap, .personalspace #myProductSnapshot >div.col-taap{
    float: unset;
}

.company-activity,
.company-space .company-activity,
.personalspace .modal-dialog .data-step .hidden{
    text-align: center;
}

.my-pin-content .list li,
.company-activity .list li,
.my-product-list .list li {
    position: relative;
    padding: 6px 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    border-bottom: 1px solid #949494;
    margin-bottom: 0;
}

.my-product-list ul.list {
    max-height: 296px;
    overflow: hidden;
}

.my-product-list ul.list:has(li:nth-child(n+7)),
.company-space .company-administrators > ul > li:first-child ul.list:has(li:nth-child(n+4)),
.personalspace .my-pin-content > ul.list:has(:nth-child(n+11)) {
    overflow-y: auto;
    padding-right: 16px;
}

.my-product-list .list li:last-child,
.product-pricing-container .pricing-action-btn a:last-child,
.pricing-accordion-container table tr {
    border: none;
}

.company-activity .list li {
    padding: 10px 0;
    text-align: left;
}

.company-activity .list li {
    display: block;
}

.my-pin-content .list li .saved-article,
.my-product-list .list li .product-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-bottom: 0;
    margin-top: 7px;
}

.my-pin-content .list li .pinned-article {
    background: url("/Portals/0/styles/img/Personal-space/pin.png") no-repeat center/contain;
    width: 24px;
    height: 24px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    top: 5px;
}

.my-pin-content .list li .text-content,
.access-section .list li .text-content,
.company-activity .list li .text-content,
.company-space .company-administrators ul li>span,
.my-product-list .product-list .list li .text-content {
    flex: 1;
    font-size: 18px;
    font-weight: normal;
    font-family: "MMCDisplay-Regular";
}

.company-activity .list li .text-content {
    display: inline-block;
    padding-right: 5px;
    position: relative;
}

.company-activity .list li .text-content.progress-notify:after,
.company-activity .list li .text-content.success-notify:after {
    width: 10px !important;
    height: 10px !important;
    background-color: #FFBE00 !important;
    left: unset !important;
    right: -10px !important;
    top: 13px !important;
}

.company-activity .list li .text-content.success-notify:after {
    background-color: #14853D !important;
}

.my-pin-content .list li .text-content a,
.company-activity .list li .text-content a,
.company-space .company-administrators ul li>span{
    color: #001F52;
    word-break: break-word;
}

.my-product-list .product-list-container .product-list .product-list-inner{
    width: 100%;
    margin: 0;
    height: auto;
}


.my-product-list .product-list-container .product-list .product-list-inner a {
    display: unset;
    color: #001F52;
    font-size: 18px;
    font-family: "MMCDisplay-Regular";
}

.product-list .product-list-inner a {
    padding-right: 0px;
}

.my-product-list .product-list ul li {
    list-style-type: none;
}

.my-product-list .product-list ul {
    columns: initial;
    padding-left: 5px;
}

.activity-timeline {
    background-color: #F5FFFD;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 50px;
}

.activity-timeline h2 {
    margin-bottom: 20px;
}

.activity-timeline .list {
    text-align: left;
    margin-bottom: 20px !important;
}

.activity-timeline .list li,
#avatar .list li,
#my-saved-calculations .list li,
#my-downloads .list li,
.company-space .company-activity-timeline>button,
.company-space #manageCompany .manageCompanySlider .tabs-box .tab,
.add-colleague-footer .colleague-btn {
    display: inline-flex;
    padding: 5px 12px;
    align-items: center;
    height: 34px;
    border-radius: 30px;
    border: 1px solid #002C77;
    margin-right: 16px;
    font-size: 14px;
    font-family: "NotoSans-Regular";
    color: #002C77;
    cursor: pointer;
    margin-bottom: 16px;
    background: none;
    position: relative;
}

.company-space #manageCompany .manageCompanySlider .tabs-box .tab {
    white-space: nowrap;
}

#avatar .list li:last-child {
    margin-right: 0;
}

.activity-timeline .list li:hover,
#avatar .list li:hover,
#my-downloads .list li:hover,
.company-space .company-activity-timeline>button:hover,
.company-space .company-activity button:hover,
.company-space #manageCompany .manageCompanySlider .tabs-box .tab:hover,
.company-space .company-activity .company-activity-btn:hover,
.main-container-personal-space .company-activity .company-activity-btn:hover,
.my-product-list .my-product-btn:hover {
    background-color: #002C77;
    color: #ffffff;
}

.activity-timeline .list li .favorite-img {
    background: url(/Portals/0/styles/img/Personal-space/favorite.png) no-repeat center / contain;
    margin: 0 6px;
    transform: scale(1.2);
    display: inline-block;
    width: 16px;
    height: 16px;
}

.activity-timeline .list li:hover .favorite-img,
.activity-timeline .list li.active .favorite-img {
    background: url(/Portals/0/styles/img/Personal-space/favorite_white.png) no-repeat center / contain;
}

.activity-timeline .list li .share-img {
    background: url(/Portals/0/styles/img/icons/icon-share-blue.svg) no-repeat center / contain;
    margin: 0 6px;
    transform: scale(1.2);
    display: inline-block;
    width: 15px;
    height: 15px;
}

.activity-timeline .list li:hover .share-img,
.activity-timeline .list li.active .share-img {
    background: url(/Portals/0/styles/img/icons/icon-share-white.svg) no-repeat center / contain;
}

.activity-timeline .list li .bookmark-img {
    background: url(/Portals/0/styles/img/Personal-space/bookmark.png) no-repeat center / contain;
    margin: 0 6px;
    transform: scale(1.2);
    display: inline-block;
    width: 16px;
    height: 16px;
}

.activity-timeline .list li:hover .bookmark-img,
.activity-timeline .list li.active .bookmark-img {
    background: url(/Portals/0/styles/img/Personal-space/bookmark_white.png) no-repeat center / contain;
}

.activity-timeline .list li.active,
#avatar .list li.active,
#my-saved-calculations .list li.active,
#my-downloads .list li.active {
    background-color: #002C77;
    color: #fff;
}

.timeline-column {
    text-align: left;
    border-bottom: 1px solid #949494;
    padding-bottom: 16px;
    margin-bottom: 20px;
}

.timeline-column .liked,
.company-activity .liked {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}

.company-activity .liked {
    margin-bottom: 5px;
    align-items: center;
}

.company-space .company-activity .liked {
    align-items: flex-start;
}

.company-activity .liked img {
    width: 15px;
    height: 12px;
    margin-bottom: 0;
}

.company-space .company-activity .liked .user_avtar {
    width: 18px;
    min-width: 18px;
    height: 18px;
    margin-top: 3px;
    justify-content: center;
}

.company-space .company-activity .liked img {
    width: 12px;
    height: 16px;
}

.timeline-column .liked span,
.timeline-column .additional-icon>span#icon-heart,
.company-activity .liked span,
#my-confirmation .inner_modal_content p,
.company-space .num-count,
.company-space .modal p,
.company-space #personaliseCompany .personalise-title>h5,
.company-space #personaliseCompany .personalise-list label,
.custom-alert-modal-body .alert-warning>p,
.personalspace .my_vault .inner-text h3 > span {
    font-family: "NotoSans-Regular";
    color: #001F52;
    font-size: 16px;
    position: relative;
}

.company-activity .liked span.text-bold {
    font-weight: bold;
}

.timeline-column .liked span:last-child,
.company-activity .liked span:last-child,
.personalspace .my_vault .inner-text h3 > span {
    padding-left: 10px;
}

.personalspace .my_vault .inner-text h3 > span {
    padding-top: 2px;
}

#my-custom-reports .greenDot,
.company-space .table_checkbox,
.personalspace .table_checkbox,
.my-download-wrapper .check-box {
    position: relative;
    display: inline-block;
}

#my-custom-reports b,
#my-learning-certificates b,
#notes b,
.pricing-accordion-container table thead tr th {
    color: #002C77;
}

.timeline-column .liked span:last-child::before,
.company-activity .liked span:last-child::before,
.company-activity .list li .text-content.progress-notify:after,
.company-activity .list li .text-content.success-notify:after,
#my-custom-reports .greenDot::before,
.personalspace .my_vault .inner-text h3 > span:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    border-radius: 30px;
    background-color: #001F52;
}

.personalspace .my_vault .inner-text h3 > span:before {
    top: 8px;
    transform: unset;
    height: 7px;
    width: 7px;
}

#my-custom-reports .greenDot::before {
    left: unset;
    right: -16px;
    width: 10px;
    height: 10px;
    background-color: #00AC41;
}

.timeline-column .inner-row {
    display: flex;
    align-items: flex-start;

}

.timeline-column .inner-row .inner-text {
    flex: 1;
    padding-right: 30px;
}

.timeline-column .inner-row .inner-text h3 a {
    font-size: 20px !important;
    color: #001F52;
}

.timeline-column .inner-row .inner-text p {
    font-size: 16px;
    font-family: "NotoSans-Regular";
    color: #001F52;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
}

.timeline-column .inner-row .bookmark-icon,
.personalspace .my_vault .inner-text h3,
.my-download-wrapper .selected-file-btn,
.my-download-wrapper .filter-btn-wrap {
    display: flex;
    gap: 20px;
}


.personal-tooltip,
.my-pin-content span.pinned-article .personal-tooltip,
.product_excel_section .Morelinks li .saveLater::before,
.personal-tooltip,
.data-product-pdf-container span.personal-tooltip {
    font-family: "MMCDisplay-Regular";
    border: #002c77 1px solid;
    padding: 5px 6px;
    border-radius: 5px;
    display: none;
    z-index: 100;
    left: 50%;
    background-color: #c7edff;
    position: absolute;
    transform: translateX(-50%);
    top: 46px;
    font-size: 13px;
    font-weight: 400;
    width: max-content;
    color: #001f52;
    line-height: 1.3;
}

.timeline-column .inner-row .bookmark-icon>span.bookmark-icons,
.timeline-column .inner-row .bookmark-icon>span.pin-icon,
.timeline-column .additional-icon > span.download-icon,
.timeline-column .additional-icon > span.share-icon {
    position: relative;
    width: 32px;
    height: 32px;
    display: inline-block;
    cursor: pointer;
}

.timeline-column .additional-icon>span#icon-heart {
    display: flex;
    align-items: center;
    gap: 5px;
}

.timeline-column .additional-icon>span#icon-heart:before {
    content: "";
    background: url("/Portals/0/styles/img/Personal-space/heart.png") no-repeat center/contain;
    display: inline-block;
    width: 32px;
    height: 32px;
}

.my-pin-content .list li span.pinned-article .personal-tooltip {
    top: 30px;
    left: -5px;
}

.timeline-column .additional-icon > span#icon-share {
    background: url(/Portals/0/styles/img/icons/icon-share-blue-default.svg) no-repeat center / contain;
    height: 24px;
    padding-left: 32px;
}

.timeline-column .additional-icon>span#icon-heart:hover:before {
    background: url(/Portals/0/styles/img/Personal-space/heart-hover.png) no-repeat center / contain;
}

.timeline-column .additional-icon > span#icon-share:hover {
    background: url("/Portals/0/styles/img/icons/icon-share-blue-hover.svg") no-repeat center / contain;
}

.timeline-column .additional-icon > span#icon-share.active:hover::after {
    transform: rotate(180deg) scale(1);
    right: -12px;
    bottom: -10.5px;
}

.timeline-column .additional-icon>span#icon-share:hover::after  {
    content: url("/Portals/0/styles/img/icons/icon-caret-hover.svg");
    transform: scale(1);
    right: 2px;
    bottom: 10.5px;
}

.timeline-column .additional-icon > span#icon-share.active.shared_active:hover::after {
    transform: rotate(180deg) scale(0.5);
    right: -12px;
    bottom: -2px;
}

.timeline-column .additional-icon > span#icon-share.shared_active {
    background: url("/Portals/0/styles/img/icons/icon-share-blue.svg") no-repeat center / contain;
}

.timeline-column .additional-icon > span.share-icon.active {
    background: url("/Portals/0/styles/img/Personal-space/forward-fill.png") no-repeat center / contain;
    width: 40px;
    height: 40px;
}

.timeline-column .additional-icon>span#icon-heart.active:before {
    background: url(/Portals/0/styles/img/Personal-space/heart-fill.png) no-repeat center / contain;
}

.timeline-column .inner-row .bookmark-icon>span.bookmark-icons {
    background: url("/Portals/0/styles/img/Personal-space/unsave_icon.png") no-repeat center/contain;
}

.timeline-column .inner-row .bookmark-icon>span.bookmark-icons:hover {
    background: url("/Portals/0/styles/img/Personal-space/bookmark-hover.png") no-repeat center/contain;
}

.timeline-column .inner-row .bookmark-icon>span.bookmark-icons.active {
    background: url("/Portals/0/styles/img/Personal-space/save.png") no-repeat center/contain;
}

.timeline-column .inner-row .bookmark-icon>span.pin-icon {
    background: url("/Portals/0/styles/img/Personal-space/unpin.png") no-repeat center/contain;
}

.timeline-column .inner-row .bookmark-icon>span.pin-icon :hover {
    background: url("/Portals/0/styles/img/Personal-space/pin_hover.png") no-repeat center/contain;
}

.timeline-column .inner-row .bookmark-icon>span.pin-icon.active {
    background: url("/Portals/0/styles/img/Personal-space/pin.png") no-repeat center/contain;
}

.timeline-column .additional-icon > span.download-icon {
    background: url("/Portals/0/styles/img/icons/icon-download.svg") no-repeat center/contain;
}

.timeline-column .additional-icon > span.download-icon > a{
    display: inline-block;
    width: 32px;
    height: 32px;
}

.timeline-column .additional-icon > span.share-icon {
    background: url("/Portals/0/styles/img/Personal-space/forward.png") no-repeat center/contain;
    width: 40px;
    height: 40px;
}


.timeline-column .additional-icon {
    display: flex;
    gap: 20px;
}

.timeline-column .additional-icon>span,
.company-space,
.my-download-wrapper .file-wrap,
.my-download-wrapper .copy-to-dropdown,
.main-container-organize-download {
    position: relative;
}

.timeline-column .additional-icon>span#icon-share::after,
.timeline-column .additional-icon>span#icon-share.shared_active::after{
    right: 2px;
    bottom: 1.5px;
    transition: none;
}

.timeline-column .additional-icon>span#icon-share.active::after{
    right: -12px;
    bottom: -2px;
    transform: rotate(180deg) scale(.5);
}

.timeline-column .inner-row .bookmark-icon>span:first-child:hover .personal-tooltip,
.my-pin-content .list li span.pinned-article:hover .personal-tooltip,
.timeline-column .inner-row .bookmark-icon>span:last-child:hover .personal-tooltip,
.product_excel_section span.pinned-article:hover .personal-tooltip,
.timeline-column .additional-icon>span#icon-heart:hover .personal-tooltip,
.timeline-column .additional-icon>span#icon-share:hover .personal-tooltip,
#my-downloads table td ul li:hover .personal-tooltip,
.company-space #personaliseCompany .personalise-title .info-icon:hover .personal-tooltip,
.company-space .custom-modal .custom-icons>span:hover .personal-tooltip,
.company-space .company-activity-timeline>button:hover .personal-tooltip,
.colleagues-header span.info_icon:hover span.info_icon_tooltip,
div#addConversation span.info_icon_add_con:hover span.info_icon_tooltip_add_con,
.data-product-pdf-container input.selectAll:hover~span.personal-tooltip,
.timeline-column .additional-icon > span.download-icon:hover .personal-tooltip,
.timeline-column .additional-icon > span.share-icon:hover .personal-tooltip,
.personalspace .my-vault:hover .personal-tooltip,
.modal-info-title:hover  .personal-tooltip,
.product-pricing-container .accordion-title-text a:hover .personal-tooltip{
    display: block;
}

.access-section {
    padding: 20px;
    background-color: #002C77;
    border-radius: 5px;
    margin-bottom: 50px;
    text-align: center;
}

.access-section h3 {
    font-size: 20px;
    color: #fff;
    text-align: left;
    font-family: "MMCDisplay-Bold";
    margin-bottom: 20px;
}

.access-section .list li img {
    width: 24px;
    height: 24px;
    margin-bottom: 0;
}

.access-section .list li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
    gap: 10px;
}

.access-section .list li .text-content {
    text-align: left;
    position: relative;
    display: inline-block;
}

.access-section .list li .text-content a {
    color: #ffffff;
    font-family: "NotoSans-SemiBold";
    cursor: pointer;
}

.access-section button,
.company-activity button,
.company-space .company-activity .company-activity-btn,
.main-container-personal-space .company-activity .company-activity-btn,
.my-product-list .my-product-btn {
    margin-top: 20px;
    border: 2px solid #fff;
    padding: 16px;
    background: none;
    border-radius: 5px;
    color: #fff;
    font-family: "NotoSans-SemiBold";
    font-size: 16px;
}

.company-space .company-activity .company-activity-btn,
.main-container-personal-space .company-activity .company-activity-btn,
.my-product-list .my-product-btn {
    text-decoration: none;
}

.access-section button:hover {
    background: #c7edff;
    border-color: #c7edff;
    color: #002c77;
}

.company-activity button,
.company-space .company-activity .company-activity-btn,
.main-container-personal-space .company-activity .company-activity-btn,
.my-product-list .my-product-btn {
    border: 2px solid #002C77;
    color: #002C77;
    min-width: 160px;
}

.my-product-list .my-product-btn,
.pricing-accordion-container th,
.pricing-accordion-container td {
    text-align: center;
}

#myProductSnapshot .my-product-list span {

    margin-bottom: 18px;

}

#myProductSnapshot p {
    font-family: 'NotoSans-Regular';
    margin-bottom: 10px;

}

#avatar .num-tab-container {
    display: flex;
    align-items: center;
    gap: 84px;
    justify-content: center;
}

#avatar .num-tab-container span {
    position: relative;
    display: inline-block;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: 1px solid #002C77;
    align-content: center;
    text-align: center;
    font-family: "MMCDisplay-Regular";
    font-size: 16px;
    color: #002C77;
    cursor: pointer;
    background: #002C77;
    line-height: 65px;
}

#avatar .num-tab-container span:not(.disablestep),
.personalspace .latest-poll > h4 > a {
    color: #ffffff;
}

#avatar .num-tab-container span.disablestep {
    pointer-events: none;
    background: #fff;
    color: #002C77;
}

#avatar .num-tab-container span::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 100%;
    background: #b3b3b3;
    width: 95px;
    height: 1px;
}

#avatar .num-tab-container span:last-child:after,
#my-downloads .list li.powerpoint-file,
.company-space .personal-space-title .dropdown-menu li:last-child,
.personalspace .dnnFormPopup .ui-resizable-se,
.personalspace #PS-topFive:not(:has(.trending_article)),
.personalspace #myProduct:not(:has(.my-product-list)),
.personalspace #myProductSnapshot:not(:has(.my-product-snapshot)),
.timeline-column .additional-icon>span#icon-share.active:hover .personal-tooltip,
.personalspace #pollStrip:not(:has(#PS-PollsModule .latest-poll)){
    display: none;
}

#avatar .num-tab-container span.active {
    color: #fff;
    background-color: #002C77;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

#avatar .list,
.company-space #manageCompany table td:nth-child(1) {
    text-align: center;
}

#avatar h5,
.slide-count {
    color: #002C77;
    font-family: "NotoSans-Regular";
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
    margin: 30px 0 20px;
}

.slide-count,
#addConversation .search-bar {
    margin-top: 10px !important;
}

#avatar .shape-icon {
    text-align: center;
    width: 80%;
    margin: auto;
    position: relative;
}

#avatar .change-avatar .shape-icon::before,
#avatar .change-avatar .shape-icon::after {

    content: url("/Portals/0/styles/img/Personal-space/chevron-left.png");
    position: absolute;
    left: -100px;
    top: 50%;
    transform: translateY(-50%) scale(.4);
}

#avatar .change-avatar .shape-icon::after {
    left: unset;
    right: -100px;
    transform: translateY(-50%) scale(.4) rotate(180deg);
}

#avatar .shape-icon .circle,
#avatar .shape-icon .square {
    display: inline-block;
    margin: 10px;
}

#avatar .shape-icon .circle span,
#avatar .shape-icon .square span,
.shape-icons .bg-icon {
    display: inline-block;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    overflow: hidden;
}

#avatar .shape-icon .square span,
.shape-icons .bg-icon {
    border-radius: 5px;

}

#avatar .shape-icon .square span.selected,
.shape-icons .bg-icon.selected {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

#avatar .shape-icon .circle span.bg-one,
#avatar .shape-icon .square span.bg-one,
.shape-icons .bg-icon {
    background: #C7EDFF;
}

.pricing-accordion-container > .accordion-item {
    background-color: transparent;
}

.pricing-accordion-container.blue-bg > .accordion-item .accordion .accordion-body,
.pricing-accordion-container.blue-bg > .accordion-item .accordion .accordion-button.collapsed,
.pricing-accordion-container.blue-bg > .accordion-item .accordion .accordion-button,
.pricing-accordion-container.blue-bg table tbody tr td,
.pricing-accordion-container.blue-bg table thead tr th {
    background: #9fe0ff;
}

.pricing-accordion-container.blue-bg table thead tr th {
    vertical-align: middle;
}

#avatar .shape-icon .circle span.bg-two,
#avatar .shape-icon .square span.bg-two {
    background: #D4F1F6;
}

.pricing-accordion-container.teal-bg > .accordion-item .accordion .accordion-body,
.pricing-accordion-container.teal-bg > .accordion-item .accordion .accordion-button.collapsed,
.pricing-accordion-container.teal-bg > .accordion-item .accordion .accordion-button,
.pricing-accordion-container.teal-bg table tbody tr td,
.pricing-accordion-container.teal-bg table thead tr th {
    background: #b8e5ed;
}

#avatar .shape-icon .circle span.bg-three,
#avatar .shape-icon .square span.bg-three {
    background: #D6F3ED;
}

#avatar .shape-icon .circle span.bg-four,
#avatar .shape-icon .square span.bg-four {
    background: #DCF4DF;
}

.pricing-accordion-container.green-bg > .accordion-item .accordion .accordion-body,
.pricing-accordion-container.green-bg > .accordion-item .accordion .accordion-button.collapsed,
.pricing-accordion-container.green-bg > .accordion-item .accordion .accordion-button,
.pricing-accordion-container.green-bg table tbody tr td,
.pricing-accordion-container.green-bg table thead tr th {
    background: #c4eac9;
}

#avatar .shape-icon .circle span.bg-five,
#avatar .shape-icon .square span.bg-five {
    background: #FDDFE5;
}

.pricing-accordion-container.pink-bg > .accordion-item .accordion .accordion-body,
.pricing-accordion-container.pink-bg > .accordion-item .accordion .accordion-button.collapsed,
.pricing-accordion-container.pink-bg > .accordion-item .accordion .accordion-button,
.pricing-accordion-container.pink-bg table tbody tr td,
.pricing-accordion-container.pink-bg table thead tr th {
    background: #fbc6d2;
}

#avatar .shape-icon .circle span.bg-six,
#avatar .shape-icon .square span.bg-six {
    background: #EAE0F2;
}

.pricing-accordion-container.purple-bg > .accordion-item .accordion .accordion-body,
.pricing-accordion-container.purple-bg > .accordion-item .accordion .accordion-button.collapsed,
.pricing-accordion-container.purple-bg > .accordion-item .accordion .accordion-button,
.pricing-accordion-container.purple-bg table tbody tr td,
.pricing-accordion-container.purple-bg table thead tr th {
    background: #dbcae9;
}

.shape-icons ul {
    width: 530px;
    margin: auto;
}

.shape-icons ul li {
    display: inline-block;
    margin: 10px;
}

#slide-three .btn-wrap {
    margin-top: 10px !important;
    text-align: right;
}

#appearance .appearance-list,
#appearance .theme-list {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    margin-bottom: 50px !important;
}

#appearance .appearance-list li,
#appearance .theme-list li {
    color: #001F52;
    font-family: "NotoSans-Regular";
    font-size: 16px;
    display: inline-block;
    background: #F4F4F4;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    width: 140px;
    text-align: center;
    transition: .5s ease;
    cursor: pointer;
}

#appearance .appearance-list li:hover,
#appearance .theme-list li:hover,
.defaultShape:hover,
.defaultShape:hover {
    transform: scale(1.1);
}

#appearance .appearance-list li.active,
#appearance .theme-list li.active {
    border: 1px solid #0065AC;
    transform: scale(1.1);
}

#appearance .appearance-list li span,
#appearance .theme-list li span {
    display: inline-block;
    border-radius: 5px;
    height: 60px;
    margin-bottom: 10px;
    width: 100%;
    background: conic-gradient(from 64deg at 0% 100%, #fff 0deg, 184.19995307922363deg, #202020 360deg);
    border: 1px solid #b3b3b3;
}

#appearance .theme-list li,
.personalspace .dnnFormPopup .dnnModalCtrl .ui-dialog-titlebar-close,
.personalspace.dnnModalCtrl {
    box-shadow: none;
}

#appearance .appearance-list li:nth-child(2) span {
    background: #fff;
}

#appearance .appearance-list li:nth-child(3) span {
    background: #202020;
}

#appearance .theme-list li:nth-child(1) span {
    background: #C7EDFF;
}

#appearance .theme-list li:nth-child(2) span {
    background: #DCF4DF;
}

#appearance .theme-list li:nth-child(3) span {
    background: #FDDFE5;
}

#appearance .theme-list li:nth-child(4) span {
    background: #EAE0F2;
}

#appearance .theme-list li:nth-child(5) span {
    background: #D4F1F6;
}

#appearance .theme-list li:nth-child(6) span {
    background: #D6F3ED;
}

#appearance h5 {
    color: #002C77;
    margin-bottom: 10px;
}

#appearance p {
    margin-bottom: 10px;
}

.main-container-personal-space .dnn-breadcrumb-taap {
    margin: 0;
    padding: 20px 20px 0 0;
}

.ps_outer_container.DarkAppearance,
.company-space.DarkAppearance {
    background-color: #202020;
}


.ps_outer_container.DarkAppearanc #MyContentSection h2,
.ps_outer_container.DarkAppearanc .main-content .visited h4 a {
    color: #fff;
}

.ps_outer_container.DarkAppearanc .activity-timeline {
    background-color: #F9F7FB;
}

.ps_outer_container.DarkAppearanc .my-pin-content {
    background-color: #DBCAE9;
}

.ps_outer_container.DarkAppearance.company-activity {
    background-color: #EAE0F2;
}

#my-saved-search table thead th,
#my-saved-calculations table thead th,
#my-custom-reports table thead th,
#my-learning-certificates table thead th,
#my-downloads table thead th,
#notes table thead th,
.company-space table thead th,
.personalspace table thead th,
.my-download-wrapper  .my-download-table th {
    background: none;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    vertical-align: middle;
    color: #002C77;
    font-family: "NotoSans-Bold";
}

#my-saved-search table th,
#my-saved-search table td,
#my-saved-calculations table th,
#my-saved-calculations table td,
#my-custom-reports table th,
#my-custom-reports table td,
#my-learning-certificates table th,
#my-learning-certificates table td,
#my-downloads table th,
#my-downloads table td,
#notes table th,
#notes table td,
.company-space table td,
.personalspace table td {
    border: 1px solid #fff;
    padding: 10px 8px;
    font-family: "NotoSans-Regular";
    line-height: 24px;
    color: #001F52;
}

.personalspace .modal-dialog .modal-content table tr,
.company-space .modal-dialog .modal-content table tr {
    border-bottom: 2px solid #E3E3E3 !important;
}

#my-saved-search table,
#my-saved-calculations table,
#my-custom-reports table,
#my-learning-certificates table,
#my-downloads table {
    border: none !important;
}

#my-downloads table td:last-child ul li a {
    display: inline-block;
    width: 20px;
    height: 20px;
}

.company-space .company-activity-timeline {
    margin-bottom: 20px;
}

#my-saved-search table td:last-child ul li:nth-child(1) .personal-tooltip,
#my-saved-search table td:last-child ul li:nth-child(2) .personal-tooltip,
#my-downloads table td ul li:hover .personal-tooltip,
.product-pricing-container .accordion-title-text a > .personal-tooltip {
    top: 30px;
}

#my-saved-search table td:last-child ul li:nth-child(1):hover .personal-tooltip,
#my-saved-search table td:last-child ul li:nth-child(2):hover .personal-tooltip {
    display: block;
}

#notes table td:first-child ul li,
.company-space .supported-file,
.my-download-wrapper .selected-file-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#my-downloads table td,
.my-download-wrapper .my-download-table td {
    padding: 16px 8px !important;
}

#my-saved-search table td,
#my-saved-calculations table td,
#my-custom-reports table td,
#my-learning-certificates table td,
#notes table td,
#my-downloads table td {
    border-width: 1px;

}

#my-saved-search table td:nth-child(2),
#my-saved-calculations table td:nth-child(2) {
    padding: 0 8px;
    position: relative;
}

#my-saved-search table td:nth-child(2) ul,
#my-saved-calculations table td:nth-child(2) ul {
    padding: 10px 0 !important;

}

#my-saved-search table td:nth-child(2) div.active ul {
    max-height: 300px;
    height: 300px;
    display: block;
    overflow: auto !important;
}

#my-saved-search table td:nth-child(2) ul.list,
#my-saved-calculations table td:nth-child(2) ul.list {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#my-saved-calculations table td:nth-child(2) div.active ul.list {
    max-height: 100px;
    max-height: 100px;
    overflow: auto;
}

#my-saved-search table td:nth-child(2) div.active ul.list {
    display: inherit;
}

#my-saved-search table td:nth-child(2) div.active .reveal-more,
.company-space #personaliseCompany .personalise-list input[type="radio"],
.company-space .upload-file #uploadFile,
#leave-conversation {
    display: none;
}

.company-space .upload-file #uploadFile::file-selector-button {
    background: #F0FAFF;
    color: #F0FAFF;
    border: none;
}

#my-saved-calculations .reveal-more,
#my-saved-search .reveal-more {
    font-family: "NotoSans-bold";
    color: #2C6EF2;
    position: absolute;
    right: 8px;
    bottom: 10px;
}

#my-saved-search table td:nth-child(2) ul li:first-child,
#my-saved-calculations table td:nth-child(2) ul li:first-child,
#my-custom-reports table td:nth-child(2) ul li:first-child,
#my-learning-certificates table td:nth-child(2) ul li:first-child,
#notes table td:nth-child(2) ul li:first-child,
#my-downloads table td:nth-child(2) ul li:first-child,
.companyspace .contactus-gradient,
.personalspace .contactus-gradient,
.personalspace ~ .fill-form-container .contactus-gradient,
.personal-space-modal-container .main-modal-dialog,
.modal .modal-dialog .modal-body,
.modal .modal-dialog   {
    margin-top: 0;
}

#my-saved-search table td:nth-child(2) ul li,
#my-saved-calculations table td:nth-child(2) ul li,
#my-custom-reports table td:nth-child(2) ul li,
#my-learning-certificates table td:nth-child(2) ul li,
#notes table td:nth-child(2) ul li,
#my-downloads table td:nth-child(2) ul li {
    margin-top: 10px;
}

#my-saved-calculations table td:nth-child(2) ul li {
    margin-top: 6px;
}

#my-saved-search table th:nth-child(1),
#my-downloads table th:nth-child(1),
#notes table th:nth-child(1),
.company-space .custom-modal .title {
    width: 80%;
}

.company-space .custom-modal .title {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.company-space #manageCompany table th:nth-child(1),
.company-space #addConversation table th:nth-child(1),
.personalspace #addColleagues table th:nth-child(1),
.my-download-wrapper .action-column {
    width: 10%;
}

.company-space #manageCompany table th:nth-child(2) {
    width: 24%;
}

#my-saved-calculations table th:nth-child(1),
.company-space #addConversation table th:nth-child(2),
.personalspace #addColleagues table th:nth-child(2) {
    width: 30%;
}

.company-space #addConversation table th:nth-child(3),
.personalspace #addColleagues table th:nth-child(3) {
    width: 60%;
}

.company-space #manageCompany table th:nth-child(3),
.company-space #manageCompany table th:nth-child(4) {
    width: 33%;
}

#my-custom-reports table th:nth-child(1),
#my-learning-certificates table th:nth-child(1) {
    width: 70%;
}

#my-saved-search table th:nth-child(2),
#my-downloads table th:nth-child(2),
#my-saved-search table th:nth-child(3),
#my-saved-calculations table th:nth-child(3),
#notes table th:nth-child(2) {
    width: 20%;
    text-align: center;
}

#my-saved-calculations table th:nth-child(2) {
    width: 50%;
}

#my-custom-reports table th:nth-child(2),
#my-learning-certificates table th:nth-child(2) {
    width: 30%;
    text-align: center;
}

#my-saved-search table td:last-child ul li,
#my-saved-calculations table td:last-child ul li,
#my-custom-reports table td:last-child ul li,
#my-learning-certificates table td:last-child ul li,
#notes table td:last-child ul li,
#my-downloads table td:last-child ul li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin: 0;
}

#my-saved-search table td:last-child ul li:nth-child(1) a:before,
#my-saved-calculations table td:last-child ul li:nth-child(1):before,
#my-custom-reports table td:last-child ul li:nth-child(1):before,
#my-learning-certificates table td:last-child ul li:nth-child(1):before,
#notes table td:last-child ul li:nth-child(1):before,
#my-downloads table td:last-child ul li:nth-child(1) a:before {
    content: url(/Portals/0/styles/img/my-company/search.png);
    transform: translateY(-50%) scale(0.5);
    position: absolute;
    left: -9px;
    top: 9px;
}

#notes table td:last-child ul li:nth-child(1):before {
    content: url(/Portals/0/styles/img/Personal-space/pencil.png);
}

#my-downloads table td:last-child ul li:nth-child(1) a:before {
    top: 10px !important;
    left: -11px;
}

#my-saved-calculations table td:last-child ul li:nth-child(1):before,
#my-custom-reports table td:last-child ul li:nth-child(1):before {
    content: url(/Portals/0/styles/img/Personal-space/popup-link-icon.png);

}

#my-learning-certificates table td:last-child ul li:nth-child(1):before {
    content: url(/Portals/0/styles/img/Personal-space/download-pdfpng.png);
}

#my-learning-certificates table td:last-child ul li:nth-child(1):before,
#my-learning-certificates table td:last-child ul li:nth-child(2):before,
#my-custom-reports table td:last-child ul li:nth-child(2)::before,
#my-custom-reports table td:last-child ul li:nth-child(1):before {
    top: 12px !important;
}

#my-saved-calculations table td .cal-icon,
#my-downloads table td .cal-icon,
.my-download-wrapper .file-wrap{
    display: flex;
    align-items: flex-start;
    gap: 5px;
}

#my-downloads table td .cal-icon {
    align-items: center;
}

#my-saved-calculations table td .cal-icon img {
    width: 24px;
    height: 24px;
}

#my-downloads table td .cal-icon img,
.my-download-wrapper .file-wrap .file-icon {
    width: 24px;
}

#my-saved-search table td:last-child ul li:nth-child(2) a:before,
#my-saved-calculations table td:last-child ul li:nth-child(2):before,
#my-custom-reports table td:last-child ul li:nth-child(2):before,
#my-learning-certificates table td:last-child ul li:nth-child(2):before,
#notes table td:last-child ul li:nth-child(2):before,
#my-downloads table td:last-child ul li:nth-child(2) a:before {
    content: url(/Portals/0/styles/img/Personal-space/bin.png) !important;
    transform: translateY(-50%) scale(0.5);
    position: absolute;
    left: -14px;
    top: 9px;
}

#my-saved-search table td:last-child ul li:nth-child(1) a:before,
#my-saved-search table td:last-child ul li:nth-child(2) a:before {
    top: 10px;
}

#my-learning-certificates table td:last-child ul li:nth-child(2):before {
    content: url(/Portals/0/styles/img/Personal-space/forward.png) !important;
    transform: translateY(-50%) scale(0.4);
    left: -28px;
}

#my-downloads table td:last-child ul li:nth-child(1) a:before {
    content: url(/Portals/0/styles/img/Personal-space/popup-link-icon.png) !important;
}

#my-downloads table td:last-child ul li:nth-child(2) a:before {
    content: url(/Portals/0/styles/img/Personal-space/download-pdfpng.png) !important;
    left: -10px;
    top: 10px;
}

#my-saved-search table td:last-child ul li:nth-child(3):before,
#my-saved-calculations table td:last-child ul li:nth-child(3):before,
#my-custom-reports table td:last-child ul li:nth-child(3):before,
#my-learning-certificates table td:last-child ul li:nth-child(3):before,
#my-downloads table td:last-child ul li:nth-child(3) a:before {
    content: url(/Portals/0/styles/img/Personal-space/caret_icon.png) !important;
    top: 7px;
    transform: translateY(-50%) scale(0.5);
    position: absolute;
    left: -4px;
}

#my-learning-certificates table td:last-child ul li:nth-child(3):before,
#my-downloads table td:last-child ul li:nth-child(3) a:before {
    left: -14px;
    top: 10px;
}

#my-learning-certificates table td:last-child ul li:nth-child(3):before,
#my-downloads table td:last-child ul li:nth-child(3) a:before {
    content: url(/Portals/0/styles/img/Personal-space/bin.png) !important;
}

#my-saved-search table td ul,
#my-saved-calculations table td ul,
#my-custom-reports table td ul,
#my-learning-certificates table td ul,
#notes table td ul,
#my-downloads table td ul,
.company-space #manageCompany .manageCompanySlider .tabs-box .tab {
    margin-bottom: 0 !important;
}

#my-saved-search table td:last-child ul {
    top: 4px !important;
}

#my-saved-search table td:last-child ul,
#my-saved-calculations table td:last-child ul,
#my-custom-reports table td:last-child ul,
#my-learning-certificates table td:last-child ul,
#notes table td:last-child ul,
#my-downloads table td:last-child ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    position: relative;
    top: 16px;

}

#my-downloads table td:last-child ul {
    top: 0;
}


.personal-space-modal-container .main-modal-dialog .inner_modal_content::-webkit-scrollbar,
.company-space .custom-modal .custom-modal-body::-webkit-scrollbar,
.company-space .modal-body::-webkit-scrollbar,
.company-space .company-administrators ul.list::-webkit-scrollbar,
.colleagues-content::-webkit-scrollbar,
.add-colleague-input::-webkit-scrollbar,
.suggested-colleagues-list::-webkit-scrollbar,
.suggestions-dropdown>ul::-webkit-scrollbar,
.add-colleague-section .userList::-webkit-scrollbar,
.input-text textarea::-webkit-scrollbar,
.main-modal-dialog .form-control-plaintext textarea::-webkit-scrollbar,
#addConversation .inner_modal_content::-webkit-scrollbar,
.company-space .custom-modal .reacted-icon>li .personal-tooltip::-webkit-scrollbar,
.my-product-list ul.list::-webkit-scrollbar,
.personalspace .my-pin-content > ul.list::-webkit-scrollbar,
.product_excel_section ul.list::-webkit-scrollbar,
.share-with-colleagues-list::-webkit-scrollbar,
.modal .modal-dialog .modal-content .modal-body::-webkit-scrollbar,
.my-download-wrapper .tab-container::-webkit-scrollbar {
    width: 6px;
}

.data-product-pdf-container .sub-accordian-content::-webkit-scrollbar {
    width: 10px;
}

/* Track */

.personal-space-modal-container .main-modal-dialog .inner_modal_content::-webkit-scrollbar-track,
.company-space .custom-modal .custom-modal-body::-webkit-scrollbar-track,
.company-space .modal-body::-webkit-scrollbar-track,
.company-space .company-administrators ul.list::-webkit-scrollbar-track,
.colleagues-content::-webkit-scrollbar-track,
.add-colleague-input::-webkit-scrollbar-track,
.suggested-colleagues-list::-webkit-scrollbar-track,
.suggestions-dropdown>ul::-webkit-scrollbar-track,
.add-colleague-section .userList::-webkit-scrollbar-track,
.input-text textarea::-webkit-scrollbar-track,
.main-modal-dialog .form-control-plaintext textarea::-webkit-scrollbar-track,
#addConversation .inner_modal_content::-webkit-scrollbar-track,
.company-space .custom-modal .reacted-icon>li .personal-tooltip::-webkit-scrollbar-track,
.my-product-list ul.list::-webkit-scrollbar-track,
.personalspace .my-pin-content > ul.list::-webkit-scrollbar-track,
.product_excel_section ul.list::-webkit-scrollbar-track,
.share-with-colleagues-list::-webkit-scrollbar-track,
.modal .modal-dialog .modal-content .modal-body::-webkit-scrollbar-track {
    background: none;
}

.my-download-wrapper .tab-container::-webkit-scrollbar-track {
    background: #C7EDFF;
}

/* Handle */
.personal-space-modal-container .main-modal-dialog .inner_modal_content::-webkit-scrollbar-thumb,
.company-space .custom-modal .custom-modal-body::-webkit-scrollbar-thumb,
.company-space .modal-body::-webkit-scrollbar-thumb,
.company-space .company-administrators ul.list::-webkit-scrollbar-thumb,
.colleagues-content::-webkit-scrollbar-thumb,
.add-colleague-input::-webkit-scrollbar-thumb,
.suggested-colleagues-list::-webkit-scrollbar-thumb,
.suggestions-dropdown>ul::-webkit-scrollbar-thumb,
.add-colleague-section .userList::-webkit-scrollbar-thumb,
.input-text textarea::-webkit-scrollbar-thumb,
.main-modal-dialog .form-control-plaintext textarea::-webkit-scrollbar-thumb,
#addConversation .inner_modal_content::-webkit-scrollbar-thumb,
.company-space .custom-modal .reacted-icon>li .personal-tooltip::-webkit-scrollbar-thumb,
.data-product-pdf-container .sub-accordian-content::-webkit-scrollbar-thumb,
.my-product-list ul.list::-webkit-scrollbar-thumb,
.personalspace .my-pin-content > ul.list::-webkit-scrollbar-thumb,
.product_excel_section ul.list::-webkit-scrollbar-thumb,
.share-with-colleagues-list::-webkit-scrollbar-thumb,
.modal .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb {
    background: #b3b3b3;
    border-radius: 5px;
    cursor: pointer;
}

.my-download-wrapper .tab-container::-webkit-scrollbar-thumb {
    background: #0065ac;
    border-radius: 5px;
    cursor: pointer;
}

.personal-space-modal-container .main-modal-dialog .inner_modal_content::-webkit-scrollbar-thumb:hover,
.company-space .custom-modal .custom-modal-body::-webkit-scrollbar-thumb:hover,
.company-space .modal-body::-webkit-scrollbar-thumb:hover,
.company-space .company-administrators ul.list::-webkit-scrollbar-thumb:hover,
.colleagues-content::-webkit-scrollbar-thumb:hover,
.add-colleague-input::-webkit-scrollbar-thumb:hover,
.suggested-colleagues-list::-webkit-scrollbar-thumb:hover,
.suggestions-dropdown>ul::-webkit-scrollbar-thumb:hover,
.add-colleague-section .userList::-webkit-scrollbar-thumb:hover,
.input-text textarea::-webkit-scrollbar-thumb:hover,
.main-modal-dialog .form-control-plaintext textarea::-webkit-scrollbar-thumb:hover,
#addConversation .inner_modal_content::-webkit-scrollbar-thumb:hover,
.company-space .custom-modal .reacted-icon>li .personal-tooltip::-webkit-scrollbar-thumb:hover,
.data-product-pdf-container .sub-accordian-content::-webkit-scrollbar-thumb:hover,
.my-product-list ul.list::-webkit-scrollbar-thumb:hover,
.personalspace .my-pin-content > ul.list::-webkit-scrollbar-thumb:hover,
.product_excel_section ul.list::-webkit-scrollbar-thumb:hover,
.share-with-colleagues-list::-webkit-scrollbar-thumb:hover,
.modal .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb:hover {
    background: #949494;
}

.my-download-wrapper .tab-container::-webkit-scrollbar-thumb:hover {
    background: #002c77;
}

.personal-my-content table td,
.personal-my-content table th,
.personal-my-content table,
.company-space .upload-file .form-control:focus {
    border: none;
}

.personal-my-content .tp-home-mycontent-Pager {
    padding: 0;
}

.personal-my-content .tp-home-mycontent-Content {
    padding: 0 0 0 30px;
}

.activity-timeline .pagination {
    border: none;
    text-align: center;
}

.activity-timeline .pagination a:first-child,
.activity-timeline .pagination a:last-child {
    padding: 0 !important;
    pointer-events: none;
}

.activity-timeline .pagination img:first-child {
    transform: scale(.5) rotate(90deg);

}

.activity-timeline .pagination img:last-child {
    transform: scale(.5) rotate(-90deg);
}

.personal-space-alert,
.personal-space-warning {
    min-height: 58px;
    width: 100%;
    border-radius: 5px;
    background-color: #c4eac9;
    padding: 20px;
    margin-bottom: 20px;
    position: relative;
}

.personal-space-warning {
    background-color: #FFEDA5;
}

.personal-space-alert::before {
    content: url(/Portals/0/styles/img/my-company/alert.png);
    position: absolute;
    top: 9px;
    transform: scale(0.5);
    left: 10px;
}

.personal-space-warning::before {
    content: url(/Portals/0/styles/img/icons/icon-warning.svg);
    position: absolute;
    transform: scale(.8);
    top: 18px;
    left: 18px;
}

.personal-space-alert p,
.personal-space-warning p {
    padding-left: 31px;
    margin: 0;
    padding-right: 30px;
    font-family: "NotoSans-Regular";
}

.personal-space-alert .close-icon {
    background-image: url(/Portals/0/styles/img/my-company/close.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 16px;
    top: 22px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    cursor: pointer;
}

#delete p {
    margin-bottom: 10px;
}

#title .textArea {
    border: 1px solid #b3b3b3;
    border-radius: 5px;
    padding: 10px;
    max-width: 100%;
    min-height: 350px;
    height: 350px;
    overflow-y: auto;
}

#title .modal-content {
    overflow: hidden;
    padding-bottom: 0;
}

#title .modal-content p {
    font-size: 14px;
}

#title.disabled .modal-head h4 {
    position: relative;
    color: #8F8F8F;
}

#title.disabled .modal-head h4::after {
    content: '*';
    position: absolute;
    top: 0;
    right: -14px;
    color: #8F8F8F;
}

#title.disabled .modal-content p {
    color: #8F8F8F;

}

.tp-home-mycontent-Content .describeBtn {
    font-size: 18px;
    line-height: 47px;
    font-family: "NotoSans-Regular";
    border: 2px solid #002C77;
    border-radius: 4px;
    font-weight: 600;
    color: #001F52;
    width: 204px;
    height: 52px;
    display: block;
    text-align: center;
}

.tp-home-mycontent-Content .featuredArticle {
    border-bottom: 1px solid #b3b3b3 !important;
    margin-bottom: 25px;
}

.tp-home-mycontent-Content .featuredArticle > img {
    width: 105px;
    margin-right: 10px;
}

.tp-home-mycontent-Content .featuredArticle h4 a:nth-child(2), .tp-home-mycontent-Content .featuredArticle h4 img + a:nth-child(3) {
    color: #002C77;
    padding-top: 22px !important;
}

.tp-home-mycontent-Content .Morelinks {
    overflow: hidden;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.tp-home-mycontent-Content .Blog:has(.myContentNote) ~ .d-block a.describeBtn {
    display: none!important;
}

.myContentNote + .d-block p a {
    display: none;
}

@media (min-width: 375px) and (max-width: 1024px) {

    .column-left {
        width: 100%;
    }

    .column-right {
        width: 100%;
    }

    .access-section {
        text-align: left;
    }

    .company-activity {
        text-align: left;
    }

    .data-product-pdf-container #dataPdfClearBtn.modal {
        width: calc(100% - 40px);
    }
}

.contactus-gradient .contactus-main a {
    width: 190px;
}

@media (min-width: 375px) and (max-width: 774px) {
    .activity-timeline .list li {
        width: 100%;
        justify-content: center;
    }

    .company-activity {
        text-align: center;
        margin-bottom: 0;
    }

    .personalspace .company-activity{
        margin-bottom: 50px;
    }

    .personal-space-title .inner-title {
        display: inline-block;
    }

    .personal-space-title .inner-title span {
        margin-bottom: 5px;
        display: inline-block;
    }

    #avatar .change-avatar .shape-icon::after {
        right: -76px;
    }

    #avatar .change-avatar .shape-icon::before {
        left: -76px;
    }

    #avatar .num-tab-container span {
        width: 50px;
        height: 50px;
    }
}

/*New CSS added*/
.dummy_box {
    width: 100%;
    height: 400px;
    background-color: #F5FFFD;
}

.user_avtar {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
}

.user_avtar img {
    width: 40px;
    height: 40px;
}

.changeAvtarModel .prev {
    left: 0;
    background: url(/Portals/0/styles/img/personal-space/chevron-left.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.changeAvtarModel .next {
    right: 0;
    background: url(/Portals/0/styles/img/personal-space/chevron-right.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.blueTheme,
.activity-timeline.blueTheme {
    background-color: #c7edff;
}

.my-pin-content.blueTheme,
.my-product.blueTheme,
#myProductSnapshot.blueTheme,
.company-administrators.blueTheme {
    background-color: #76d3ff;
}

.company-activity.blueTheme {
    background-color: #9fe0ff;
}

.greenTheme,
.activity-timeline.greenTheme {
    background-color: #DCF4DF;
}

.my-pin-content.greenTheme,
.my-product.greenTheme,
#myProductSnapshot.greenTheme,
.company-administrators.greenTheme {
    background-color: #addfb3 !important;
}

.company-activity.greenTheme {
    background-color: #c4eac9;
}

.pinkTheme,
.activity-timeline.pinkTheme {
    background-color: #fddfe5;
}

.my-pin-content.pinkTheme,
.my-product.pinkTheme,
#myProductSnapshot.pinkTheme,
.company-administrators.pinkTheme {
    background-color: #f8acbe !important;
}

.company-activity.pinkTheme {
    background-color: #fbc6d2;
}

.purpleTheme,
.activity-timeline.purpleTheme {
    background-color: #eae0f2;
}

.my-pin-content.purpleTheme,
.my-product.purpleTheme,
#myProductSnapshot.purpleTheme,
.company-administrators.purpleTheme {
    background-color: #ccb3e0 !important;
}

.company-activity.purpleTheme {
    background-color: #dbcae9;
}

.tealTheme,
.activity-timeline.tealTheme {
    background-color: #D4F1F6;
}

.my-pin-content.tealTheme,
.my-product.tealTheme,
#myProductSnapshot.tealTheme,
.company-administrators.tealTheme {
    background-color: #9cd9e4 !important;
}

.company-activity.tealTheme {
    background-color: #b8e5ed;
}

.turquoisetheme,
.activity-timeline.turquoisetheme {
    background-color: #D6F3ED;
}

.my-pin-content.turquoisetheme,
.my-product.turquoisetheme,
#myProductSnapshot.turquoisetheme,
.company-administrators.turquoisetheme {
    background-color: #98dbce !important;
}

.company-activity.turquoisetheme {
    background-color: #b7e7de;
}

.defaultShape {
    width: 64px;
    height: 64px;
    margin: 6px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;

}

.defaultShape img {
    width: 45px;
    height: 45px;
}

.slideshow-container {
    position: relative;
    width: 100%;
    height: 200px !important;
    overflow: hidden;
}

.shaprow {
    display: flex;
    flex-flow: wrap;
    max-width: 584px;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.changeAvtarModel .iconrow {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.changeAvtarModel .slide-count {
    position: absolute;
    bottom: -23px;
}

.BlueCircle {
    background-color: rgb(199, 237, 255);
    border-radius: 50%;
}

.TealCircle {
    background-color: #D4F1F6;
    border-radius: 50%;
}

.TurquoiseCirlce {
    background-color: #D6F3ED;
    border-radius: 50%;
}

.GreenCirlce {
    background-color: #DCF4DF;
    border-radius: 50%;
}

.PinkCirlce {
    border-radius: 50%;
    background-color: #FDDFE5;
}

.PurpleCirlce {
    border-radius: 50%;
    background-color: #EAE0F2;
}


.BlueSqaure {
    background-color: rgb(199, 237, 255);
    border-radius: 5px;
}

.TealSquare {
    background-color: #D4F1F6;
    border-radius: 5px;
}

.TurquoiseSquare {
    background-color: #D6F3ED;
    border-radius: 5px;
}

.GreenSquare {
    background-color: #DCF4DF;
    border-radius: 5px;
}

.PinkSquare {
    border-radius: 5px;
    background-color: #FDDFE5;
}

.PurpleSquare {
    border-radius: 5px;
    background-color: #EAE0F2;
}


.Teal {
    border: 1px solid #0077A0;
}

.Blue {
    border: 1px solid #009DE0;
}

.Green {
    border: 1px solid #00AC41;
}

.Pink {
    border: 1px solid #EE3D8B;
}

.Purple {
    border: 1px solid #8246AF;
}

.Turquoise {
    border: 1px solid #00968F;
}

.timelinewrapper .card {
    background: transparent;
    border: none;
}

/*ghost loader  */
.skeleton {
    border-radius: 3px;
    -webkit-animation: skeleton 0.5s infinite alternate;
    animation: skeleton 0.5s infinite alternate;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    background-color: rgba(0, 0, 0, 0.02);
}

.large.skeleton {
    width: 64px;
    height: 64px;
}

@-webkit-keyframes skeleton {
    0% {
        background-color: rgba(0, 0, 0, 0.02);
    }

    100% {
        background-color: rgba(0, 0, 0, 0.06);
    }
}

@keyframes skeleton {
    0% {
        background-color: rgba(0, 0, 0, 0.02);
    }

    100% {
        background-color: rgba(0, 0, 0, 0.06);
    }
}

#join-conversations .large.skeleton {
    width: 382px;
    height: 24px;
}

#join-conversations .sm.skeleton {
    width: 50%;
    height: 15px;
    margin: 10px 0;
}

#join-conversations.loader_left {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
}

#join-conversations .loader_right {
    display: flex;
    flex-flow: column;
    align-items: flex-end;
}

/*ghost loader end */

.DarkAppearance,
.LightAppearance,
.company-space .activity-timeline .list li,
.company-space .upload-file label,
.company-space #personaliseCompany .personalise-title .info-icon,
.company-space .custom-modal-fixed-header {
    position: relative;
}

.company-space .custom-modal-footer {
    width: 100%;
    position: relative;
}

.custom-modal-footer .custom-icons {
    float: right;
    right: 24px;
    position: absolute;
    bottom: 25px;
}

.DarkAppearance:before,
.LightAppearance:before {
    content: "";
    background: #202020;
    position: absolute;
    top: -44px;
    left: 0;
    height: 45px;
    width: 100%;
    z-index: -1;
}

.LightAppearance:before,
.my-download-wrapper .tab-container li button:hover .count {
    background: #ffffff;
}

.DnnModule-RecommendedUI .ContainerWrapper .ng-section-title span {
    margin-bottom: 30px;
}

.ps_recommended .no_preference_select,
.company-space .activity-timeline h2 {
    margin-bottom: 0 !important;
}

.activity-timeline .large.skeleton {
    width: 100%;
    height: 14px;
}

.activity-timeline .sm.skeleton {
    width: 50%;
    height: 15px;
    margin: 10px 0;
}

.activeShape,
.activeIcon,
.activeBorder,
#createFilter .filter-color-theme .color-item.active {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

/*Data Product Excel Starts*/

.product_excel_section {
    background-color: #F9F7FB;
    border-top: 4px solid #002c77;
    padding: 20px 22px 20px 38px;
    box-shadow: 0px 2px 5px #b3b3b3;
    min-height: 426px;
}

.product_excel_section span.topic_name {
    font-family: 'NotoSans-bold';
    font-size: 18px;
    font-weight: 700;
    line-height: 24.52px;
    text-align: left;
    color: #001F52;
}

.product_excel_section span.topic_name img {
    margin: 0 8px 0 -22px;
}

.product_excel_section ul.list {
    margin-top: 10px;
    max-height: 335px;
    overflow-y: auto;
    padding-right: 16px;
}

.product_excel_section ul.list:has(:nth-child(n+9)) {
    overflow-y: auto;
    padding-right: 16px;
}

.product_excel_section ul.list li {
    list-style: disc;
    display: flex;
    position: relative;
    padding: 6px 0;
    align-items: flex-start;
    justify-content: space-between;
    gap: 26px;
}

.product_excel_section ul.list li>a.saveLater,
.company-space .company-administrators li>div span.chat-icon,
.timeline-column .additional-icon>span,
.my-download-file-wrapper .organize-download {
    cursor: pointer;
}

.product_excel_section ul.list li:before {
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    background-color: #002c77 !important;
    left: -20px;
    top: 13px;
    border-radius: 30px;
}

.product_excel_section span.list_detail {
    font-family: 'NotoSans-Regular';
    font-size: 16px;
    font-weight: 400;
    line-height: 21.79px;
    text-align: left;
    flex: 1;
}

.product_excel_section span.pinned-article {
    position: relative;
    width: 25px;
    height: 25px;
    cursor: pointer;
    background: url("/Portals/0/styles/img/Personal-space/unsave_icon.png") no-repeat center/contain;
}

.product_excel_section span.pinned-article:hover,
.product_excel_section span.pinned-article.active:hover {
    background: url("/Portals/0/styles/img/Personal-space/bookmark-hover.png") no-repeat center/contain;
}

.product_excel_section span.pinned-article.active {
    background: url("/Portals/0/styles/img/Personal-space/save.png") no-repeat center/contain;
}

.product_excel_section span.pinned-article .personal-tooltip {
    top: 34px;
    left: 8px;
}

.product_excel_section span.pinned-article {
    position: relative;
    width: 32px;
    height: 32px;
    display: inline-block;
    cursor: pointer;
}

.product_excel_section .pinned-article {
    background: url("/Portals/0/styles/img/Personal-space/unsave_icon.png") no-repeat center/contain;
}

.pdf_instruction .titlebar {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    border-bottom: 3px solid #009de0 !important;
}

.pdf_instruction h4 {
    font-family: 'MMCDisplay-Regular';
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 14px;
}

.pdf_instruction .button_right {
    margin-bottom: 20px;
    margin-left: auto;
}

/*Data Product Excel Ends*/
.ps_activity_pagination {
    position: relative;
    margin: 16px 0 0;
}

.modal-open .modal,
.company-space .company-administrators ul li>span a {
    pointer-events: none;
}

.main-container-personal-space .personal-space-modal-container,
.company-space .modal {
    margin: 0 auto;
    padding: 0 15px;
    left: 0;
}

.secondary-btn:disabled,
.personal-space-modal-container .main-modal-dialog .primary-btn:disabled,
.company-space .primary-btn:disabled,
button.secondary-btn.disabled_btn:hover,
.personalspace .DarkAppearance .recommendedYellow .describeBtn.readMoreBtn.disabled_btn,
.company-space button:disabled,
.my-download-wrapper button:disabled,
.primary-btn:disabled {
    background: #CCD5E4 !important;
    border-color: #CCD5E4 !important;
    color: #6580AD !important;
    pointer-events: none;
}

.ps_recommended .outer-container,
.ps_my_content .outer-container,
.personalspace .row-taap:not(.content)>.col-taap#dnn_Row1_Span3,
.personalspace #PS-PollsModule,
.personalspace #PS-topFive {
    padding: 0 !important;
}

.personalspace .DarkAppearance .visited h4 a,
.personalspace .DarkAppearance .ng-section-title span,
.personalspace .DarkAppearance .recommended_for_you .inner_content h2 a,
.personalspace .DarkAppearance .recommended_for_you .describeBtn,
.personalspace .DarkAppearance .ps_my_content .myContentNote p,
.personalspace .DarkAppearance .recommended_for_you .inner_content p,
.personalspace .DarkAppearance .tp-home-mycontent-Content .describeBtn,
.personalspace .DarkAppearance .tp-home-mycontent-Content p,
.personalspace .DarkAppearance .tp-home-mycontent-Content h2 a,
.personalspace .DarkAppearance .tp-home-mycontent-Content ul li a,
.personalspace .DarkAppearance .tp-home-mycontent-Content .upcomingFeeds figure span,
.personalspace .DarkAppearance #RecentProductSection h2 {
    color: #ffffff !important;
}

.personalspace .DarkAppearance .no_preference_select .inner_content h2 a {
    color: #2c6ef2 !important;
}

.personalspace .DarkAppearance .recommended_for_you .readMoreBtn {
    background: #ffffff !important;
    color: #002C77 !important;
}

.personalspace .DarkAppearance .no_preference_select .readMoreBtn {
    background: transparent !important;
    color: #002C77 !important;
}

.personalspace .DarkAppearance .recommended_for_you .categories-tagged.quick_badge {
    background: #f4f4f4;
}

.personalspace .DarkAppearance .no_preference_select .describeBtn.readMoreBtn {
    background: #002c77 !important;
    color: #ffffff !important;
}

.personalspace .DarkAppearance .recommended_for_you .describeBtn,
.personalspace .DarkAppearance .tp-home-mycontent-Content .describeBtn {
    border-color: #ffffff;
}

.personalspace .DarkAppearance .no_preference_select .describeBtn {
    border-color: #002c77;
    color: #002c77 !important;
}

.personalspace .DarkAppearance .recommended_for_you .describeBtn:hover,
.personalspace .DarkAppearance .tp-home-mycontent-Content .describeBtn:hover {
    background: #c7edff !important;
    border-color: #c7edff;
    color: #002c77 !important;
}

.personalspace.DarkAppearance .recommended_for_you .describeBtn.quickBtn > span.icon_2:after {
    content: url(/portals/0/styles/img/recommended/cart_icon.png);
    transform: translateY(-45%) scale(0.5);
}

.personalspace .DarkAppearance .recommended_for_you .describeBtn.quickBtn:hover > span.icon_2:after {
    content: url(/portals/0/styles/img/recommended/cart-icon-blue.png);
}

.personalspace.DarkAppearance .tp-home-mycontent-Content .Morelinks li a.saveLater {
    background: url(/portals/0/styles/img/icons/Bookmark_white_Outline.png) left 4px no-repeat;
    background-size: 16px;
}

.personalspace.DarkAppearance .tp-home-mycontent-Content .Morelinks li a.saveLater.contentSaved, .personalspace.DarkAppearance .tp-home-mycontent-Content .Morelinks li a.saveLater:hover {
    background: url(/portals/0/styles/img/icons/Bookmark_white_Fill.png) left 4px no-repeat;
    background-size: 16px;
}

.personalspace.DarkAppearance .tp-home-mycontent-Content .Morelinks li a.readMore,  .personalspace.DarkAppearance .tp-home-mycontent-Content .Morelinks li.more{
    background: url(/portals/0/styles/img/icons/icon-seemore-white.svg) left 5px no-repeat;
    background-size: 17px;    
}

.personalspace.DarkAppearance .tp-home-mycontent-Content .Morelinks li.add-to-cal {
    background: url(/portals/0/styles/img/icons/icon-add.png) left 5px no-repeat;
    background-size: 14px;    
}

.personalspace.DarkAppearance #spotLightItem .row-taap > div > div,
.my-download-wrapper .my-download-table {
    border: none;
}

.personalspace .DarkAppearance .no_preference_select .describeBtn.readMoreBtn:hover,
.personalspace .DarkAppearance .no_preference_select .describeBtn.quickBtn:hover,
.personal-space-modal-container .main-modal-dialog .secondary-btn:hover,
.personal-space-modal-container .main-modal-dialog .primary-btn:hover,
.company-space .modal-dialog .secondary-btn:hover,
.company-space .modal-dialog .primary-btn:hover,
.secondary-btn:hover,
.primary-btn:hover,
.my-download-wrapper .tab-container li button:hover {
    text-align: center;
    background: #003faa !important;
    border-color: #002c77 !important;
    color: #ffffff !important;
}

.personalspace .preference_select .preference_btn,
.my-download-wrapper .action-column  {
    text-align: center !important;
}

.personalspace .DarkAppearance .ng-section-title span {
    border-color: #009DE0 !important;
}

.personalspace.DarkAppearance .dnn-breadcrumb-taap,
.companyspace.DarkAppearance .dnn-breadcrumb-taap,
.my-download-wrapper .selected-file-btn .copy-to-dropdown .copy-to-dropdown-btn:hover,
.my-download-wrapper .selected-file-btn .copy-to-dropdown .copy-to-dropdown-btn.active {
    color: #ffffff;
}

.personalspace .push-footer,
.companySpace .push-footer,
.personalspace ~ .push-footer {
    padding: 135px 0;
}

.ps_activity_pagination nav,
.my-download-wrapper .download-pagination nav {
    width: 100%;
    height: auto;
    text-align: center;
    position: unset !important;
}

.my-download-wrapper .download-pagination nav > ul {
    margin-top: 16px;
    text-align: right;
    padding-left: 0;
}

.ps_activity_pagination .ngx-pagination li,
.my-download-wrapper .download-pagination nav > ul li {
    display: inline-block;
    min-width: 32px;
    width: auto;
    padding: 0;
    height: 32px;
    cursor: pointer;
    position: relative;
    border: none;
}

.ps_activity_pagination .ngx-pagination li.disabled:after,
.ps_activity_pagination .ngx-pagination li.disabled:before,
.my-download-wrapper .download-pagination nav > ul li.disabled{
    opacity: .4;
}

.ps_activity_pagination .ngx-pagination li.disabled,
.my-download-wrapper .download-pagination nav > ul li.disabled {
    cursor: default;
}

.ps_activity_pagination .ngx-pagination li a,
.my-download-wrapper .download-pagination nav > ul li a {
    color: #002C77;
    padding: 0;
    display: inline-block;
    height: 100%;
}

.ps_activity_pagination .ngx-pagination li:first-child a,
.ps_activity_pagination .ngx-pagination li:last-child a {
    min-width: 36px;
    position: absolute;
}

.ps_activity_pagination .ngx-pagination li:first-child a {
    left: 0
}

.ps_activity_pagination .ngx-pagination li:last-child a {
    left: 0;
    z-index: 10000;
}

.ps_activity_pagination .small-screen,
.ngx-pagination .pagination-previous a:before,
.ngx-pagination .pagination-next a:after,
.companySpace #dnn_Promo1 ~ .outer-container,
.personalspace .ui-icon-gripsmall-diagonal-se,
.my-download-wrapper .download-pagination nav > ul  li.small-screen,
.personalspace .alert.alert-danger{
    display: none !important;
}

.ps_activity_pagination .ngx-pagination li span:last-child,
.ps_activity_pagination .small-screen,
.my-download-wrapper .download-pagination nav > ul li span:last-child {
    cursor: pointer;
    min-width: 28px;
    height: 100%;
    font-size: 16px;
    font-family: "NotoSans-Regular";
    padding: 0 4px;
    vertical-align: middle;
    line-height: 31px;
    text-align: center;
    border-radius: 5px;
    display: inline-block;
    position: relative;
}

.ps_activity_pagination .ngx-pagination li.current,
.my-download-wrapper .download-pagination nav > ul li.current {
    padding: initial;
    cursor: default;
    background: #002c77;
    color: #fff;
    border-radius: 5px;
}

.ps_activity_pagination .ngx-pagination li.current:hover,
.my-download-wrapper .selected-file-btn .copy-to-dropdown .copy-to-dropdown-btn.active {
    background: #002C77;
}

.ps_activity_pagination .ngx-pagination li.current:hover span:last-child,
.my-download-wrapper .download-pagination nav > ul li.current:hover span:last-child {
    color: #ffffff;
    cursor: default;
}

.ps_activity_pagination .ngx-pagination li:first-child:before,
.ps_activity_pagination .ngx-pagination li:last-child:after,
.my-download-wrapper .download-pagination nav > ul li:first-child:before,
.my-download-wrapper .download-pagination nav > ul li:last-child:after {
    content: url("/Portals/0/styles/img/Personal-space/caret_icon.png");
    display: inline-block;
    height: 28px;
    top: 3px;
    transform: scale(.5) rotate(90deg);
    position: absolute;
    left: -3px;
}

.ps_activity_pagination .ngx-pagination li:last-child:after,
.my-download-wrapper .download-pagination nav > ul li:last-child:after {
    left: 6px;
    transform: scale(.5) rotate(-90deg);
}

.my-download-wrapper .download-pagination nav > ul li.disabled:last-child:after {
    left: -1px;
}

.personalspace .tp-home-mycontent-Pager .tabs div div>a,
.personalspace .tp-home-mycontent-Content .visited p,
.personalspace .no_data,
.personalspace .dnn-breadcrumb-taap,
.personalspace .ps_my_content .myContentNote p .personalspace .preference_btn,
#scroll-rating-modal .emoji-number-count div,
#scroll-rating-modal .like-comment,
#scroll-rating-modal .modal-footer,
.noMessage,
.suggestions-dropdown .colleague-name,
#mySharedModal .modal-body,
.personal-space-modal-container .modal-body,
.my-download-wrapper .file-wrap span,
.modal .modal-dialog .modal-body p,
.my-download-file-wrapper .organize-download,
.product-pricing-container p,
.product-pricing-container a {
    font-family: "NotoSans-Regular";
}

.contactus-gradient .contactus-main a,
.personalspace a.ad_button,
#createFilter .preview-wrapper label {
    font-family: "NotoSans-SemiBold" !important;
}

.personalspace .contactus-gradient,
.company-space .modal-dialog,
.my-download-wrapper .my-download-table {
    margin: 0;
}

.ps_activity_pagination .ngx-pagination a:hover {
    background: none;
    color: #002c77 !important;
}

.ps_activity_pagination nav ul li a,
.company-space #manageCompany .manageCompanySlider .wrapper .icon.disableIcon,
.company-space #manageCompany .manageCompanySlider .wrapper .icon:first-child,
.personalspace .ui-dialog .ui-dialog-titlebar,
.my-download-wrapper .download-pagination nav > ul li a {
    background: none;
}

.timeline-column .inner-row .inner-text h3 a {
    font-family: "MMCDisplay-Regular";
    word-break: break-word;
}

.personalspace.modal-open,
.personalspace .table-responsive {
    overflow: hidden !important;
}

.personalspace .DarkAppearance .tp-home-mycontent-Content .visited p {
    color: #ef4e45;
}

/* Added in Data Excel page */

.Data_module.dataExcel .topic_name img {
    width: 30px;
}

.data-excel-product .Data_module div.all_module {
    margin: 0 0 60px !important;
    flex: 0 0 30% !important;
}

.Data_module .Morelinks li {
    padding-top: 0 !important;
    margin-top: -3px;
}

.Data_module .Morelinks li a.saveLater {
    text-indent: -9999px !important;
}

.data-excel-product .Data_module.dataExcel {
    position: unset !important;
    gap: 0 60px;
}

.data-excel-product {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/*New CSS added end*/

.product_excel_section .Morelinks {
    overflow: visible;
}

.product_excel_section .Morelinks li .saveLater.contentSaved::before {
    content: "Saved";
    left: -32px;
}

.product_excel_section .Morelinks li .saveLater::before {
    content: "Save for later";
    top: -1px;
    left: -55px;
    text-indent: 0;
}

.product_excel_section .Morelinks li:hover .saveLater::before {
    display: block
}

.product_excel_section .Morelinks li a.saveLater.contentSaved {
    background-size: 16px;
}

.product_excel_section .NoFile {
    margin-left: -22px;
    margin-top: 10px;
}

.personalspace .recommended_for_you,
.personalspace #PS-AdSpace,
.personalspace #PS-myContent {
    margin-bottom: 50px;
}

.outer-container.data-excel-product {
    padding: 0 0 40px 0;
    margin-top: -38px;
}

.outer-container.data-excel-product .empty-placeholder {
    margin-top: -100px;
}

.personalspace .modal-dialog .modal-content table tr.no-records {
    border-bottom: none !important;
}

#my-confirmation .modal-footer,
.company-space #companySpaceConfirm .modal-footer {
    border-top: none;
}

#my-confirmation .modal-content {
    max-width: 93%;
}

.personal-space-modal-container .confirm_overlay {
    position: fixed;
    background: rgba(0, 0, 0, .2);
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
}

.personalspace .disable-tab {
    border-color: #6580AD !important;
    border-style: dashed !important;
    color: #6580AD !important;
    cursor: default !important;
}

.personalspace .disable-tab:hover {
    background: none !important;
    color: #6580AD !important;
}

.custom-modal-open,
.custom-modal-body:has(.colleagues-list.ChatUserlist),
body:has(.custom-alert-modal) {
    overflow: hidden !important;
}

.personalspace ul,
.companySpace ul,
.company-space ul,
.my-product-list ul {
    padding-left: 0;
    margin-left: 0;
}

/*Company Space Starts*/

.company-space .personal-space-title .dropdown-toggle:focus,
.btn,
.company-space .upload-file .form-control:focus,
.personalspace .DarkAppearance .featuredSection.prodReleased .featuredArticle,
.pricing-accordion-container .accordion-button:focus,
.pricing-accordion-container .accordion-button {
    box-shadow: none !important;
}

.company-space .personal-space-title .dropdown-toggle:after {
    bottom: 7px !important;
    right: 10px !important;
}

.company-space .personal-space-title .dropdown-toggle.active:after {
    bottom: 0 !important;
    right: 0 !important;
}


.company-space .personal-space-title .dropdown-toggle.show:after {
    transform: rotate(180deg) scale(.5);
}

.company-space .personal-space-title .dropdown-menu,
.company-space .personal-space-title .dropdown-menu.show {
    transform: translate(-240px, 50px) !important;
    min-width: 315px;
    position: absolute;
    top: 0;
    left: -4px;
}

.company-space .personal-space-title .dropdown-menu li>.dropdown-item {
    padding: 0;
}

.company-space .personal-space-title .dropdown-menu li .dropdown-item {
    text-decoration: none;
    background-color: unset;
    color: #2C6EF2;
}

.company-space .timeline-column .num-count {
    position: relative;
    top: -14px;
    left: 6px;
}

.company-space .timeline-column .timestamp {
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: none;
    border-radius: 50%;
    margin-left: 5px;
}

.company-space .timeline-column .timestamp.active {
    background-color: #00AC41;
}

.company-space .personal-space-title .dropdown-menu li:nth-child(1):before,
.company-space .personal-space-title .dropdown-menu li:nth-child(2):before {
    content: url(/Portals/0/styles/img/icons/icon-personalize-company-space.svg);
    transform: scale(1.2);
    top: 11px;
    left: 20px;
}

.company-space .personal-space-title .dropdown-menu li:nth-child(2):before {
    content: url(/Portals/0/styles/img/icons/icon-manage-company-space.svg);
}

.company-space .chat-icon>.chat-img,
.personalspace .chat-icon span.chat-img,
.company-space .pin-bookmark-icons>li.pin-icon .icon-img,
.company-space .pin-bookmark-icons>li.bookmark-icons .icon-img,
.company-space .like-share-icons>li:nth-child(1) .icon-img,
.company-space .like-share-icons>li:nth-child(2) .icon-img {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url(/Portals/0/styles/img/Personal-space/chat.svg);
    background-size: cover;
    transition: background-image .25s ease-in;
    cursor: pointer;
}

.company-space .chat-icon>.chat-img:hover,
.personalspace .chat-icon span.chat-img:hover {
    background-image: url(/Portals/0/styles/img/Personal-space/chat-hover.svg);
}

.company-space .timeline-column .additional-icon>span#icon-share,
.company-space .chat-icon>.chat-img:hover .personal-tooltip,
.company-space .like-share-icons>li.pin-icon:hover .personal-tooltip,
.company-space .like-share-icons>li:hover .personal-tooltip,
.company-space .pin-bookmark-icons>li.bookmark-icons:hover .personal-tooltip,
.company-space .pin-bookmark-icons>li:hover .personal-tooltip,
.company-space .custom-modal .reacted-icon>li:hover .personal-tooltip,
.company-space .company-administrators li>div span.chat-icon:hover .personal-tooltip,
.company-space .company-administrators li>div span.mail-icon:hover .personal-tooltip,
.personalspace .chat-icon span.chat-img:hover .personal-tooltip,
.my-download-wrapper .action-icons button:hover .personal-tooltip,
.my-download-wrapper .action-icons a:hover .personal-tooltip {
    display: block;
}

.company-space .timeline-column .additional-icon>span#icon-share::before {
    left: -12px;
}

.company-space .timeline-column .inner-row .inner-text p,
#createFilter .input-wrapper,
#createFilter .filter-color-wrapper {
    margin-bottom: 16px;
}

.company-space .pin-bookmark-icons>li,
.company-space .like-share-icons>li {
    position: relative;
    display: inline-block;
    margin-right: 20px;
    font-family: "NotoSans-Regular";
}

.company-space .pin-bookmark-icons>li.pin-icon .icon-img {
    background-image: url(/Portals/0/styles/img/Personal-space/unpin.png);
    background-size: 32px;
}

.company-space .pin-bookmark-icons>li.pin-icon .icon-img.active,
.company-space .pin-bookmark-icons>li.pin-icon .icon-img.active:hover {
    background-image: url(/Portals/0/styles/img/Personal-space/pin.png);
}

.company-space .pin-bookmark-icons>li.pin-icon .icon-img:hover {
    background-image: url(/Portals/0/styles/img/Personal-space/pin_hover.png);
}

.company-space .like-share-icons>li:nth-child(1) .icon-img {
    background-image: url(/Portals/0/styles/img/Personal-space/heart.png);
    width: 36px;
}

.company-space .like-share-icons>li:nth-child(1) .icon-img.active,
.company-space .like-share-icons>li:nth-child(1) .icon-img.active:hover {
    background-image: url(/Portals/0/styles/img/Personal-space/heart-fill.png);
}

.company-space .like-share-icons>li:nth-child(1) .icon-img:hover {
    background-image: url(/Portals/0/styles/img/Personal-space/heart-hover.png);
}

.company-space .pin-bookmark-icons>li.bookmark-icons .icon-img {
    background-image: url(/Portals/0/styles/img/Personal-space/unsave_icon.png);
    width: 26px;
}

.company-space .pin-bookmark-icons>li.bookmark-icons .icon-img.active,
.company-space .pin-bookmark-icons>li.bookmark-icons .icon-img.active:hover {
    background-image: url(/Portals/0/styles/img/Personal-space/save.png);
}

.company-space .pin-bookmark-icons>li.bookmark-icons .icon-img:hover {
    background-image: url(/Portals/0/styles/img/Personal-space/bookmark-hover.png);
}

.company-space .like-share-icons>li:nth-child(2) .icon-img {
    background-image: url(/Portals/0/styles/img/Personal-space/forward.png);
    width: 43px;
}

.company-space .like-share-icons>li:nth-child(2) .icon-img.active,
.company-space .like-share-icons>li:nth-child(2) .icon-img.active:hover {
    background-image: url(/Portals/0/styles/img/Personal-space/share-active.svg);
}

.company-space .like-share-icons>li:nth-child(2) .icon-img:hover {
    background-image: url(/Portals/0/styles/img/Personal-space/share-hover.svg);
}

.company-space .pin-bookmark-icons>li.bookmark-icons {
    margin-right: 0;
}

.company-space .company-activity-timeline>button {
    border-width: 2px;
    background: none;
    font-family: "NotoSans-SemiBold";
    position: relative;
    padding: 0 16px 0 46px;
    border-radius: 5px;
}

.company-space .company-activity-timeline>button::before {
    content: url(/Portals/0/styles/img/my-company/add_icon.png);
    left: 10px;
    transform: translateY(-50%) scale(0.5);
    position: absolute;
    top: 15px;
}

.company-space .company-activity-timeline>button:hover::before {
    content: url(/Portals/0/styles/img/my-company/add_icon_white.png);
}

.company-space .activity-timeline .list li.tagged::before,
.personalspace .activity-timeline .list li.tagged::before {
    content: url(/Portals/0/styles/img/icons/icon-at-sign.png);
    transform: scale(.7);
    position: absolute;
    width: 30px;
    height: 30px;
    line-height: 34px;
    background-color: #C53532;
    right: -10px;
    top: -14px;
    text-align: center;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.company-space .company-administrators .profile-icon,
.company-space .custom-modal .output-user.left-arrow .profile-icon {
    width: 32px;
    height: 32px;
    display: inline-block;
    border-radius: 5px;
}

.company-space .company-administrators li>div span.chat-icon,
.company-space .company-administrators li>div a:last-child span.mail-icon {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-repeat: no-repeat;
    position: relative;
    top: 8px;
}

.company-space .company-administrators li>div span.chat-icon .personal-tooltip,
.company-space .company-administrators li>div a:last-child span.mail-icon .personal-tooltip {
    top: 30px;
    left: -44px;
}

.company-space .company-administrators li>div span.chat-icon .personal-tooltip {
    left: -58px;
}

.company-space .company-administrators>ul li>ul>li:last-child .personal-tooltip {
    top: -38px !important;
}

.company-space .company-administrators li>span {
    margin-top: 5px;
}

.company-space .company-administrators li>div span.chat-icon {
    background-image: url(/Portals/0/styles/img/icons/icon-message.svg);
    display: none;
}

.company-space .company-administrators li>div a span.mail-icon {
    background-image: url(/Portals/0/styles/img/icons/icon-mail.svg);
}

.company-space .company-administrators .profile-icon .user_avtar,
.company-space .custom-modal .output-user.left-arrow .profile-icon .user_avtar {
    width: 34px;
    height: 100%;
}

.company-space .company-administrators .profile-icon .user_avtar>img,
.company-space .custom-modal .output-user.left-arrow .profile-icon .user_avtar>img {
    width: 20px;
    height: auto;
}

.company-space .company-administrators>ul>li {
    border-bottom: 1px solid #949494;
    padding: 20px;
}

.company-space .company-activity .inner-content h3 {
    line-height: 28px;
    display: inline;
}

.company-space .company-participation {
    background: #E5EDF4;
}

.company-space .company-participation .hash-num {
    font-family: "MMCDisplay-Bold";
    font-size: 34px;
    line-height: 44px;
    margin-bottom: 16px;
}

.company-space .modal-header {
    border-bottom-color: #dadada;
    justify-content: space-between;
}

.company-space .table_checkbox label,
.personalspace .table_checkbox label,
.my-download-wrapper .check-box label {
    width: 20px;
    height: 20px;
    display: block;
    border-radius: 5px;
    border: 1px solid #002c77 !important;
}

.company-space .table_checkbox input[type="checkbox"],
.personalspace .table_checkbox input[type="checkbox"],
.my-download-wrapper .check-box input[type="checkbox"] {
    border-radius: 5px;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    cursor: pointer;
}

.company-space .table_checkbox input[type=checkbox]:checked+label:before,
.personalspace .table_checkbox input[type=checkbox]:checked+label:before,
.my-download-wrapper .check-box input[type=checkbox]:checked+label:before {
    content: '';
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: #002c77;
    border: 1px solid #002c77;
    border-radius: 5px;
    margin-left: -1px;
    margin-top: -1px;
    font-size: 12px;
}

.company-space .table_checkbox input[type=checkbox]:checked+label:after,
.personalspace .table_checkbox input[type=checkbox]:checked+label:after,
.my-download-wrapper .check-box input[type=checkbox]:checked+label:after {
    content: '';
    position: absolute;
    left: 5px;
    top: 9px;
    background: white;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
    transform: rotate(45deg);
}

.personalspace .table_checkbox input[type=checkbox]:checked + label:after {
    top: 10px;
}

.company-space .custom-modal {
    display: none;
    border: 1px solid #BED3E4;
    border-radius: 5px !important;
    width: 650px;
    height: 600px;
    position: fixed;
    left: calc(100% - 50%);
    bottom: 0;
    background: #fff;
    z-index: 100000;
    max-width: 650px;
    max-height: 600px;
    min-width: 450px;
    min-height: 400px;
    overflow: hidden;
    resize: both;
}

.company-space .custom-modal .custom-modal-content {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.company-space .upload-file {
    border: 1px dashed #004C6C;
    height: 200px;
}


.company-space .upload-file>label {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
    height: 100%;
    font-size: 16px;
    font-family: "NotoSans-Regular";
    background: #F0FAFF;
}

.company-space .upload-file label>span {
    z-index: 1;
    margin-top: 30px;
    position: absolute;
    top: 30px;
}

.company-space .upload-file label>span.upload-File-name {
    position: absolute;
    top: 100px;
}

.company-space .upload-file label::after {
    content: url(/Portals/0/styles/img/icons/icon-cloud-upload.svg);
    width: 24px;
    height: 24px;
    z-index: 1;
    position: absolute;
    top: 100px;
}

.company-space .custom-modal .title h4 {
    font-size: 20px;
    font-family: "MMCDisplay-Regular";
    color: #2C2C2E;
    line-height: 28px;
    letter-spacing: normal;
    font-weight: normal;
    word-wrap: break-word;
    min-height: auto;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    width: 100%;
}

.company-space .custom-modal .title .sub-title,
.company-space .custom-modal .chat-event {
    font-size: 14px;
    font-family: "NotoSans-Regular";
    color: #666668;
}


.company-space .custom-modal .chat-event {
    font-size: 12px;
    text-align: center;
}

.company-space .custom-modal .input-user .text-message,
.company-space .custom-modal .output-user .text-message {
    display: inline-block;
    background-color: #c7edff;
    border-radius: 5px;
    position: relative;
    padding: 8px;
    max-width: 90%;
    min-width: 150px;
    min-height: 50px;
    margin-bottom: 16px;
    word-wrap: break-word;
}

.company-space .custom-modal .output-user {
    position: relative;
    padding-left: 50px;
}

.company-space .custom-modal .output-user.left-arrow .profile-icon {
    position: absolute;
    left: 0;
}

.company-space .custom-modal .output-user .text-message {
    background-color: #F2F2F7;
    max-width: 80%;
}

.company-space .custom-modal .input-user {
    text-align: right;
    position: relative;
}

.company-space .custom-modal .input-user .text-message .text-content,
.company-space .custom-modal .input-user .text-message .time,
.company-space .custom-modal .output-user .text-message .text-content,
.company-space .custom-modal .output-user .text-message .time {
    font-size: 14px;
    line-height: 20px;
    font-family: "NotoSans-Regular";
    position: relative;
    margin-bottom: 10px;

}

.company-space .custom-modal .input-user .text-message .text-content,
.personalspace .recommended_for_you .inner_content h2  {
    text-align: left;
}

.company-space .custom-modal .output-user .text-message .text-content,
.company-space .custom-modal .output-user .text-message .time,
.my-download-wrapper .tab-container li button:hover .count {
    color: #001F52;
}

.company-space .custom-modal .input-user .text-message .time,
.company-space .custom-modal .output-user .text-message .time {
    font-size: 12px;
    position: absolute;
    right: 10px;
    bottom: 2px;
    margin-bottom: 0;
}

.company-space .custom-modal .input-user.right-arrow .text-message {
    border-top-right-radius: 0;
}


.company-space .custom-modal .input-user.right-arrow .text-message .text-content:after {
    content: url(/Portals/0/styles/img/icons/icon-blue-tip.svg);
    position: absolute;
    right: -17px;
    top: -8px;
}

.company-space .custom-modal .output-user.left-arrow {
    padding-left: 50px;
}

.company-space .custom-modal .output-user.left-arrow .text-message {
    border-top-left-radius: 0;
}

.company-space .custom-modal .output-user.left-arrow .text-message .text-content:after {
    content: url(/Portals/0/styles/img/icons/icon-gray-tip.svg);
    position: absolute;
    left: -16px;
    top: -32px;
}

.company-space .custom-modal a,
.my-download-file-wrapper .organize-download {
    color: #2C6EF2 !important;
    text-decoration: none;
}

.my-download-file-wrapper .organize-download {
    margin-top: 6px;
}
.company-space .custom-modal .output-user.left-arrow .text-message,
.company-space .custom-modal .input-user.right-arrow .text-message {
    margin-bottom: 17px;
}


.company-space .custom-modal .output-user.left-arrow.active .profile-icon:after {
    content: '';
    background-color: #00AC41;
    width: 12px;
    height: 12px;
    display: inline-block;
    background-color: none;
    position: absolute;
    right: -2px;
    bottom: 0;
    border: 2px solid #fff;
    border-radius: 50%;
}

.company-space .custom-modal .react-icon {
    display: inline-flex;
    gap: 10px;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    animation: fadeInUp 0.5s ease-out forwards;
}

@keyframes fadeInUp {
    0% {
        top: 0;
        opacity: 0;
        visibility: visible;
    }

    100% {
        top: -18px;
        opacity: 1;
    }
}

.company-space .custom-modal .output-user .text-message:hover .react-icon,
.company-space .custom-modal .input-user .text-message:hover .react-icon {
    animation: fadeInUp 0.5s ease-out forwards;
    visibility: visible;
}

.company-space .custom-modal .output-user .text-message:not(:hover) .react-icon,
.company-space .custom-modal .input-user .text-message:not(:hover) .react-icon {
    animation: fadeOutDown 0.5s ease-out forwards;
}

@keyframes fadeOutDown {
    0% {
        top: -18px;
        opacity: 1;
    }

    100% {
        top: 0;
        opacity: 0;
        visibility: hidden;
    }
}

.company-space .custom-modal .react-icon li span.like,
.company-space .custom-modal .react-icon li span.heart,
.company-space .custom-modal .react-icon li span.laugh,
.company-space .custom-modal .react-icon li span.surprised {
    content: url(/Portals/0/styles/img/icons/icon-like-emoji.png);
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.company-space .custom-modal .react-icon li span.heart {
    content: url(/Portals/0/styles/img/icons/icon-heart-emoji.png);
}

.company-space .custom-modal .react-icon li span.laugh {
    content: url(/Portals/0/styles/img/icons/icon-laugh-emoji.png);
}

.company-space .custom-modal .react-icon li span.surprised {
    content: url(/Portals/0/styles/img/icons/icon-surprised-emoji.png);
}

.company-space .custom-modal .reacted-icon {
    position: absolute;
    left: 0;
    bottom: -14px;
    display: flex;
    gap: 1px;
}

.company-space .custom-modal .reacted-icon>li {
    border: 1px solid #B3B3B3;
    background-color: #fff;
    border-radius: 20px;
    height: 24px;
    min-width: 32px;
    padding: 0 6px;
    cursor: pointer;
    display: flex;
    gap: 4px;
    justify-content: center;
    align-items: center;
    position: relative;
}

.company-space .custom-modal .reacted-icon>li .personal-tooltip {
    top: 24px;
    left: 50%;
    transform: translateX(-50%);
    display: none;
    max-width: 120px;
    min-width: 80px;
    height: auto;
    max-height: 115px;
    overflow-y: auto;
}

.company-space .custom-modal .reacted-icon>li .personal-tooltip>ul>li {
    margin-bottom: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}

.company-space .custom-modal .reacted-icon>li>span.like,
.company-space .custom-modal .reacted-icon>li>span.heart,
.company-space .custom-modal .reacted-icon>li>span.laugh,
.company-space .custom-modal .reacted-icon>li>span.surprised {
    width: 16px;
    height: 16px;
    display: inline-block;
    cursor: pointer;
}

.company-space .custom-modal .reacted-icon>li>span.like {
    content: url(/Portals/0/styles/img/icons/icon-like-emoji.png);
}

.company-space .custom-modal .reacted-icon>li>span.heart {
    content: url(/Portals/0/styles/img/icons/icon-heart-emoji.png);
}

.company-space .custom-modal .reacted-icon>li>span.laugh {
    content: url(/Portals/0/styles/img/icons/icon-laugh-emoji.png);
}

.company-space .custom-modal .reacted-icon>li>span.surprised {
    content: url(/Portals/0/styles/img/icons/icon-surprised-emoji.png);
}

.company-space #personaliseCompany .personalise-title .info-icon,
.colleagues-header span.info_icon,
div#addConversation span.info_icon_add_con,
.modal-info-title {
    background: url(/Portals/0/styles/img/Personal-space/info-icon.svg);
    margin-top: 3px;
    width: 17px;
    height: 16px;
    display: inline-block;
}

.modal-info-title{
    margin: 0 0 0 6px;
}

div#addConversation span.info_icon_add_con {
    float: right;
    margin-left: 8px;
    margin-top: 7px;
}

div#addConversation .form-control-plaintext,
.personalspace .ui-dialog .ui-dialog-titlebar,
.modal-info-title {
    position: relative;
}

.company-space .custom-modal .reacted-icon>li>span {
    font-size: 12px;
    font-family: "NotoSans-Regular";
    color: #001F52;
}

.company-space #personaliseCompany .personalise-list label {
    color: #202020;
    position: relative;
    cursor: pointer;
    padding-left: 30px;
}

.company-space #personaliseCompany .personalise-list label::before {
    content: '';
    width: 16px;
    height: 16px;
    display: inline-block;
    border: 1px solid #868D95;
    border-radius: 50%;
    position: absolute;
    top: 3px;
    left: 0;
}

.company-space #personaliseCompany .personalise-list label::after {
    content: '';
    width: 8px;
    height: 8px;
    display: inline-block;
    background: #002C77;
    border-radius: 50%;
    position: absolute;
    top: 7px;
    left: 4px;
    opacity: 0;
}

.company-space #personaliseCompany .personalise-list input[type="radio"]:checked+label::after {
    opacity: 1;
}

.company-space #personaliseCompany .personalise-list input[type="radio"]:checked+label::before {
    border-color: #002C77;
}

.company-space #addConversation .input-wrapper,
#createFilter .input-wrapper label,
#createFilter .filter-color-wrapper .filter-color {
    font-size: 16px;
    font-family: "NotoSans-SemiBold";
    color: #002c77;
    line-height: 24px;
}

#createFilter .input-wrapper label,
#createFilter .filter-color-wrapper .filter-color {
    margin-bottom: 8px !important;
    display: inline-block;
}
.company-space #addConversation .input-wrapper .max-limit {
    font-family: "NotoSans-Regular";
    font-weight: 400;
}

.company-space #addConversation .input-wrapper .validate {
    position: relative;
    padding-left: 10px;
    margin-top: 10px;
    cursor: default;
    width: 100%;
}

.company-space #addConversation .input-wrapper .validate:before {
    content: "*";
    position: absolute;
    left: 0px;
    color: #e10600;
    top: 0;
}

.company-space #addConversation .input-wrapper .input-container .count {
    font-size: 14px;
    font-family: "NotoSans-Regular";
    font-weight: 500;
}


.company-space #personaliseCompany .personalise-title .info-icon .personal-tooltip {
    top: 22px;
}

.company-space #manageCompany .manageCompanySlider .wrapper {
    padding: 0 30px;
    position: relative;
    overflow-x: hidden;
}

.company-space #manageCompany .manageCompanySlider .wrapper .icon {
    position: absolute;
    top: 0;
    margin: 0;
    height: 100%;
    width: 60px;
    display: flex;
}

.company-space #manageCompany .manageCompanySlider .wrapper .icon .left,
.company-space #manageCompany .manageCompanySlider .wrapper .icon .right {
    position: relative;
    width: 24px;
    height: 24px;
    background: #002c77;
    top: 5px;
    border-radius: 50%;
    cursor: pointer;
}

.company-space #manageCompany .manageCompanySlider .wrapper .icon.enableIcon .right,
.company-space #manageCompany .manageCompanySlider .wrapper .icon.enableIcon .left {
    background: #002C77;
}

.company-space #manageCompany .manageCompanySlider .wrapper .icon.disableIcon .right,
.company-space #manageCompany .manageCompanySlider .wrapper .icon.disableIcon .left {
    background: #E5EDF4;
}

.company-space #manageCompany .manageCompanySlider .wrapper .icon .left::after,
.company-space #manageCompany .manageCompanySlider .wrapper .icon .right::after {
    content: url(/Portals/0/styles/img/Personal-space/white-caret.svg);
    transform: scale(0.8);
    position: absolute;
    left: 5px;
    top: 2px;
}

.company-space #manageCompany .manageCompanySlider .wrapper .icon .right::after {
    transform: rotate(180deg) scale(0.8);
    left: 8px;
    top: -1.2px;
}

.company-space #manageCompany .manageCompanySlider .icon:first-child .left {
    background: #E5EDF4;
}

.company-space #manageCompany .manageCompanySlider .wrapper .icon:first-child.enableIcon {
    background: linear-gradient(90deg, #fff 70%, transparent);
}

.company-space #manageCompany .manageCompanySlider .icon:first-child {
    left: 0;
    background: linear-gradient(90deg, #fff 70%, transparent);
}

.company-space #manageCompany .manageCompanySlider .icon:last-child {
    right: 0;
    justify-content: flex-end;
    background: linear-gradient(-90deg, #fff 70%, transparent);
}

.company-space #manageCompany .manageCompanySlider .wrapper .tabs-box {
    display: flex;
    gap: 12px;
    list-style: none;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

.company-space #manageCompany .manageCompanySlider .tabs-box.dragging {
    scroll-behavior: auto;
    cursor: grab;
}

.company-space #manageCompany .manageCompanySlider .tabs-box.dragging .tab {
    user-select: none;
    pointer-events: none;
}

.company-space .company-administrators>ul>li:first-child ul.list {
    max-height: 148px;
    overflow: hidden;
}

.company-space .company-administrators>ul>li:first-child ul.list:has(> li:first-child:last-child),
.personalspace .my-pin-content > ul.list:has(> li:first-child:last-child) {
    overflow: unset;
}

.company-space .modal-dialog .modal-body,
.personalspace .modal-dialog .modal-body {
    padding: 0;
}

.main-container-personal-space .validation_accordion {
    font-family: "NotoSans-Regular";
    color: #001F52;
    font-size: 16px;
    line-height: 24px;
    background: #FFCED2;
    margin-bottom: 1rem !important;
    border-radius: 5px;
    padding: 14px 14px 14px 45px;
}

.main-container-personal-space .validation_accordion:before {
    content: url(/Portals/0/styles/img/icons/Error1.svg) !important;
    position: absolute;
    transform: scale(.8) !important;
    top: 14px !important;
    left: 12px !important;
}

#personaliseCompany .modal-body>p {
    padding-left: 10px;
    font-family: "NotoSans-SemiBold";
    color: #002c77;
}

#personaliseCompany .modal-body>p:before {
    content: "*";
    position: absolute;
    left: 0px;
    color: #e10600;
}

.company-space .supported-file>p {
    color: #4E6287 !important;
}

.company-space .company-activity>p {
    text-align: left;
    font-family: "NotoSans-Regular";
}

.company-space .company-logo>figure {
    max-width: 200px;
    min-width: auto;
    margin-bottom: 0;
}

.company-space .company-logo>figure>img {
    width: 100%;
    height: auto;
    max-height: 40px;
}

.company-space .personal-space-title {
    padding: 16px 20px;
}

.company-space #loader,
.personalspace #loader {
    position: relative;
    z-index: 9999;
}

.company-space .custom-modal .custom-modal-footer .suggestions-dropdown,
.add-colleague-section .userList {
    position: absolute;
    bottom: calc(100% + 1px);
    background-color: #ffff;
    border-radius: 5px;
    box-shadow: 0px 2px 5px #eaeaea;
    width: 230px;
}

.company-space .custom-modal .custom-modal-footer .suggestions-dropdown>ul,
.add-colleague-section .userList {
    max-height: 400px;
    min-height: 40px;
    overflow-y: auto;
}

.add-colleague-section .userList {
    max-height: 200px;
    box-shadow: 0px 2px 5px #eaeaea, 0px -2px 5px #eaeaea, 2px 0px 5px #eaeaea, -2px 0px 5px #eaeaea;
    bottom: 114px;
    left: 14px;
}

.add-colleague-section .userList li {
    margin-bottom: 5px;
    font-family: "NotoSans-Regular";
    word-wrap: break-word;
}

.add-colleague-section .userList li>span {
    padding: 5px 5px 5px 8px;
    display: inline-block;
    width: 100%;
}

.add-colleague-section .no-records {
    padding: 8px;
    margin: 0;
    font-family: "NotoSans-Regular";
}

.disabled_chat {
    background: #f4f4f4 !important;
    border-color: #f4f4f4 !important;
    pointer-events: none !important;
}


.custom-modal-footer.disabled_chat {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.custom-modal-footer.disabled_chat .input-text textarea {
    background: transparent;
}

.disabled_chat input[type="text"]::placeholder,
.disabled textarea::placeholder {
    color: #565656 !important;
}

.company-space .custom-modal .text-message:has(.reacted-icon li.mg-bottom),
.company-space .custom-modal .text-message:has(.reacted-icon li.mg-bottom) {
    margin-bottom: 30px !important;
}

/*Add colleague starts*/

.colleagues-list,
.add-colleague-section {
    background-color: #fff;
    width: 250px;
    right: 0;
    position: absolute;
    top: 100%;
    border-left: 1px solid #BED3E4;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
    z-index: 1;
}

.add-colleague-section {
    right: 250px;
    height: 168px;
    width: 340px;
    top: unset;
    bottom: 0;
}

.colleagues-header,
.add-colleague-header,
.suggestion-header {
    padding: 12px;
    border-bottom: 1px solid #BED3E4;
}

.colleagues-header>h5,
.add-colleague-header>h5,
.suggestions-dropdown .suggestion-header>h5 {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: normal;
    color: #001F52;
    font-family: "MMCDisplay-Regular";
}

.colleagues-footer,
.add-colleague-footer {
    padding: 12px;
    border-top: 1px solid #BED3E4;
    width: 100%;
}

.colleagues-footer .footer-actions li {
    font-size: 16px;
    font-weight: normal;
    color: #001F52;
    font-family: "NotoSans-Regular";
    cursor: pointer;
    display: flex;
    gap: 12px;
}

.colleagues-footer .footer-actions li:last-child,
.colleagues-content .colleague-item:last-child,
.suggestions-dropdown .colleague-item:last-child,
.company-space .custom-modal .reacted-icon>li .personal-tooltip>ul>li:last-child,
.custom-alert-modal-body .alert-warning,
.custom-alert-modal-body .alert-warning>p,
.personalspace .latest-poll > h4,
.personalspace .latest-poll > p,
.personalspace #PS-AdSpace .col-taap.content,
.personalspace #PS-PollsModule .col-taap.content,
.personalspace #PS-myContent .col-taap.content,
.personalspace #PS-myContent  table,
.my-download-wrapper .my-download-table td  ul,
.modal .modal-dialog .modal-body p{
    margin-bottom: 0;
}

.colleagues-footer .footer-actions li>span {
    width: 24px;
    height: 24px;
    display: inline-block;
}

.colleagues-footer .footer-actions li:first-child>span {
    background: url(/Portals/0/styles/img/icons/icon-add-avatar.svg) no-repeat center / contain;
}

.colleagues-footer .footer-actions li:first-child>span.active {
    background: url(/Portals/0/styles/img/icons/icon-avatar-add-filled.svg) no-repeat center / contain;
}

.colleagues-footer .footer-actions li:last-child>span {
    background: url(/Portals/0/styles/img/icons/icon-leave-conversation.svg) no-repeat center / contain;
}

.colleagues-content {
    max-height: 308px;
    min-height: 60px;
    overflow-y: auto;
}

.colleagues-content .user_avtar,
.suggestions-dropdown .user_avtar {
    width: 24px;
    height: 24px;
}

.colleagues-content .user_avtar>img,
.suggestions-dropdown .user_avtar>img {
    width: 14px;
    height: 14px;
}

.colleagues-content .colleague-item,
.suggestions-dropdown .colleague-item {
    display: flex;
    gap: 6px;
    padding: 5px 5px 5px 8px;
    margin-bottom: 10px;
    position: relative;
}

.colleagues-content .colleague-item>.colleague-name,
.add-colleague-content>.note {
    padding-right: 30px;
    font-family: "NotoSans-Regular";
}

.colleagues-content .colleague-item:hover,
.suggestions-dropdown .colleague-item:hover,
.add-colleague-section .userlist li:hover {
    background-color: #E5EDF4;
}

.add-colleague-content {
    padding: 12px;
    height: calc(100% - 102.8px);
    overflow-y: auto;
}

.add-colleague-section .add-colleague-input:has(.suggested-colleagues-list)+.userList {
    bottom: 196px;
}

.colleagues-content .cross-icon {
    position: absolute;
    top: 7px;
    right: 6px;
    display: none;
}

.colleagues-content .colleague-item:hover .cross-icon,
.colleagues-header>h5>span {
    display: inline-block;
}

.add-colleague-footer .colleague-btn {
    border-radius: 5px;
    font-family: "NotoSans-SemiBold";
    border-width: 2px;
    margin: 0;
    margin-left: 10px;
}

.add-colleague-footer .colleague-btn:last-child {
    background-color: #002c77;
    color: #fff;
}

.add-colleague-input {
    border: 1px solid #dadada;
    border-radius: 5px;
    height: 40px;
    position: relative;
}

.add-colleague-input:has(.suggested-colleagues-list) {
    height: 116px;
    overflow-y: auto;
    display: flex;
    flex-direction: column-reverse;
}

.add-colleague-section:has(.suggested-colleagues-list) {
    height: 250px;
}

.add-colleague-input>input {
    position: absolute;
    border: none;
    padding: 0 10px;
    bottom: 0;
    top: 0;
    width: 100%;
    border-radius: 5px;
    font-family: "NotoSans-Regular";
}

.add-colleague-input:has(.suggested-colleagues-list)>input {
    position: sticky;
    border-bottom: 1px solid #dadada;
    padding: 6px 10px;
    bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.add-colleague-input>input:focus {
    outline: 0;
}

.add-colleague-input .suggested-colleagues-list {
    padding: 5px 10px;
    overflow-y: auto;
    height: 100%;
}

.add-colleague-input .suggested-colleagues-list .suggested-colleague-item {
    height: 32px;
    line-height: 31px;
    border-radius: 30px;
    border: 1px solid #dadada;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
    padding-left: 16px;
    padding-right: 24px;
    text-align: center;
    font-family: "NotoSans-Regular";
    position: relative;
}

.add-colleague-input .suggested-colleagues-list .suggested-colleague-item>.remove-suggestion-icon:after {
    content: "X";
    position: absolute;
    right: 0;
    top: 0;
    font-weight: bold;
    font-size: 12px;
    width: 24px;
    height: 100%;
    cursor: pointer;
    border-radius: 30px;
    line-height: 32px;
}

#mySharedModal .modal-body,
.custom-alert-modal-body,
.personal-space-modal-container .modal-body {
    padding: 18px !important;
    margin: 0;
}

.custom-modal-body p.text-content span.userName,
.custom-alert-modal-body .alert-warning {
    display: block;
}

p.colleague-name {
    width: 175px;
    word-wrap: break-word;
}

.colleagues-list.ChatUserlist span.info_icon_tooltip,
div#addConversation span.info_icon_tooltip_add_con {
    font-family: "MMCDisplay-Regular";
    border: #002c77 1px solid;
    padding: 5px 6px;
    border-radius: 5px;
    display: none;
    z-index: 100;
    background-color: #c7edff;
    position: absolute;
    top: 45px;
    font-size: 13px;
    font-weight: 400;
    width: 240px;
    color: #001f52;
    line-height: 1.3;
    right: 0%;
}

div#addConversation span.info_icon_tooltip_add_con {
    right: auto;
}

.colleagues-list.ChatUserlist h5 {
    width: 200px;
    display: inline-block;
}

.colleagues-header span.info_icon {
    float: right;
    cursor: pointer;
}

#addConversation .form-control-plaintext {
    text-align: right;
}

.company-space .drag-icon {
    cursor: move;
}

.company-space .grabbing {
    cursor: grabbing;
}

.company-space #mySharedModal {
    z-index: 1000000;
}

body:has(.company-space #mySharedModal.show)>.modal-backdrop.fade.show,
body:has(.company-space #addConversation.show)>.modal-backdrop.fade.show {
    z-index: 100000;
}

body:has(.modal-backdrop.fade.show) .company-space #join-conversations {
    z-index: 1000;
}

.company-space #addConversation {
    z-index: 1000000;
}

.company-space .main-container-personal-space>.row.g-5 {
    --bs-gutter-y: 0;
}

.company-space .main-container-personal-space .company-activity>div.gap-0 {
    gap: 0 !important;
}

.company-space .main-container-personal-space .company-activity .company-activity-btn:nth-child(2) {
    margin-left: 16px;
}

.company-space .custom-modal-body>div:last-child>div:has(.input-user) .personal-tooltip,
.company-space .custom-modal-body>div:nth-last-of-type(2)>div:has(.input-user) .personal-tooltip,
.company-space .custom-modal-body>div:last-child>div:has(.text-message) .personal-tooltip,
.company-space .custom-modal-body>div:nth-last-of-type(2)>div:has(.text-message) .personal-tooltip {
    bottom: calc(100% + 2px);
    top: unset;
}

.company-space .custom-modal-body>div:first-child>div:has(.input-user) .personal-tooltip {
    top: 24px;
    bottom: unset;
}

.custom-alert-modal-content {
    max-width: 740px;
    width: 100%;
    max-height: 572px;
    background: #ffffff;
}

.custom-alert-modal {
    backdrop-filter: blur(2px) !important;
    background-color: rgb(102 106 124 / 80%);
    position: fixed;
    height: 100%;
    width: 100%;
    display: none;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    z-index: 100000;
    padding: 0 15px;
}

.custom-alert-modal.show,
.personalspace .SurveyFormItem table td,
.my-download-file-wrapper {
    display: flex;
}

.custom-alert-modal-body .alert-warning {
    padding-right: 18px;
}

/* Data Product PDF Start */
.data-product-pdf-container {
    margin-top: 30px;
    width: 100%;
}

.data-product-pdf-container .accordian-wrapper,
.my-download-wrapper .copy-to-caret-icon {
    position: relative;
}

.data-product-pdf-container .accordian-item {
    display: grid;
}

.data-product-pdf-container .accordian-title {
    color: #002c77;
    cursor: pointer;
    padding: 10px 0px;
    width: 100%;
    border-bottom: 1px solid #b3b3b3;
    text-align: left;
    font-size: 18px;
    transition: 0.4s;
    margin-bottom: 30px;
    position: relative;
    padding-right: 13px;
    font-family: "MMCDisplay-Regular";
}

.data-product-pdf-container .accordian-title:before {
    display: inline-block;
    margin-right: 30px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #002c77;
    border-right: 2px solid #002c77;
    content: "";
    position: absolute;
    right: -15px;
    transform: rotate(135deg);
    top: 19px;
    transition: 0.2s ease;
}

.data-product-pdf-container .accordian-title.active:before {
    transform: translateY(45%) rotate(-45deg);
}

.data-product-pdf-container .accordian-wrapper .accordion-content {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.data-product-pdf-container .sub-accordian:last-child,
.data-product-pdf-container .sub-accordian:nth-child(3) {
    margin-right: 0 !important;
}

.data-product-pdf-container .sub-accordian {
    width: 30%;
    color: #444;
    cursor: pointer;
    padding: 14px;
    text-align: left;
    border: none;
    outline: none;
    border-radius: 5px;
    background: linear-gradient(to right, #009DE0 0%, #00968F 100%) !important;
    margin-right: 45px;
    margin-bottom: 30px;
    position: relative;
}

.data-product-pdf-container .sub-accordian:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background-color: #0065ac;
    transition: 0.2s ease;
    border-radius: 5px 0 0 5px;
}

.data-product-pdf-container .sub-accordian-title {
    position: relative;
    margin: 0;
    color: #fff;
    font-size: 20px;
    min-height: 48px;
    display: flex;
    align-items: center;
    padding-right: 12px;
    font-family: "NotoSans-Regular";
}

.data-product-pdf-container .sub-accordian-title:before {
    position: absolute;
    content: '+';
    top: 50%;
    right: 0;
    color: #fff;
    font-size: 32px;
    transition: 0.2s ease;
    transform: translateY(-50%);
}

.data-product-pdf-container .sub-accordian-title.active+.sub-accordian-content {
    height: 220px;
    max-height: 220px;
    transition: max-height 0.3s ease-in;
    margin-top: 10px;
    padding-right: 17px;
    overflow-y: auto;
    overflow-x: hidden;
}

.data-product-pdf-container .sub-accordian-title.active {
    border-bottom: 1px solid #fff;
}

.data-product-pdf-container .sub-accordian-title.active:before {
    transform: translateY(-50%) rotate(45deg);
}

.data-product-pdf-container .sub-accordian-content {
    padding-left: 3px;
}

.data-product-pdf-container .sub-accordian-content .select-all-wrapper {
    position: relative;
    display: flex;
}

.data-product-pdf-container h4.sub-accordian-title .select-all-wrapper {
    position: relative;
    left: 2px;
    margin-right: 2px;
}

.data-product-pdf-container .sub-accordian-content .select-all-wrapper label {
    color: #fff;
}

.data-product-pdf-container .sub-accordian-content>ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0 20px;
    padding-left: 0;
}

.data-product-pdf-container .sub-accordian-content>ul>li {
    width: 100%;
}

.data-product-pdf-container .sub-accordian .market-checkbox {
    display: flex;
    align-items: flex-start;
    margin: 13px 0 0px 0;
    position: relative;
}

.data-product-pdf-container .market-checkbox .market-label {
    color: #fff;
    font-family: "NotoSans-Regular";
}

.data-product-pdf-container a.redirect-icon img {
    margin-left: 8px;
}

.data-product-pdf-container .sub-accordian-title+.sub-accordian-content {
    height: 0;
    overflow-y: hidden;
}

.data-product-pdf-container .sub-accordian .selectAll+.checkbox-tick-icon:before,
.data-product-pdf-container .sub-accordian .market-checkbox .checkbox-tick-icon:before {
    content: '';
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: none;
    border: 1px solid #ffffff;
    border-radius: 5px;
    margin-left: -3px;
    margin-top: 0;
    font-size: 12px;
}

.data-product-pdf-container .sub-accordian input[type=checkbox] {
    position: absolute;
    opacity: 0;
    z-index: 2;
    left: -3px;
    width: 20px;
    height: 20px;
    top: 0;
}

.data-product-pdf-container .sub-accordian .selectAll:checked+.checkbox-tick-icon:before,
.data-product-pdf-container .sub-accordian .market-checkbox .select-market-checkbox:checked+.checkbox-tick-icon:before {
    background: #002c77;
    border: 1px solid #002c77;
}

.data-product-pdf-container .sub-accordian .selectAll:checked+.checkbox-tick-icon:after,
.data-product-pdf-container .sub-accordian .market-checkbox .select-market-checkbox:checked+.checkbox-tick-icon:after {
    content: '';
    position: absolute;
    left: 2px;
    top: 10px;
    background: #fff;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
    transform: rotate(45deg);
}

.data-product-pdf-container .selection_btn {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.data-product-pdf-container .selection_btn .clear_selection {
    margin: 0;
    font-family: "NotoSans-SemiBold";
    font-weight: unset;
}

.data-product-pdf-container .selection_btn .save_selection {
    background-color: #002c77;
    color: #fff;
    margin: 0;
    font-family: "NotoSans-SemiBold";
    font-weight: unset;
}

.data-product-pdf-container .selection_btn .save_selection.disabled_btn:hover,
.data-product-pdf-container .selection_btn .clear_selection.disabled_btn:hover {
    background: #E5EDF4 !important;
    border-color: #E5EDF4 !important;
    color: #6580AD !important;
    cursor: not-allowed !important;
}

.data-product-pdf-container #dataPdfClearBtn .modal-body,
#createFilter .input-wrapper label .max-count {
    font-family: "NotoSans-Regular";
}

.data-product-pdf-container span.personal-tooltip {
    left: -2px;
    top: 30px;
    transform: unset;
}

.instruction-text {
    font-size: 16px;
    font-family: "NotoSans-Regular";
    margin-top: 24px;
}

/* Data Product PDF Ends */
/* Free this week and spotlight CSS starts */

#spotLightItem .row-taap > div > div {
    margin-bottom: 50px;
    background: #fff;
    min-height: 160px;
    box-shadow: 0 4px 10px rgba(4, 4, 4, 0.27);
    display: inline-block;
    width: 100%;
    border-radius: 2px;
    border: 1px solid #949494;    
}

#spotLightItem .row-taap > div > div .ContainerWrapper {
    padding: 10px;
    border-top: 4px solid #006286;
}

#spotLightItem .row-taap > div > div .ContainerWrapper h2 {
    line-height: 22px;
    padding-top: 23px;
}

#spotLightItem .row-taap > div > div .ContainerWrapper h2 a {
    font-size: 20px;
    font-weight: normal;
    font-family: "MMCDisplay-Regular";
    color: #001F52;
}

#spotLightItem span.badge-carousel {
    margin-top: -13px;
}

#spotLightItem .row-taap > div > div .ContainerWrapper p {
    margin: 7px 0 0;
    font-family: "NotoSans-Regular";
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    width: 100%;
}

#spotLightItem .row-taap > div > div .ContainerWrapper .badgeSection {
    padding: 10px 0 0;
}

/* Free this week and spotlight CSS ends */

.featuredSection.prodReleased .featuredArticle {
    float: left;
    width: 96%;
    min-height: 435px;
    padding: 0px 16px 32px;
    box-shadow: 0 1px 7px #ccc;
    overflow: hidden;
}

.featuredSection.prodReleased .featuredArticle.last {
    margin-right: 0;
}

.featuredSection .featuredArticle h4 {
    margin-bottom: 18px;
    border-bottom: none;
    color: #001F52;
    margin-top: 0;
    width: 81%;
    float: right;
}

.featuredSection .featuredArticle h4 a {
    color: #001F52;
}

.featuredSection.prodReleased .featuredArticle p {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    font-family: "NotoSans-Regular";
    overflow: hidden;
    clear: both;
}

.prodReleased .featuredArticle {
    min-height: 562px;
    border-top: none;
    padding-top: 0;
}

.prodReleased .featuredArticle figure {
    float: none;
    width: 104%;
    height: auto;
    margin: 0 -2%;
    padding: 0;
    position: relative;
    max-height: 300px;
}

.prodReleased .featuredArticle figure span {
    font-family: "NotoSans-Regular";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
    display: inline-block;
    background: #002C77;
    color: #fff;
    position: absolute;
    z-index: 1;
    left: 14px;
    top: 14px;
    border-radius: 6px;
    padding: 7px;
}

.prodReleased .featuredArticle figure span {
    left: unset;
    right: 14px !important;
    border-radius: 20px !important;
    padding: 7px 14px;
}

.prodReleased .featuredArticle figure span:empty,
.personalspace #PS-topFive .trending_article {
    padding: 0;
}

.prodReleased .featuredArticle figure img {
    width: 100%;
    max-height: 300px;
}

.prodReleased .featuredArticle h4 {
    margin: 16px 0 6px;
    border-bottom: none;
    width: 100%;
    color: #002C77;
}

.prodReleased .featuredArticle h4 a {
    color: #002C77;
}

.featuredSection.prodReleased .featuredArticle {
    width: 92.5%;
    min-height: 608px;
    position: relative;
}

.featuredSection.prodReleased .featuredArticle .Morelinks {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1;

}

.featuredSection.prodReleased .featuredArticle .Morelinks li {
    padding: 0;
}

.featuredSection.prodReleased .featuredArticle .Morelinks li .saveLater {
    text-indent: -9999px !important;
}

.featuredSection.prodReleased .featuredArticle .Morelinks li .readMore {
    display: none;

}

.featuredSection.prodReleased .featuredArticle .Morelinks li .saveLater {
    background: url(/portals/0/styles/img/icons/Bookmark_white_Outline.png) left 4px no-repeat;
}

.featuredSection.prodReleased .featuredArticle .Morelinks li .saveLater.contentSaved {
    background: url(/portals/0/styles/img/icons/Bookmark_white_Fill.png) left 4px no-repeat;
}

.prodReleased .featuredArticle figure span {
    display: none;
}

.personalspace .poll-strip {
    width: 100%;
    border-radius: 5px;
    text-align: left;
    padding: 20px !important;
    margin-bottom: 50px;
}

.personalspace .latest-poll .nav-right-arrow {
    background: url(/Portals/0/styles/img/icons/icon-right-arrow-white.svg) no-repeat center / contain;
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-left: 16px;
}

.poll-strip.greenTheme {
    background: linear-gradient(45deg, rgba(0,157,224,1) 0%, rgba(0,172,65,1) 100%);
}

.poll-strip.purpleTheme {
    background: linear-gradient(45deg, rgba(0,157,224,1) 0%, rgba(130,70,175,1) 100%);
}

.poll-strip.turquoisetheme {
    background: linear-gradient(45deg, rgba(0,157,224,1) 0%, rgba(0,150,143,1) 100%);
}

.poll-strip.blueTheme,
.poll-strip.tealTheme {
    background: linear-gradient(45deg, rgba(0,157,224,1) 0%, rgba(0,119,160,1) 100%);
}

.poll-strip.pinkTheme {
    background: linear-gradient(45deg, rgba(0,157,224,1) 0%, rgba(238,61,136,1) 100%);
}

.personalspace .ui-dialog.ui-draggable.ui-resizable {
    padding: 0;
    box-shadow: none;
    max-width: 900px !important;
    width: 92% !important;
    max-height: 90%;
    min-height: 559px;
    height: 100%;
    resize: both;
    overflow: hidden;
}

.personalspace .ui-dialog-content,
.personalspace #addColleagues .inner_modal_content > .modal-body {
    padding: 0 !important;
}

.personalspace .SurveyFormItem .dnnLabel label span,
.personalspace #pc-multilingual-container ul li .loginGroup a,
.personalspace .badge-count,
.personalspace #languageBadge .Normal,
.personalspace .adSectionContainer .contentForParagraph,
.personalspace .modal-dialog .data-step .hidden {
    font-family: "NotoSans-Regular" !important;
}

.personalspace .ui-widget-overlay {
    backdrop-filter: blur(2px) !important;
    background-color: rgb(102 106 124 / 80%) !important;
}

.personalspace .ui-dialog-title {
    font-family: "MMCDisplay-Bold";
}

.personalspace .dnnFormPopup .dnnModalCtrl .ui-dialog-titlebar-close,
.personalspace .dnnFormPopup .dnnModalCtrl .ui-dialog-titlebar-close:hover {
    background: url(/Portals/0/styles/img/Personal-space/close.png) no-repeat center / contain !important;
    height: 30px;
    width: 30px;
    margin: 0 !important;
}

.personalspace .dnnFormPopup .dnnModalCtrl {
    border-radius: unset !important;
    position: absolute;
    top: 12px;
    right: 18px;
    box-shadow: none;
}

.personalspace .dnnFormPopup #iPopUp {
    max-height: 100% !important;
    height: calc(100% - 50px) !important;
    min-height:509px !important;
}

.personalspace .my-pin-content > ul.list {
    max-height: 485px;
    overflow-y: auto;
    padding-right: 16px;
}

.personalspace .my-pin-content .list li:last-child .pinned-article .personal-tooltip {
    top: -36px;
}

.personalspace .latest-poll > p {
    padding-top: 12px;
    font-size: 16px;
    color: #fff;
    font-family: "NotoSans-Regular";
}

.personalspace .featuredSection.prodReleased .featuredArticle {
    background-color: #fff;
    padding: 0;
}

.personalspace .prodReleased .featuredArticle h4,
.personalspace .featuredSection.prodReleased .featuredArticle p,
.personalspace .featuredSection.prodReleased .featuredArticle .Morelinks,
.personalspace .badgeSection {
    padding: 0 16px;
}

.personalspace .activity-timeline .list li.tagged::before{
    padding-top: 5px;
}

.personalspace .sticky-menu #pc-logo-mercer-select > h1 {
    line-height: 38px !important;
}

.personalspace ~ #footer-full #socialmedia-links > ul,
.personalspace ~ #footer-full #footer_utility > ul,
.my-download-wrapper .my-download-table td ul,
#createFilter .filter-color-theme,
.my-download-wrapper .tab-container,
.personal-space-container ~ #footer-full #footer_utility ul,
.personal-space-container ~ #footer-full #socialmedia-links ul {
    padding-left: 0;
}

.personalspace #RecentProductSection,
.personalspace #PS-AdSpace {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.personalspace .slideshow-container .slide{
    width: calc(100% - 120px) !important;
}

.share-with-colleagues-list {
    border: 1px solid #dadada;
    border-radius: 4px;
    height: 94px;
    padding: 6px 8px 0 8px;
    margin-bottom: 10px;
    overflow-y: auto;
}

.share-with-colleagues-list li.share-chip {
    border: 1px solid #BED3E4;
    font-family: "NotoSans-Regular";
    display: inline-block;
    padding: 6px 24px 6px 16px;
    border-radius: 30px;
    margin: 0 6px 6px 0;
}

.share-cross-icon {
    display: inline-block;
    height: 10px;
    width: 7px;
    position: relative;
    cursor: pointer;
}

.share-cross-icon:before {
    content: "x";
    position: absolute;
    left: 6px;
    top: -8.5px;
    height: 10px;
    width: 8px;
    font-family: "NotoSans-SemiBold";
}

.my-download-wrapper .my-download-table tr{
    border: none;
    border-bottom: 1px solid #E3E3E3;
}

.my-download-wrapper .my-download-table thead tr,
.pricing-accordion-container table thead tr {
    border-width: 2px;
}

.my-download-wrapper .action-icons{
    display:flex;
    gap: 16px;
    justify-content:center;
}

.my-download-wrapper .action-icons button,
.my-download-wrapper .action-icons a{
    outline: none;
    border: none;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
}

.my-download-wrapper .action-icons button .personal-tooltip,
.my-download-wrapper .action-icons a .personal-tooltip{
    top: 40px;
}

.my-download-wrapper .check-box-column{
    width: 5%
}

.my-download-wrapper .file-name-column{
    width: 85%;
}

.my-download-wrapper .my-download-table .file-wrap {
    gap: 8px;
}

.my-download-wrapper .my-download-table .file-wrap > span{
    padding-top: 2px;
}

.my-download-wrapper .create-filter,
.my-download-wrapper .delete-filter,
.my-download-wrapper .selected-file-btn .selected-file-remove,
.my-download-wrapper .selected-file-btn .copy-to-dropdown .copy-to-dropdown-btn {
    background: #002c77;
    border-radius: 5px;
    color: #ffffff;
    font-family: "NotoSans-SemiBold";
    font-size: 14px;
    padding: 6px 12px;
    height: 32px;
    border: 2px solid #002c77;
    padding-top: 7px;
    display: flex;
    align-items: center;
}

.my-download-wrapper .delete-filter,
.my-download-wrapper .selected-file-btn .selected-file-remove {
    background: #ffffff;
    border: 2px solid #C53532;
    color: #C53532;
}

.my-download-wrapper .delete-filter:hover,
.my-download-wrapper .selected-file-btn .selected-file-remove:hover{
    background: #C53532;
    color: #ffffff;
}

.my-download-wrapper .selected-file-btn .copy-to-dropdown .copy-to-dropdown-btn {
    background: #ffffff;
    border: 2px solid #002c77;
    color: #002c77;
}

.my-download-wrapper .create-filter .add-icon,
.my-download-wrapper .delete-filter .delete-icon,
.my-download-wrapper .selected-file-btn .selected-file-remove .bin-icon,
.my-download-wrapper .selected-file-btn .copy-to-dropdown .copy-to-dropdown-btn .copy-to-icon,
.my-download-file-wrapper .organize-download-icon,
.my-download-wrapper .selected-file-btn .selected-file-remove .remove-icon {
    content: "";
    background: url(/Portals/0/styles/img/my-company/add_icon_white.png) no-repeat center / contain;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: -1px 10px 0 0;
}

.my-download-wrapper .create-filter:disabled .add-icon{
      background: url(/Portals/0/styles/img/icons/icon-add-disabled.svg) no-repeat center / contain;
}

.my-download-wrapper .create-filter:hover,
.my-download-wrapper .selected-file-btn .copy-to-dropdown .copy-to-dropdown-btn:hover{
    background: #003faa;
    border-color: #003faa;
}
.my-download-wrapper .open-icon{
    content:"";
    background: url(/Portals/0/styles/img/Personal-space/popup-link-icon.png) no-repeat center / contain;
}

.my-download-wrapper .download-icon{
    content:"";
    background: url(/Portals/0/styles/img/Personal-space/download-pdfpng.png) no-repeat center / contain;
    
}

.my-download-file-wrapper .organize-download-icon {
    content: "";
    background: url(/Portals/0/styles/img/icons/icon-redirect-blue.svg) no-repeat center / contain;
    width: 24px;
    height: 24px;
    margin: -6px 0 0 10px !important;
}

.my-download-wrapper .bin-icon,
.my-download-wrapper .delete-filter .delete-icon,
.my-download-wrapper .selected-file-btn .selected-file-remove .bin-icon {
    content: "";
    background: url(/Portals/0/styles/img/my-company/bin.png) no-repeat center / contain;
    background-size: 24px;
}

.my-download-wrapper .delete-filter:disabled .delete-icon,
.my-download-wrapper .selected-file-btn .selected-file-remove:disabled .bin-icon {
    background: url(/Portals/0/styles/img/icons/icon-trash-disabled.svg) no-repeat center / contain;
}

.my-download-wrapper .delete-filter:hover .delete-icon,
.my-download-wrapper .selected-file-btn .selected-file-remove:hover .bin-icon{
    background: url(/Portals/0/styles/img/icons/icon-trash-white.svg) no-repeat center / contain;
}

.my-download-wrapper .action-icons button.custom-remove-icon,
.my-download-wrapper .selected-file-btn .selected-file-remove .remove-icon {
    background: url(/Portals/0/styles/img/icons/icon-remove-red.svg) no-repeat center / contain;
}

.my-download-wrapper .selected-file-btn .selected-file-remove:hover .remove-icon {
    background: url(/Portals/0/styles/img/icons/icon-remove-white.svg) no-repeat center / contain;
}

.my-download-wrapper .selected-file-btn .copy-to-dropdown .copy-to-dropdown-btn .copy-to-icon {
    background: url(/Portals/0/styles/img/icons/icon-assign-filter-blue.svg) no-repeat center / contain;
}

.my-download-wrapper .selected-file-btn .copy-to-dropdown .copy-to-dropdown-btn:hover .copy-to-icon,
.my-download-wrapper .selected-file-btn .copy-to-dropdown .copy-to-dropdown-btn.active .copy-to-icon {
    background: url(/Portals/0/styles/img/icons/icon-assign-filter-white.svg) no-repeat center / contain;
}

.my-download-wrapper .selected-file-btn .copy-to-dropdown .copy-to-dropdown-btn .copy-to-caret-icon::after {
    content: url(/Portals/0/styles/img/icons/icon-caret-blue.svg);
    transform: scale(1);
}

.my-download-wrapper .selected-file-btn .copy-to-dropdown .copy-to-dropdown-btn:hover .copy-to-caret-icon::after,
.my-download-wrapper .selected-file-btn .copy-to-dropdown .copy-to-dropdown-btn.active .copy-to-caret-icon::after {
    content: url(/Portals/0/styles/img/icons/icon-caret-white.svg);
}

.my-download-wrapper .selected-file-btn .copy-to-dropdown .copy-to-dropdown-btn.active .copy-to-caret-icon::after {
    transform: rotate(180deg);
}

.my-download-wrapper .delete-filter .delete-icon,
.my-download-wrapper .selected-file-btn .selected-file-remove .bin-icon {
    background-size: 22px;
}

.my-download-wrapper .tab-container {
    margin-bottom: 16px !important;
    display: inline-flex;
    flex-wrap: wrap;
    gap: 16px;
    padding-right: 16px;
    max-height: 146px;
    overflow-y: auto;
}

.my-download-wrapper .tab-container li{
    display: inline-block;
    position: relative;
}

.my-download-wrapper .tab-container li button{
    border: 1px solid #002c77;
    border-radius: 30px;
    display: inline-flex;
    align-items: center;
    gap: 16px;
    padding: 6px 12px;
    font-family: "NotoSans-Regular";
    font-size: 14px;
    color: #002c77;
}

.my-download-wrapper .tab-container li button .count{
    display: inline-block;
    background: #002c77;
    color: #ffffff;
    height: 16px;
    font-size: 9px;
    font-weight: bold;
    line-height: 16px;
    border-radius: 30px;
    padding:0  6px;
    text-align: center;
}

.my-download-wrapper .tab-container li.active button{
    background-color: #002c77;
    color: #ffffff;
}

.my-download-wrapper .tab-container li.active button .count{
    background: #ffffff;
    color: #002c77;
}

.my-download-wrapper .delete-filter:disabled .delete-icon{
    background: url(/Portals/0/styles/img/icons/icon-trash-disabled.svg) no-repeat center / contain;
}

.my-download-wrapper .create-filter:disabled .add-icon{
    background: url(/Portals/0/styles/img/icons/icon-add-disabled.svg) no-repeat center / contain;
}

#createFilter .input-wrapper input[type="text"],
#createFilter .preview-wrapper input[type="text"] {
    border: 1px solid #767676;
    border-radius: 5px;
    color: #001f52;
    font-size: 16px;
    font-family: "NotoSans-Regular";
    padding: 12px;
    width: 100%;
}

#createFilter .input-wrapper label,
#createFilter .filter-color-wrapper .filter-color {
    position: relative;
    padding-left: 10px;
}

#createFilter .input-wrapper label:before,
#createFilter .filter-color-wrapper .filter-color::before{
    content: "*";
    position: absolute;
    left: 0px;
    color: #e10600;
    top: 0;
}

#createFilter .filter-color-theme .color-item {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: 1px solid #002C77;
    margin: 0 8px 8px 0;
    display: inline-block;
    cursor: pointer;
}

.defaultTheme{
    background-color:  #ffffff;
}

#createFilter .preview-wrapper label, .my-download-wrapper .selected-file-wrapper .selected-file {
    font-size: 16px;
    font-family: "NotoSans-Bold";
    color: #002C77;
    line-height: 24px;
    margin-right: 10px;
}

.my-download-wrapper .selected-file-wrapper .selected-file {
    font-size: 14px;
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 4px;
    flex: 1;
}

#createFilter .preview-wrapper input[type="text"] {
    width: 160px;
    border-color: #002C77;
    border-radius: 30px;
}

.my-download-wrapper .selected-file-wrapper {
    border: 1px solid #DADADA;
    padding: 8px;
    border-radius: 4px;
    margin-bottom: 16px;
}

.my-download-wrapper .copy-to-dropdown-btn {
    padding-right: 30px !important;
}

.my-download-wrapper .copy-to-caret-icon:after {
    top: -3px;
    right: -6px;
}

.my-download-wrapper .copy-to-dropdown-btn.active .copy-to-caret-icon:after {
    transform: scale(.5) rotate(180deg);
    right: -20px;
    top: 5px;
}

.my-download-wrapper .copy-to-dropdown-list {
    position: absolute;
    top: 50px;
    left: 0;
    width: 220px;
    border: 1px solid #A6A6A6;
    padding-left: 0;
    background: #ffffff;
    border-radius: 4px;
    z-index: 1;
    display: none;
}

.my-download-wrapper .copy-to-dropdown-list .copy-to-dropdown-item{
    padding: 8px;
    border-bottom: 1px solid #A6A6A6;
    font-family: "NotoSans-Regular";
    position: relative;
    cursor: pointer;
}

.my-download-wrapper .copy-to-dropdown-list:after{
    border-color: #A6A6A6;
    left: 16px;
}

.my-download-wrapper .copy-to-dropdown-list .copy-to-dropdown-item:hover:before{
    content: "";
    width: 2px;
    height: 100%;
    background: #009DE0;
    position: absolute;
    left: 0;
    top: 0;
}

.my-download-wrapper .copy-to-dropdown-list .copy-to-dropdown-item:hover{
    color: #009DE0;
    font-weight: bold;
}

.modal-info-title .personal-tooltip{
    left: 0;
    transform: none;
    top: 28px;
    font-size: 14px;
}

.modal .modal-dialog .modal-footer,
.my-download-wrapper .selected-file-wrapper,
.accordion-flush > .accordion-item > .accordion-header .accordion-button, 
.accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
    gap: 10px;
}

.modal-open .modal {
    left: 0 !important;
    padding: 0 15px !important;
    margin: 0 auto;
}

.modal .modal-dialog {
    margin: 0 auto !important;
}

.blue-bg,
.pricing-accordion-container.blue-bg .accordion-title,
.pricing-accordion-container.blue-bg > .accordion-item .accordion {
    background: #c7edff;
}

.purple-bg,
.pricing-accordion-container.purple-bg .accordion-title,
.pricing-accordion-container.purple-bg > .accordion-item .accordion {
    background: #eae0f2;
}

.teal-bg,
.pricing-accordion-container.teal-bg .accordion-title,
.pricing-accordion-container.teal-bg > .accordion-item .accordion {
    background: #d4f1f6;
}

.green-bg,
.pricing-accordion-container.green-bg .accordion-title,
.pricing-accordion-container.green-bg > .accordion-item .accordion {
    background: #dcf4df;
}

.pink-bg,
.pricing-accordion-container.pink-bg .accordion-title,
.pricing-accordion-container.pink-bg > .accordion-item .accordion {
    background: #fddfe5;
}

.pricing-accordion-container {
    padding: 16px;
    border-radius: 5px;
}

.pricing-accordion-container .accordion-title {
    padding: 0;
    font-size: 20px;
    font-family: "NotoSans-bold";
    color: #002C77;
}

.pricing-accordion-container > .accordion-item .accordion {
    padding: 20px 0 0;
}

.pricing-accordion-container > .accordion-item .accordion .accordion-button.collapsed,
.pricing-accordion-container > .accordion-item .accordion .accordion-button {
    padding: 16px;
    border-radius: 5px !important;
    font-size: 20px;
    font-family: "NotoSans-SemiBold";
    color: #002C77;
}

.pricing-accordion-container > .accordion-item .accordion .accordion-button {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.pricing-accordion-container > .accordion-item .accordion .accordion-body {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 16px;
}

.pricing-accordion-container table,
.pricing-accordion-container th,
.pricing-accordion-container td {
    border: none;
    background: none;
    color: #002C77;
}

.pricing-accordion-container th {
    font-family: "NotoSans-bold";
}

.pricing-accordion-container table tr {
    border-bottom: 1px solid #ffffff;
}

.pricing-accordion-container table tbody tr td {
    padding: 16px 8px;
    color: #001f52;
    font-family: "NotoSans-Regular";
    vertical-align: middle;
}

.pricing-accordion-container .accordion-button::after {
    background-image: url("/portals/0/styles/img/icons/icon-caret-blue.svg") !important;
    position: relative;
    top: -4px;
}

.pricing-accordion-container .accordion-button.collapsed::after {
    top: 8px;
}

.pricing-accordion-container th .dollar-icon {
    background: url("/portals/0/styles/img/icons/icon-round-dollar.svg") no-repeat center/contain;
    width: 32px;
    height: 32px;
}

.pricing-accordion-container td .user-limit .icon-user {
    background: url("/portals/0/styles/img/icons/icon-multi-user.svg") no-repeat center/contain;
    width: 16px;
    min-width: 16px;
    height: 16px;
}

.product-pricing-container .pricing-action-btn a {
    border-right: 1px solid #001f52;
    display: inline-block;
}

.product-pricing-container .accordion-title-text a {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url('/Portals/0/styles/img/Personal-space/popup-link-icon.png') no-repeat center / contain;
    position: relative;
    top: 1px;
    margin-left: 10px;
}

#termOfUseModal .term-of-use .table_checkbox {
    margin-top: 1px;
}

#termOfUseModal .term-of-use > span {
    font-family: 'NotoSans-Regular';
}

body:not(:has(#addConversation.show)) {
    padding-right: 0 !important;
    overflow: auto !important;
}

@media (min-width: 1200px) and (max-width: 1450px) {
    .data-product-pdf-container .market-checkbox .market-label {
        max-width: 100% !important;
    }
}

@media (min-width: 1200px) and (max-width: 1439px) {

    .personalspace .push-footer,
    .companySpace .push-footer,
    .personalspace ~ .push-footer {
        padding: 145px 0;
    }

    .data-excel-product .Data_module.dataExcel {
        gap: 0 46px;
    }

    .company-space .custom-modal {
        left: calc(100% - 55%);
    }

    .company-space .main-container-personal-space>.row.g-5 {
        --bs-gutter-x: 1.6rem;
    }
}

@media (min-width: 1025px) and (max-width: 1200px) {

    .personalspace #topFive .trending_item {
        width: 25%;
    }

    .column-right,
    .column-left {
        width: 48%;
    }

    .personalspace .ps_my_content .DNNModuleContent tr {
        display: flex !important;
        flex-direction: column !important;
        gap: 15px;
    }

    .personalspace .ps_my_content .content {
        padding: 0;
    }

    .personalspace .tp-home-mycontent-Pager .tabs {
        width: 10rem;
    }

    .personalspace .tp-home-mycontent-Pager .tabs div div > a {
        width: 100%;
    }

    .personalspace .tp-home-mycontent-Pager .tabs div div {
        width: 100%
    }

    .personalspace .tp-home-mycontent-Content {
        padding: 0 0 0 24px !important;

    }

    .data-excel-product .Data_module.dataExcel {
        gap: 0 46px;
    }

    .company-space .company-activity button {
        min-width: 140px;
    }

    .company-space .custom-modal {
        left: calc(100% - 65%);
    }
}

@media (min-width: 991px) and (max-width: 1200px) {
    .company-space .company-administrators>ul>li:first-child ul.list {
        overflow: auto;
    }

    .data-product-pdf-container .sub-accordian {
        width: 45%;
    }

    .data-product-pdf-container .sub-accordian:nth-child(2),
    .data-product-pdf-container .sub-accordian:nth-child(4) {
        margin-right: 0 !important;
    }

    .data-product-pdf-container .sub-accordian:nth-child(3) {
        margin-right: 45px !important;
    }
}

@media (min-width: 375px) and (max-width: 1024px) {
    .personalspace  .main-container-personal-space {
        margin-top: 50px;
    } 

    .data-product-pdf-container {
        padding: 0 1rem;
    }

    .data-product-pdf-container .sub-accordian {
        width: 45%;
    }

    .data-product-pdf-container .sub-accordian:nth-child(2),
    .data-product-pdf-container .sub-accordian:nth-child(4) {
        margin-right: 0 !important;
    }

    .data-product-pdf-container .sub-accordian:nth-child(3) {
        margin-right: 45px !important;
    }

    .personal-space-title .dropdown-menu {
        min-width: 250px;
    }

    .data-excel-product .Data_module.dataExcel div.all_module {
        flex: 0 0 46%;
        margin: 0 0 45px !important;
    }

    .data-excel-product .Data_module.dataExcel {
        gap: 0 46px;
    }

    .company-space .custom-modal {
        width: 100%;
        min-width: 100%;
        z-index: 100000;
        height: calc(100% - 46px);
        min-height: calc(100% - 46px);
        top: unset !important;
        bottom: 0;
    }

    .company-space .company-activity button {
        min-width: 140px;
    }

    .company-space .main-container-personal-space .activity-timeline {
        margin-bottom: 3rem !important;
    }

    .company-space .main-container-personal-space>.row.g-5 {
        --bs-gutter-x: 1.5rem;
    }

    .personalspace .outer-container ~ .outer-container,
    .personalspace #dnn_Row1 ~ .outer-container{
        padding: 0 !important;
    }

    .personalspace #PS-AdSpace .col-taap.content,
    .personalspace #RecentProductSection .col-taap.content,
    .personalspace #recent-upcoming .featuredSection {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .personalspace #PS-AdSpace,
    .personalspace #RecentProductSection {
        padding-top: 0 !important;
    }

}

@media (min-width: 768px) and (max-width: 991px) {
    .personalspace #topFive .row-taap > div {
        padding: 0;
    }

    .personalspace .personal-space-fb-promo {
        padding: 0px 32px;
    }

    .data-excel-product .Data_module.dataExcel div.all_module {
        flex: 0 0 46% !important;
        margin: 0 0 60px !important;
    }

    .data-excel-product .Data_module.dataExcel {
        gap: 0 48px;
    }

    .company-space .company-activity h2 {
        justify-content: center;
    }

    .company-space .company-participation .text-start {
        text-align: center !important;
    }

    .company-space .custom-modal .custom-modal-body {
        max-height: calc(100% - 135px);
        height: 100%;
    }

    .company-space .main-container-personal-space>.row.g-5 {
        --bs-gutter-x: 1.6rem;
    }

    .data-product-pdf-container .sub-accordian-content>ul>li {
        width: 100%;
    }
}

@media (min-width: 767px) and (max-width: 991px) {
    .personalspace #topFive .trending_item {
        margin-right: 10px;
        margin-bottom: 10px;
        width: 31%;
    }
}

@media (min-width: 320px) and (max-width: 768px) {
    .personalspace .top-five .content,.personalspace .ps_my_content .content{
        padding:0 !important;
    }

    .changeAvtarModel .next,
    .changeAvtarModel .prev {
        width: 30px;
        height: 30px;
    }

    .defaultShape {
        margin: 6px;
    }

    .slideshow-container .slide {
        margin: 0 30px;
    }

    #appearance .appearance-list,
    #appearance .theme-list {
        gap: 15px;
    }

    #avatar .shaprow {
        padding: 0 30px;
    }

    .personalspace .ps_my_content .DNNModuleContent tr {
        display: flex !important;
        flex-direction: column !important;
        gap: 15px;
    }

    .personalspace .ps_my_content .content {
        padding: 0;
    }

    .activity-timeline .list li {
        width: auto;
    }

    #avatar .num-tab-container span {
        line-height: 51px;
    }

    .data-excel-product .Data_module.dataExcel div.all_module {
        flex: 0 0 100% !important;
        margin: 0 0 50px !important;
    }

    .data-excel-product .Data_module.dataExcel {
        gap: 0 50px;
    }

    .colleagues-list.slide-right {
        right: -250px;
    }

    .company-space .main-container-personal-space>.row.g-5 {
        --bs-gutter-x: 1.6rem;
    }

    .company-space .colleagues-list:has(.add-colleague-section) {
        right: -250px;
    }

    .data-product-pdf-container {
        padding: 0 1rem;
    }

    .data-product-pdf-container .sub-accordian:last-child(2),
    .data-product-pdf-container .sub-accordian:last-child(4) {
        margin-right: 0 !important;
    }

    .data-product-pdf-container .sub-accordian:last-child(3) {
        margin-right: 30px !important;
    }

    .data-product-pdf-container .sub-accordian {
        width: 100%;
        margin-right: 0 !important;
    }

    .data-product-pdf-container .sub-accordian:nth-child(3) {
        margin-right: 0 !important;
    }

    .personalspace .tp-home-mycontent-Pager .tabs div div > a {
        width: 100%
    }

    .personalspace .tp-home-mycontent-Pager .tabs div div.current:after {
        display: none;
    }

    .personalspace .tp-home-mycontent-Pager .tabs div div {
        margin-bottom: 10px;
        width: 100%;
        border: 1px solid #002c77 !important;
        border-radius: 5px;
    }

    .personalspace .tp-home-mycontent-Content {
        padding: 16px 0 0 0 !important;
        display: block;
        float: left;
    }
    .tp-home-mycontent-Pager {
        display: block;
    }

    .tp-home-mycontent-Content .featuredArticle h4 a:nth-child(2),
    .tp-home-mycontent-Content .featuredArticle h4 img + a:nth-child(3) {
        padding: 0px!important;
    }

    .personalspace .slideshow-container .slide{
        width: calc(100% - 80px) !important;
    }

    .personalspace .slideshow-container .prev,
    .personalspace .slideshow-container .next {
        width: 40px;
        height: 40px;
    }

    .main-container-organize-download h1.ng-section-title {
        margin-bottom: 56px !important;
    }

    .main-container-organize-download .tools-icon-list {
        top: 50px;
    }
}

@media (min-width: 440px) and (max-width: 598px) {
    .personalspace .personal-space-title {
        align-items: start;
        padding: 10px 10px;
    }

    .personalspace .trending_item {
        padding: 16px;
        margin-bottom: 10px;
    }

    .personalspace .product-list ul li::before {
        display: none;
    }

    .personalspace #fb-promo-container {
        padding: 0px 19px;
    }

    .personalspace .my-product-snapshot .my-product-list div {
        justify-content: start !important;
    }

    .personalspace .recommended_for_you .quickBtn, .personalspace .recommended_for_you .btn_icon {
        padding: 0 12px;
    }

    #avatar .slideshow-container {
        padding-top: 20px;
        height: 280px !important;
    }

        #avatar .slideshow-container .slide {
            align-items: flex-start;
        }

    .activity-timeline .list li,
     .my-download-wrapper .search-bar-container .search-wrapper {
        width: 100%;
    }

    .company-space .supported-file {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 5px;
    }

        .company-space .supported-file > p {
            margin-bottom: 0;
        }

    .company-space .main-container-personal-space > .row.g-5 {
        --bs-gutter-x: 1.6rem;
    }

    .company-space div#addConversation span.info_icon_tooltip_add_con {
        left: 50%;
        transform: translateX(-50%);
    }

    .data-product-pdf-container .sub-accordian {
        width: 100%;
        margin-right: 0;
    }

    .my-download-wrapper .selected-file-wrapper .selected-file,
    .my-download-wrapper .selected-file-btn {
        margin: 0 auto;
    }

    .my-download-wrapper .selected-file-wrapper,
    .my-download-wrapper .search-bar-container {
        flex-direction: column;
    }

    .my-download-wrapper .search-bar-container,
    .my-download-wrapper .selected-file-wrapper {
        gap: 16px;
    }

    .my-download-wrapper .filter-btn-wrap{
        justify-content: center;
    }
}

@media (min-width: 375px) and (max-width: 445px) {

    .personalspace .personal-space-title {
        align-items: start;
        padding: 10px 10px;
    }

    .personalspace .trending_item {
        padding: 16px;
        margin-bottom: 10px;
    }

    .personalspace .product-list ul li::before {
        display: none;
    }

    .personalspace .my-product-snapshot .my-product-list div {
        justify-content: start !important;
    }

    .personalspace .recommended_for_you .quickBtn, .personalspace .recommended_for_you .btn_icon {
        padding: 0 12px;
    }

    .personalspace #fb-promo-container {
        padding: 0px 19px;
    }

    .access-section .list li .text-content {
        width: 86%;
        padding-right: 10px;
    }

    .access-section .list li:nth-last-child(-n+2) .text-content:after {
        right: -24px;
    }

    .ps_recommended .recommended_for_you .quickBtn {
        margin-right: 12px;
    }

    #avatar .num-tab-container {
        gap: 64px;
    }

    #avatar .slideshow-container {
        height: 360px !important;
    }

    .activity-timeline .list li {
        width: 100%;
    }

    .personalspace .recommended_for_you .readMoreBtn,
    .company-space .company-activity button {
        min-width: 120px !important;
    }

    .company-activity,
    .company-space .company-activity {
        text-align: left;
    }

    .company-space .supported-file {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 5px;
    }

    .company-space .supported-file>p {
        margin-bottom: 0;
    }

    .company-space .main-container-personal-space>.row.g-5 {
        --bs-gutter-x: 1.6rem;
    }

    .company-space div#addConversation span.info_icon_tooltip_add_con {
        left: 50%;
        transform: translateX(-50%);
    }

    .company-space .company-administrators>ul>li:first-child ul.list {
        overflow: auto;
    }

    .data-product-pdf-container .sub-accordian-content>ul>li,
    .my-download-wrapper .search-bar-container .search-wrapper  {
        width: 100%;
    }

    .my-download-wrapper .selected-file-wrapper .selected-file,
    .my-download-wrapper .selected-file-btn {
        margin: 0 auto;
    }

    .my-download-wrapper .selected-file-wrapper,
    .my-download-wrapper .search-bar-container {
        flex-direction: column;
    }

    .my-download-wrapper .search-bar-container,
    .my-download-wrapper .selected-file-wrapper {
        gap: 16px;
    }

    .my-download-wrapper .filter-btn-wrap {
        justify-content: center;
    }

    .my-download-wrapper .selected-file-btn {
        flex-wrap: wrap;
        justify-content: center;
    }
}