/**New forum page design**/
.msd-container {
      padding: 0 4.3%;
    }
    .msd-hero-banner
    {
        width: 100%;
        background-image: url("img_GroupPageHeroBanner.png");
        height: 160px;
    }
    @media (min-width: 1800px) {
      .msd-container {
        max-width: 1600px;
        padding: 0;
        margin: 0 auto;
      }
    }
    @media (max-width: 1083px) and (min-width: 320px) {
      .msd-container {
        padding: 0px 10px;
      }
    }

    .forums-sidebar-seperator{    
        position:relative;
    } 
     .forums-sidebar-seperator{
         border-left: solid var(--cmty-neutrals-web-gray10) 1px;
    }
    @media (max-width: 1023.9px){
        .forums-sidebar-seperator{ border: 0;}
    }
    .forums-sidebar .products-container{
        margin:0;
        padding:0;
        list-style: none;
    }
    .forums-sidebar .products-container .products-container-item{   
        list-style:none;
        padding:0;
        margin:0;
    }
    .forums-sidebar .products-container-item a
    {
        font-family: var(--cmty-font-family);
        color: var(--cmty-neutrals-web-gray160); 
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-decoration: none;
        padding: 12px 32px 12px 14px;
        display: block;
        width: 100%;
        margin:0;
    }
    .forums-sidebar .products-container-item a:hover, .forums-sidebar .products-container-item a:focus,
    .forums-sidebar .products-container-item a.focus, .forums-sidebar .products-container-item a.active{
        background: var(--cmty-white);
        padding-left: 11px;
        margin:0;
        text-decoration: none !important;
    }

    .dc-thread-pane-item.sticky-thread {
        position: relative;
    }
    .dc-thread-pane-item.sticky-thread:before{
        position: absolute;
        content: ' ';
        right: 0;
        top: 0;
        width: 10px;
        height: 17px;
        background: transparent;
        border: 25px solid transparent;
        border-right: 9px solid var(--cmty-neutrals-web-gray90);
        transform: rotate(0deg);
        border-top: 26px solid var(--cmty-neutrals-web-gray90);
        border-top-right-radius: 4px;
    }
.dc-thread-pane-item.sticky-thread:after{ 
        position: absolute;
        content: ' ';
        right: 7px;
        top: 7px;
        width: 15px;
        height: 15px; 
        background-image: url('data:image/svg+xml;utf8,<svg width="9" height="15" viewBox="0 0 17 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.21428 0.929914C1.20567 0.928102 0.48274 1.90228 0.776713 2.8671L2.02856 6.97567L0.703579 9.62563C0.626081 9.78062 0.634363 9.96469 0.725467 10.1121C0.81657 10.2595 0.977503 10.3492 1.15079 10.3492L4.18628 10.3492L4.18628 14.0919L4.68633 14.799L5.18628 14.0919L5.18628 10.3492H8.22186C8.39515 10.3492 8.55608 10.2595 8.64719 10.1121C8.73829 9.96469 8.74657 9.78062 8.66907 9.62563L7.34385 6.97518L8.58526 2.87328C8.87643 1.91119 8.15744 0.940585 7.15226 0.93878L2.21428 0.929914Z" fill="white"/></path></svg>'); 
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDkgMTUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yLjIxNDI4IDAuOTI5OTE0QzEuMjA1NjcgMC45MjgxMDIgMC40ODI3NCAxLjkwMjI4IDAuNzc2NzEzIDIuODY3MUwyLjAyODU2IDYuOTc1NjdMMC43MDM1NzkgOS42MjU2M0MwLjYyNjA4MSA5Ljc4MDYyIDAuNjM0MzYzIDkuOTY0NjkgMC43MjU0NjcgMTAuMTEyMUMwLjgxNjU3IDEwLjI1OTUgMC45Nzc1MDMgMTAuMzQ5MiAxLjE1MDc5IDEwLjM0OTJMNC4xODYyOCAxMC4zNDkyTDQuMTg2MjggMTQuMDkxOUw0LjY4NjMzIDE0Ljc5OUw1LjE4NjI4IDE0LjA5MTlMNS4xODYyOCAxMC4zNDkySDguMjIxODZDOC4zOTUxNSAxMC4zNDkyIDguNTU2MDggMTAuMjU5NSA4LjY0NzE5IDEwLjExMjFDOC43MzgyOSA5Ljk2NDY5IDguNzQ2NTcgOS43ODA2MiA4LjY2OTA3IDkuNjI1NjNMNy4zNDM4NSA2Ljk3NTE4TDguNTg1MjYgMi44NzMyOEM4Ljg3NjQzIDEuOTExMTkgOC4xNTc0NCAwLjk0MDU4NSA3LjE1MjI2IDAuOTM4NzhMMi4yMTQyOCAwLjkyOTkxNFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPg==);
        transform: rotate(0deg);  
        background-repeat: no-repeat;
    }
    .dc-thread-pane-item.sticky-thread.public-pinned:before {
        border-top: 26px solid var(--cmty-bgColor-primary-shade30);
        border-right: 25px solid var(--cmty-bgColor-primary-shade30);
    }
    .dc-thread-pane-item.sticky-thread.user-pinned:before {
        border-top: 26px solid var(--cmty-success-green-shade60);
        border-right: 25px solid var(--cmty-success-green-shade60);
    }
    /**Banner**/
    .hero-pane-title{ 
        font-family: var(--cmty-font-family);
        font-weight: 600;
        font-size: 42px;
        line-height: 52px;
        color: var(--cmty-white);
        margin: 27px 0 0;
        padding: 20px 0px; /*added */
    }
    .blog-hero-banner{
/*        background: linear-gradient(180deg, var(--cmty-dymamics-primary) 0%, var(--cmty-bgColor-primary-shade30) 100%);*/
        background-size: cover;
        height: auto; /* earlier:152px*/
        display: flex;
        align-items: center;
        margin-bottom: 24px;  
    }
    .blog-hero-banner.communityBlogs{
/*        background: url('/img_header_CommunityBlog_1044.png') no-repeat top center #1f61d9;*/
        background-size: cover;
        height: auto;  /*152px*/
        display: flex;
        align-items: center;
    }
    @media (min-width: 320px) {
    .blog-hero-banner.communityBlogs{
/*        background: url('/img_header_CommunityBlog_640.png') no-repeat top center #1f61d9;*/
        margin-bottom: 36px; 
        }
        .hero-pane-title{ 
            font-weight: 600;
            font-size: 32px;
            line-height: 40px; 
            margin: 0 0 15px;
        }
    }
    @media (min-width: 640.5px) {
    .blog-hero-banner.communityBlogs{
/*        background: url('/img_header_CommunityBlog_1024.png') no-repeat top center #1f61d9;*/
        margin-bottom: 24px; 
        } 
    }
    @media (min-width: 1024.5px) {
    .blog-hero-banner.communityBlogs{
/*        background: url('/img_header_CommunityBlog_1044.png') no-repeat top center #1f61d9;*/
        margin-bottom: 24px; 
        }
    .hero-pane-title{ 
        font-weight: 600;
        font-size: 42px;
        line-height: 52px;
        margin: 7px 0 0;
        }
    }
    @media (min-width: 1440.5px) {
    .blog-hero-banner.communityBlogs{
        background: linear-gradient(180deg, #1f61d9 0%, #0d419f 100%);
        margin-bottom: 24px; 
        }
    }
    /**Banner **/
    .ms-Grid-col{
        padding-left: 16px;
        padding-right: 16px;
    }
    .ms-Grid-row{
        margin: 0 -16px;
    }
    .ms-Grid{
      padding: 0 16px;
    }

    .dc-item-result,.label-filter-header,.panel-title>a,.panel-title>a:active,span.result-count
    {
        font-family:var(--cmty-font-family);
        font-style:normal
    }
    .filter-products-checkbox
    {
        width:20px;
        height:20px;
        border:1px solid var(--cmty-neutrals-web-gray160);
        border-radius:2px;
        margin:0!important;
        min-width:20px;
    }
    .filter-products-label,.filter-status-label,.filter-category-label{
        font-family:var(--cmty-font-family);
        font-style:normal;
        font-weight:400;
        font-size: var(--cmty-font-size-md);
        line-height:21px;
        color:var(--cmty-neutrals-web-gray160);
        margin-left:8px;
    }
    .filter-products-container{
        display:flex;
        flex-direction:row;
        align-items:flex-start;
        padding:0;
        gap:8px;
        width:256px;
        height:auto;
        margin-left:-15px;
        margin-right:-15px;
        margin-top:8px;
    }
    .panel-title>a,.panel-title>a:active{
        display:block;
        letter-spacing:1px;
        word-spacing:3px;
        text-decoration:none;
        font-weight:700;
        font-size: var(--cmty-font-size-md);
        line-height:22px;
        color:var(--cmty-black);
    }
    .panel-heading {
        padding: 0;
        border: 0;
        background-color: unset!important;
        border-bottom: 1px solid var(--cmty-neutrals-web-gray10)!important;
    }
    .panel-title>a, .panel-title>a:active {
        font-family: 'Segoe UI' !important;
        font-style: normal !important;
        font-weight: 600 !important;
        font-size: 16px !important;
        line-height: 22px !important;
        color: var(--cmty-black) !important;
    }
    .panel-heading a{
        position:relative;
    }
    .panel-heading a:before{
        content:" ";
        float:right;
        transition:.5s;
        font-style:normal;
        font-weight:400;
        font-size: var(--cmty-font-size-xs);
    }
    .panel-heading a:before{
        width: 23px;
        height: 23px;
        background: transparent;
        background-image: var(--cmty-dc-select-custom-svg);
        background-image: var(--cmty-dc-select-custom-svg-base64);
        background-repeat: no-repeat;
        background-position-x: 57%;
        background-position-y: 8px;
        background-size: 13px;
    }
    .panel-heading.active a:before{
        -webkit-transform:rotate(180deg);
        -moz-transform:rotate(180deg);
        transform:rotate(180deg);
    }
    .label-filter-header{
        font-weight:600;
        font-size: var(--cmty-font-size-sm);
        line-height:20px;
        color:var(--cmty-neutrals-web-gray160);
        margin-left:10px;
    }
    .select-filter-header{
        margin-left:10px;
    }
    .panel-title{
        margin-bottom:7px;
    }
    .dc-item-body{
        display:flex;
        margin-top:36px;
    }
    .dc-thread-item-left{
        padding:12px 0;
        background:unset;
    }
    .dc-product-filter-pane{
        margin-top:8px;
    }
    /**For checkbox format start**/ 
    .filter-products-container label.msd-checkbox  {
        font-family: system-ui, sans-serif;
        font-size: var(--cmty-font-size-sm);
        font-weight: normal;
        line-height: 1.1;
        display: grid;
        grid-template-columns: 1em auto;
        gap: 13px;
    }

    .filter-products-container label.msd-checkbox input[type="checkbox"] { 
        -webkit-appearance: none;
        appearance: none; 
        background-color: var(--cmty-white); 
        margin: 0;
        font: inherit;
        color: currentColor;
        width: 20px;
        height: 20px;
        margin-right: 8px;
        border: 1px solid var(--cmty-neutrals-web-gray160);
        border-radius: 0.15em;
        transform: translateY(-0.075em);
        display: grid;
        place-content: center;
        position: initial;
    }
    .filter-products-container label.msd-checkbox input[type="checkbox"]:checked { 
        background-color: var(--dc-button-background-color) !important;
        border: 1px solid var(--dc-button-background-color);
    }
    .filter-products-container label.msd-checkbox input[type="checkbox"]::before {
        content: "";
        padding: 2px;
        position: absolute;
        width: 6px;
        height: 12px;
        border: solid var(--cmty-white);
        border-top-width: medium;
        border-right-width: medium;
        border-bottom-width: medium;
        border-left-width: medium;
        border-width: 0 1px 1px 0;
        transform: rotate(45deg) !important;
        top: 1px;
        left: 6px;
    }
    .filter-products-container label.msd-checkbox input[type="checkbox"]:checked::before {
        transform: scale(1);
    }

    .filter-products-container label.msd-checkbox input[type="checkbox"]:focus {
        outline: 1px dotted var(--cmty-black);
    }
    /**For checkbox format end**/ 

    .filter-products-container a {
        font-size: var(--cmty-font-size-sm);
        font-weight: normal;
        line-height: 14px;
        text-decoration: none;
    }
    .helpful-resources
    {
        background-color: var(--cmty-neutrals-web-gray20);
    }
    a.dc-leaderboard-forum-card, a.dc-leaderboard-forum-card:hover{
        text-decoration: none !important;
    } 
    .msd-custom-slider-wrap, .msd-custom-slider-wrap-container{
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0, 0, 0);   
    }
    .msd-custom-slider{
        width: 1570px;
        transform: translate3d(0px, 0px, 0px);
        transition: all 1.5s ease 0s;
    }
    .msd-custom-slider .msd-custom-slider-slide{
        width: 372px;
        margin-right: 20px;
        float: left;
    }
/**New forum page design end**/
/**sortby new design**/
div.dc-forum-thread-banner-container > div.dc-forum-thread-banner > h1.hero-pane-subtitle, h2#hero-pane-subtitle {
    font-family: var(--cmty-font-family);
    font-style: normal;
    font-weight: 600;
    font-size: 26px;
    color: var(--cmty-white);
    margin: 0px;
}
.dropdown-label-text {
    font-size: 14px;
    color: var(--cmty-black-dark30);
    font-weight: 600;
    line-height: 20px;
    margin: 36px 0 6px;
    font-family: var(--cmty-font-family);
}
.msd-flex.msd-align-items-center.search-sort-by-group {
    position: relative;
    justify-content: flex-start;
    width: 100%;
}
.msd-flex.msd-align-items-center.search-sort-by-group.search-sort-by-blogList .ms-Icon {
    right: 9px;
    top: 9px;
}
.msd-flex.msd-align-items-center.search-sort-by-group .ms-Icon {
    position: absolute;
    pointer-events: none;
    right: 7px;
    top: 11px;
    font-size: var(--cmty-font-size-xs);
    color: var(--cmty-neutrals-web-gray130);
}
.msd_dropdown_menu{
    background: var(--cmty-white);
    box-shadow: var(--cmty-box-shadow);
    border-radius: 3px;
    width: 100%;
    position: absolute;
    z-index: 11;
    top: 35px;
    left:0;
    list-style: none;  
    padding:0;
}
.search-sort-by-blogList .form-control.ug-custom-form{
    width: 100%;
    /* border: none !important; */
    font-size: 14px; 
    cursor: pointer;
    border: 1px solid var(--cmty-neutrals-web-gray330);
    border-radius: 4px;
}
.search-sort-by-blogList .form-control.ug-custom-form.bind_contextual_menu_short{
    width: 119px;    
}
.msd_dropdown_menu_item_link{
    font-size:14px!important;
    color: var(--cmty-neutrals-web-gray160)!important;
    line-height:28px!important;
    padding: 0 12px 0 8px;
    box-sizing: border-box;
    text-decoration: none !important;
    color: var(--cmty-dropdown_menu_item_link-color);
    border: 1px solid transparent;
    cursor: pointer;
    display: block;
    height: 36px;
    margin: 0 !important;
}
.msd_dropdown_menu_item_link a{
    font-size:14px!important;
    color: var(--cmty-neutrals-web-gray160) !important;
    text-decoration: none;
}
.msd_dropdown_menu_item_link.msd-menu-with-icon.is-selected-padding {
   padding: 0 16px 0 32px;
   line-height:34px!important;
}
.msd_dropdown_menu_item_link:hover, .msd_dropdown_menu_item_link:focus, .msd_dropdown_menu_item_link:active {
    font-weight:normal!important;
    text-decoration:none!important;
    background-color:var(--cmty-neutrals-web-gray20);
    border-color:var(--cmty-neutrals-web-gray20);
}
.msd_dropdown_menu .form-control.ug-custom-form.date-icon {
    background-size: 12px 12px;
}
.msd_dropdown_menu_divider{ 
    cursor: default;
    display: block;
    height: 1px;
    background-color: var(--cmty-neutrals-web-gray30);
    position: relative;
}

.msd-hidden{
    display:none;
}
@media (min-width: 320px){
    .msd-Dropdown-caretDown {
        color: var(--cmty-neutrals-web-gray130);
        font-size: var(--cmty-font-size-xs);
        position: absolute;
        right: 8px;
        top: 35px;
        z-index: 1;
        pointer-events: none;
    }
}
@media (min-width: 1023.9px){
    .search-sort-by-blogList{
        display: flex;
    }
    .section-title-lg, .search-sort-by-blogList .select-sort-by-group,
    .msd-flex.msd-align-items-center.search-sort-by-group.search-sort-by-blogList .ms-Icon,
    .search-sort-by-blogList .label-hidden {
        display: block;
    }
}
/**sortby new design end**/
/*mobile devices */
 @media only screen and (max-width: 376px) {
        .hero-pane-title{ 
    font-size: clamp(22px, calc(24px + (32 - 24) * ((100vw - 375px) / (425 - 375))), 32px);
    line-height: clamp(30px, calc(32px + (40 - 32) * ((100vw - 375px) / (425 - 375))), 40px);
     }
/* end mobile devices */