/*
Author : Anurag Singh  (KH2111)
Defining this global css to make it available across the basecamp site.
This contains various reusable definition for the use.
This also overrides the global styling by salesforce whereever necessary.
Places used : BasecampThemeHome, BasecampThemeInner, BasecampThemeWhatsNew
*/
:root {
    --main-title-text-color:  #293277;
    --main-body-text-color:#646e83;
    --main-body-text-colour:#646e83;
    --main-color-kony-green:#78BB2E;
    --main-color-kony-red:#EE6B6B;
    --main-color-kony-blue:#2887F2;
    --main-color-kony-gray:#0A0808;
    --main-color-orange: #F08261;
    --main-color-kony-orange:#5cb8b2;
    --main-color-link:rgb(0, 62, 117);
    /*--main-color-link:#3770AA;*/
    --main-color-border:#b8cfd6;
    --main-color-bottom-text:#293277;
    --main-border-color-1:rgba(63,78,102,0.23);
    --main-color-dbx-purple:#635590;
    --main-color-temenos-blue : #003E75;
}
    
    body{
        font-size:1rem;
    }
/*html{font-size:13px;}
p{line-height:24px;}*/
    p{
        margin-bottom:0px !important;
    }
/*-----------Colors START------------*/
.title-text-color{color:var(--main-title-text-color);}
.body-text-color{color:var(--main-body-text-colour);}
.color-bottom-text{color:var(--main-color-bottom-text);}
.color-kony-green{color:var(--main-color-kony-green);}
.color-kony-red{color:var(--main-color-kony-red);}
.a,a{color:var(--main-color-link);}
/*-----------Colors END------------*/


/*---------------Font Size Start------------*/
.font-size-xxs{font-size:.25em;}
.font-size-xs{font-size:.5em;}
.font-size-s{font-size:.75em;}
.font-size-m{font-size:.875em;}
.font-size-n{font-size:1em;}
.font-size-l{font-size:1.125em;}
.font-size-xl{font-size:1.25em;}
.font-size-xxl{font-size:1.5em;}
.font-size-xxl{font-size:1.75em;}
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.17em; }
h4 { font-size: 1.12em; }
h5 { font-size: .83em; }
h6 { font-size: .75em; }
.title-s{font-size:1em;color:var(--main-title-text-color);font-weight:bold;}
.title-n{font-size:1.12em;color:var(--main-title-text-color);font-weight:bold;}   
.title-m{font-size:1.25em;color:var(--main-title-text-color);font-weight:bold;}
.title-l{font-size:1.5em;color:var(--main-title-text-color);font-weight:bold;}
.title-xl{font-size:1.75em;color:var(--main-title-text-color);font-weight:bold;}
.title-xxl{font-size:2em;color:var(--main-title-text-color);font-weight:bold;}
.bottom-text-s{font-size:.5em;color:var(--main-color-bottom-text);}
.bottom-text-m{font-size:.75em;color:var(--main-color-bottom-text);}
.bottom-text-n{font-size:.875em;color:var(--main-color-bottom-text);}
.bottom-text-l{font-size:1em;color:var(--main-color-bottom-text);}
/*---------------Font Size END------------*/


.activeTab{
    font-size:16px; 
}
 .uiTabset--default .tabs__item.active > a{
   color: #003E75 !important;
    font-weight: 700!important;    
 border-color: var(--main-color-kony-orange) !important;
border-width:4px !important;
}
.uiTabset--default .tabs__item.active > a:hover{
border-color: var(--main-color-kony-orange) !important;
    color: #003E75 !important;
 }
.uiTabset--default .tabs__item.active > a:focus{
    color: #003E75 !important;
    font-weight: 700 !important;    
 border-color: #5cb8b2 !important;
border-width:4px !important;                                                                                                                                            
}                                                                                                                                            
.bodyText{
    color:rgb(100, 110, 131);
    font-size:12px;
    line-height:normal;
}
.bodyTextBig{
    color:rgb(100, 110, 131);
    font-size:14px;
    line-height:normal;
}
.contentTitle{
    font-size:14px;
}
.contentTitleSmall{
    font-size:12px;
}
.contentTitleMedium{
    font-size:18px;
}
.contentTitleBig{
    font-size:24px;
}
/*-------------profile START--------------*/
.forceCommunityUserProfileDetail .slds-form-element__label{
    font-size:.875em;
    color:var(--main-title-text-color);
}
.forceCommunityUserProfileDetail .slds-form-element__static{
    font-size: 1em;
    color:var(--main-body-text-color);
}
.forceCommunityUserProfileDetail .detailsData{
    margin-top:20px;
}
.forceCommunityUserProfileDetail .forcePageBlockItemView{
    margin-top:5px;
}
/*-------------profile END--------------*/

/*------------Navigation Bar Style Start-------------*/
                                                                                                                                                    @media(max-width: 1140px) {
                                                                                                                                                        .navigation{
                                                                                                                                                            max-width:unset !important;
                                                                                                                                                        }
                                                                                                                                                    }
                                                                                                                                                    @media(max-width: 820px){
                                                                                                                                                        .navigation{
                                                                                                                                                            max-width:80% !important;
                                                                                                                                                        }
                                                                                                                                                    }
.navigation{
    margin:auto;
    width: 80% !important;
    width: -moz-available;
    width: -webkit-fill-available;
    /*! text-align: right; */
}
.navigation .slds-p-vertical--xx-small{padding: 0;}
.navigation .comm-navigation__list{
    width:100%;
    margin:0 0 0 auto !important;
}
.navigation .comm-navigation__list>li:first-child{
    margin-left:auto !important;
}
.navigation .forceCommunityGlobalNavigation{
    background-color:unset !important;
    background-color:transparent !important;
    border-top:unset !important;
    color:var(--main-body-text-colour) !important;
}
.navigation .forceCommunityGlobalNavigation .slds-list_horizontal > .slds-list__item > .comm-navigation__item > a,
.navigation .forceCommunityGlobalNavigation .slds-list_horizontal > .slds-list__item > .comm-navigation__item > button{
    padding: 10px 15px;
    font-size: 14px !important;
    color: #1C385B !important;                                                            
                                                                                                                                                                text-transform: none !important;                                                                                              
}
.navigation .forceCommunityGlobalNavigation .slds-list_horizontal > .slds-list__item > .comm-navigation__item > a:hover,
.navigation .forceCommunityGlobalNavigation .slds-list_horizontal > .slds-list__item > .comm-navigation__item > a.slds-is-active:not([data-type="home"]), 
.navigation .forceCommunityGlobalNavigation .slds-list_horizontal > .slds-list__item > .comm-navigation__item > button:hover,
.forceCommunityGlobalNavigation .slds-list_horizontal>.slds-list__item>.comm-navigation__item>button.slds-is-active:not([data-type="home"]),
.navigation .forceCommunityGlobalNavigation .slds-list_horizontal > .slds-list__item > .comm-navigation__item > a:focus,
.navigation .forceCommunityGlobalNavigation .slds-list_horizontal > .slds-list__item > .comm-navigation__item > button:focus{
    
    border: 0px solid var(--main-body-text-color);
    border-radius: 20px;                          
	font-size:14px !important;
    font-weight:800 !important;
    color:#1C385B !important;
    text-decoration:none !important;
    padding:  10px 15px !important;
}
 

.navigation .forceCommunityGlobalNavigation .slds-list_vertical{
    background-color:white !important;
}
.navigation .forceCommunityGlobalNavigation .slds-is-nested .slds-list__item .comm-navigation__item a{
    padding:  10px 15px !important;
    min-width:200px;
                                                                                                                                                                        text-transform: none;
}


.navigation .forceCommunityGlobalNavigation .slds-is-nested .slds-list__item a:hover,
.navigation .forceCommunityGlobalNavigation .slds-is-nested .slds-list__item a.slds-is-active:not([data-type="home"]), 
.navigation .forceCommunityGlobalNavigation .slds-is-nested .slds-list__item button:not([disabled]):hover,
.navigation .forceCommunityGlobalNavigation .slds-is-nested .slds-list__item button:not([disabled]).slds-is-active:not([data-type="home"]){
    background-color: transparent !important; 
    border-left: 3px solid #5cb8b2;
    padding: 14px 18px 14px 15px !important;
}
.navigation .forceCommunityGlobalNavigation .slds-list_horizontal > .slds-list__item > .slds-is-nested{
    box-shadow: 0px 1px 8px 3px rgba(0, 0, 0, 0.1) !important;
    right:-85px !important;
    top:45px;
}
.navigation .forceCommunityGlobalNavigation .slds-list_horizontal > .slds-list__item > .slds-is-nested::before{
    width: 1rem;
    height: 1rem;
    position: absolute;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: '';
    background-color: inherit;
    left: 50%;
    top: -.5rem;
    margin-left: -1rem; 
    z-index:-1;
}
.navigation .forceCommunityGlobalNavigation .comm-navigation__list > li{
    margin:5px;
    color:var(--main-title-text-color);
     
    /*! margin-left: auto; */
}
@media(max-width: 1000px) {

    .navigation .forceCommunityGlobalNavigation .slds-is-relative .slds-is-active,
    .navigation .forceCommunityGlobalNavigation .slds-is-relative a:hover,
    .navigation .forceCommunityGlobalNavigation .slds-is-relative button:hover{
        
        border-left: 3px solid #ee6b6b;
        padding: 8px 0px 8px 11px !important;
    }
    .header .BrandingLogo{
        width:130px !important;
        height:60px !important;
        margin-left:unset !important;
    }
}
@media(max-width: 765px) {
    .navigation .forceCommunityGlobalNavigation .comm-navigation__list{
        padding-top: 80px;
        background-image: url(/resource/BasecampUIResources/assets/companyLogo/konytemenoslogo.svg);
        background-repeat: no-repeat;
        background-size: 130px auto;
        background-position: 15px 15px;
        margin:unset !important;
    }
    .navigation .forceCommunityGlobalNavigation .comm-navigation__list >li > ul li{
        color:var(--main-body-text-color);
        padding-left: 10px;
    }
    .navigation .forceCommunityGlobalNavigation nav{
        background-image: url(/resource/BasecampUIResources/assets/icon_close.png);
        background-repeat: no-repeat;
        background-position: 92% 20px;
        background-size: 20px 20px;
        background-color: white;
    }

    .navigation{
        width:-moz-fit-content !important;
        width:fit-content !important;                                                                                                                               
        margin-top: -2px;
        order: 2;
    }
    .navigation .forceCommunityGlobalNavigation .slds-button_icon-bare svg{
        width:25px;
        height:25px;
    }
    .header>div{
        width:-moz-fit-content;
        width:fit-content;
    }
    .header>div:nth-child(2){
        margin-left:auto;
    }

}
/*------------Navigation Bar Style END-------------*/


/*--------------Compact FeedItem STart-------------*/
.compactFeed .forceChatterFeedSorter .cuf-sortLabelTriggerWrapper{
    color: unset;
}
.forceChatterCompactFeedItem{
   border:2px solid #E7EDF1 !important;
margin-bottom: 15px;
}
.slds-p-right_large{
  display:content !important;                                                                                                                                                                                  
}
.compactFeed .compactFeedList > li, .forceChatterUnansweredQuestions .listContent > ul > li{
    /*background-image: url(/resource/BasecampUIResources/assets/icon_question2_v3.svg);
    background-repeat: no-repeat;
    padding-left: 30px;*/
    background-position: 0 10px;
}
.compactFeed .compactFeedListItem .dotSymbol{
    font-size: 1em;
    font-weight: bold
}
.compactFeed .compactFeedElement>div{
    width: 100%;
}
.compactFeed .compactFeedListItem .titleContainer .title{
    color: var(--main-color-kony-orange) !important;
    display: block;
font-weight: 600 !important;
}
.compactFeedItem .metadata{
    display: inline-flex;
	padding: 5px 5px 5px 0px;
}
.compactFeedItem .metadata .metrics{
	float: right;
    display: flex;
}
.compactFeedItem .metadata .metrics feeds_metrics-answered, .compactFeedElement .forceChatterCompactFeedFooter .solved{
    background-image: url(/resource/BasecampUIResources/assets/icon_solved.png);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 5px 0px;
}
.compactFeedItem .metadata .metrics feeds_metrics-views, .compactFeedElement .forceChatterCompactFeedFooter .views{
    background-image: url(/resource/BasecampNewBranding/IconAssests/Eye.svg);
    background-size: 17px;
    background-repeat: no-repeat;
    background-position: 0px 4px;
}
                                                                                                                                                                                            
.compactFeedItem .metadata .metrics feeds_metrics-likes, .compactFeedElement .forceChatterCompactFeedFooter .likes{
    background-image: url(/resource/BasecampNewBranding/IconAssests/LikeShape.svg);
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
.compactFeedItem .metadata .metrics feeds_metrics-comments, .compactFeedElement .forceChatterCompactFeedFooter .comments{
    background-image: url(/resource/BasecampNewBranding/IconAssests/Share.svg);
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
.compactFeedItem .metadata .metrics .metric .slds-icon_container, .compactFeedElement .forceChatterCompactFeedFooter .metricIcon{
    visibility: hidden;
    padding-right: 10px;

}
.forceChatterCompactFeed .cuf-showMoreContainer .cuf-showMore {
    color: #2887F2 !important;
}                                                                                                                                                                                           
.forceChatterUnansweredQuestions .listContent .viewCount .metricIcon{
    display: none;
}
.forceChatterUnansweredQuestions .listContent .viewCount .views{
    margin-left: 25px;
}
.forceChatterUnansweredQuestions .listContent > ul > li > a .item-title{
    font-size: 1.25em !important;
    padding-left:35px;
    padding-right: 60px;
    word-break: break-all;
}
.forceChatterUnansweredQuestions .listContent .viewCount{
    display: flex;
    background-image: url(/resource/BasecampUIResources/assets/icon_view.svg);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 0px 3px; 
    border:none;
    min-width: 50px;
    margin-left:-50px;
}
.selfServiceSimilarItemWithViewCount.base-simple-item > *{
    border-bottom: 1px solid #f4f4f4 !important;
}
.selfServiceSimilarQuestions{
    box-shadow: 0 0 5px -3px #000;
    border-radius: 5px;
    border: 1px solid var(--main-color-border);
    padding:20px;
}
.selfServiceSimilarQuestions .listContent .viewCount .metricText{
    background-image: url(/resource/BasecampUIResources/assets/icon_view.svg);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: 4px 3px;
}
.selfServiceSimilarQuestions .listContent .viewCount .metricIcon{
    display: none;
}
.selfServiceSimilarQuestions .listContent .viewCount .metricText{
    padding-left: 26px !important;   
}
/*--------------Compact FeedItem End-------------*/
/*--------------My Feed Start-------------*/
.forceCommunityForceCommunityFeed .cuf-sortLabelTriggerWrapper{
    color:unset !important;
}
.forceCommunityForceCommunityFeed .cuf-entityLink{
    color: var(--main-title-text-color) !important;
}
.forceCommunityForceCommunityFeed .cuf-body{
    margin-left: 55px;
}
.forceCommunityForceCommunityFeed .like-target{
    background-image: url(/resource/BasecampUIResources/assets/icon_like.svg);
}
.forceCommunityForceCommunityFeed .cuf-focusCommentInput{
    background-image: url(/resource/BasecampUIResources/assets/icon_reply.svg);
    background-position: 0px 2px; 
}
.forceCommunityForceCommunityFeed .like-target, .forceCommunityForceCommunityFeed .cuf-focusCommentInput, .forceCommunityForceCommunityFeed .shareMenuTrigger{
    min-height: 16px;
    display: flex;
    background-size: 16px;
    background-repeat: no-repeat;
    border:none;
    color: var(--main-title-text-color) !important;
    padding-left: 20px;
    line-height: 1;
}
.forceCommunityForceCommunityFeed .like-target svg ,.forceCommunityForceCommunityFeed .cuf-focusCommentInput svg{
    /*! visibility: hidden; */
    display: none;
}
.forceCommunityForceCommunityFeed .slds-post__footer{
    margin-left: 55px;
}
.shareMenuTrigger svg{
    fill: #37b3ab;
}
.forceCommunityForceCommunityFeed .topic-topicContainer{
    margin-left: 55px;
}
.forceCommunityForceCommunityFeed .cuf-subPreamble{
    margin-top:6px !important;;
}
/*--------------My Feed End-------------*/
/*--------------Ask Community Button Start-----------*/
.forceCommunityAskCommunity.askCommunityBtn{
    
/*background-image: url(/resource/BasecampUIResources/assets/icon_ask_question.svg);*/
    background-repeat: no-repeat;
    padding: 10px 24px 10px 24px !important;
    background-position: 12px 7px;
    line-height: unset;
    width: -moz-fit-content !important;
    width: fit-content !important;
    min-width: 160px;
    border: none !important;
}

/*--------------Ask Community Button End-----------*/


/*-------------- Follow Community Button START-----*/
.forceChatterChatterFollow .follow{
    border-radius: 50px !important;
    padding:8px 16px 8px 16px !important;
    line-height: unset;
    width: -moz-fit-content !important;
    width: fit-content !important;
    min-width: 160px;
}
.forceChatterChatterFollow .follow:hover{
    box-shadow: 0 0 2px 1px #aaaaaa;
}
/*-------------- Follow Community Button END-----*/



/*-----------profile menu style START--------------*/
@media(max-width: 1025px) {
    .profileMenuRegion .profileIcon{
        margin-top:8px !important;
    }
}
.profileMenuRegion{
	width: 20%;
	height: 55px !important;
}
.profileMenuRegion .menuList{
    min-width: -moz-max-content;
}
.profileMenuRegion .uiMenuList{
    box-shadow: 0px 1px 8px 3px rgba(0, 0, 0, 0.1) !important;    
    overflow: unset !important;
    margin-top:1rem !important;
    padding:0 !important;
}
.profileMenuRegion .uiMenuList:before{
    width: 1rem;
    height: 1rem;
    position: absolute;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: '';
    background-color: inherit;
    left: 50%;
    top: -.5rem;
    z-index:-1;
}
.profileMenuRegion .profileName, .profileMenuRegion .triggerDownArrow{
    /*display:none !important; */
    text-shadow:none !important;
    color:var(--main-body-text-colour);
    margin-left: 10px !important;
}
.selfServiceProfileMenuTrigger .profileName{
    padding:0px !important;
}
/*.profileMenuRegion .selfServiceUserProfileMenu .login-link{
width: -moz-fit-content;
width: fit-content;
display: block;
margin-left: auto;
color:var(--main-title-text-color);
background-image: url(/resource/BasecampUIResources/assets/icon_login.png);
height: 22px;
width: 22px;
background-size: 100%;
background-repeat: no-repeat;
margin: 4px;
}
.profileMenuRegion .selfServiceUserProfileMenu .login-link>span{
display:none;
}*/
.profileMenuRegion .selfServiceProfileMenuTrigger .trigger-link:focus{
    box-shadow:none !important;
}
.profileMenuRegion .selfServiceProfileMenuTrigger .trigger-link .profileName {
    overflow:visible !important;
	margin-top: 12px !important;
    padding: 0 10px !important;
    color: #1C385B;
    font-size: 13px;
    font-weight: 700;
}
.profileMenuRegion .selfServiceProfileMenuTrigger .trigger-link .triggerDownArrow {
	display:none !important;
}
.profileMenuRegion .selfServiceProfileMenuTrigger .trigger-link{
padding: 0px !important;
display: inline-flex;
border: 1px solid #D1D9E3 !important;
border-radius: 50px;
width: max-content;
flex-direction: row-reverse;
}
.profileMenuRegion .profileIcon{
    /*! width:40px !important; */
    /*! height:40px !important; 
 margin-left:auto;width: fit-content !important;
    margin-right:auto;*/
    display:block;
   width:45px !important;
height:45px !important
}
.profileMenuRegion .selfServiceUserProfileMenu li.uiMenuItem a{
    padding: 12px 18px !important;
}
.profileMenuRegion .uiMenuList--default .uiMenuItem > a:hover,
.profileMenuRegion .uiMenuList--default .uiMenuItem > a:focus,
.profileMenuRegion .uiMenuList--default .uiMenuItem > span:hover, 
.profileMenuRegion .uiMenuList--default .uiMenuItem > span:focus{
    background-color: rgb(237, 243, 244) !important;
    border-left: 3px solid #ee6b6b;
    padding: 12px 18px 12px 15px !important;
}
.profileMenuRegion .selfServiceUserProfileMenu .login .linkLabel{
    margin-top: 8px;
    text-shadow: unset !important;
    color: var(--main-title-text-color) !important;
    padding: 10px !important;
    display: inline-flex;
    border: 1px solid #D1D9E3 !important;
    border-radius: 50px;
    
}
@media(max-width: 768px) {
    .profileMenuRegion .uiMenuList:before{
        right:70px !important;
        left: unset;
    }
    .profileMenuRegion{
        width:-moz-fit-content !important;
        width:fit-content !important;   
        min-width:unset;
        margin-top:0;
        order: 1;
    }
    .profileMenuRegion .selfServiceUserProfileMenu .login .linkLabel{
        margin-top: 10px !important;
    }
    .profileMenuRegion .menuList{ 
        left:unset;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        right: -60px !important;
    }
    .profileMenuRegion .selfServiceProfileMenuTrigger .trigger-link{margin-top:0px;}
}
/*-----------profile menu style END --------------*/



/*----------- Search Bar style START ------------*/
/*.searchBar .forceCommunitySearchBox .body-search, .forceCommunitySearchBox .search-wrapper, .forceCommunitySearchBox .post-container{
z-index:unset !important;
}*/
.searchBar .forceCommunitySearchBox .body-search, .forceCommunitySearchBox .search-wrapper, .forceCommunitySearchBox .post-container{
    z-index:3 !important;
}
.searchBar .forceCommunitySearchBox .curtain-blur{
    z-index:2 !important;
}
.searchBar .forceCommunitySearchBox .search-field{
 font-size:1.5rem !important;

color:#1C385B !important;
border-radius: 10px !important;
border: 2px solid #D1D9E3 !important;
}
.DESKTOP{z-index:unset !important;}
                                                                                                                                                                                                                                            .uiDatePicker{
                                                                                                                                                                                                                                                z-index:9999 !important;
                                                                                                                                                                                                                                            }
.searchBar .big-search-container.selfServiceSearchWrapper.forceCommunityOmniBox.focused {
    width:100%;
}
.searchBar .forceCommunityOmniBox .body-search{
    margin: unset !important;
}
.searchBar .selfServiceSearchWrapper .search-wrapper, 
.searchBar .selfServiceSearchWrapper .post-container{
    padding:0px !important;
}
.searchBar>div{
    max-width:650px;
}
.searchBar .search-field{
   
height:55px !important;

padding:30px !important;
border: 1px solid #D1D9E3 !important;


    /*border: 1px solid #bbbbbb;
      border-radius:40px !important;
    box-shadow: 0px 0px 5px 0px #dddddd !important;
    padding:28px !important;*/
}
.searchBar .search-button{
    background-image: url(/resource/BasecampUIAsset/SearchIcon.svg);
    background-color: #5cb8b2 !important;
    border-radius:0px 10px 10px 0px !important;
    height: 100% !important;
    width: 15% !important;
	clip-path: polygon(30% 0%, 100% 0%, 100% 100%, 0% 100%) !important;
    background-position: 65% !important;
    background-size: 30% !important;
   	padding:20px !important;
    max-width: unset !important;
    max-height: unset !important;                                                                                                                                                            
}
@media(max-width: 1000px) {
    .forceCommunitySearchBox .body-search, .forceCommunitySearchBox .search-wrapper, .forceCommunitySearchBox .post-container{z-index:200 !important;}
    .searchBar .forceCommunitySearchBox .mobile-search-icon{
        display: none !important;
    }
    .searchBar .search-field{
        padding-right: 100px !important;
    }
    .searchBar .forceCommunitySearchBox.focused .close-button.slds-button{
        position: absolute;
        top: 0;
        right: 45px;
        width: 50px;
        height: 50px !important;
        display: block;
        background-image: url(/resource/BasecampUIResources/assets/icon_help_close.svg) !important;
        background-color: transparent !important;
        padding: 0;
        background-size: 94% !important;
        max-width: unset;
        max-height: unset;
        background-position: unset !important;
        margin: 5px 0px;
    }
}
/*----------- Search Bar style END ------------*/

/*----------- SLDS START------------*/
.slds-box-1{
   
    border-radius: 5px;
    border: 1px solid rgb(231, 237, 241);
}

.slds-size_1-of-6{width:16.66%;}
.slds-size_2-of-6{width:33.33%;}
.slds-size_3-of-6{width:50%;}
.slds-size_4-of-6{width:66.66%;}
.slds-size_5-of-6{width:83.33%;}
.slds-size_6-of-6{width:100%;}

.slds-size_1-of-10{width:10%;}
.slds-size_2-of-10{width:20%;}
.slds-size_3-of-10{width:30%;}
.slds-size_4-of-10{width:40%;}
.slds-size_5-of-10{width:50%;}
.slds-size_6-of-10{width:60%;}
.slds-size_7-of-10{width:70%;}
.slds-size_8-of-10{width:80%;}
.slds-size_9-of-10{width:90%;}
.slds-size_10-of-10{width:100%;}

.slds-size_1-of-20{width:5%;}
.slds-size_2-of-20{width:10%;}
.slds-size_3-of-20{width:15%;}
.slds-size_4-of-20{width:20%;}
.slds-size_5-of-20{width:25%;}
.slds-size_6-of-20{width:30%;}
.slds-size_7-of-20{width:35%;}
.slds-size_8-of-20{width:40%;}
.slds-size_9-of-20{width:45%;}
.slds-size_10-of-20{width:50%;}
.slds-size_11-of-20{width:55%;}
.slds-size_12-of-20{width:60%;}
.slds-size_13-of-20{width:65%;}
.slds-size_14-of-20{width:70%;}
.slds-size_15-of-20{width:75%;}
.slds-size_16-of-20{width:80%;}
.slds-size_17-of-20{width:85%;}
.slds-size_18-of-20{width:90%;}
.slds-size_19-of-20{width:95%;}
.slds-size_20-of-20{width:100%;}
/*----------- SLDS END------------*/

/*----------------Button Style START---------------*/
.capsul-type-1{border-radius:50px;padding:7.5px 14px;border: 1px solid #CBD5D7;display:inline-block;background-color:#EDF3F4;}
.button-kony-green{border-width:0;border-radius:50px;padding:8px 16px;background-color:var(--main-color-kony-green);text-decoration:none !important;color:white;display:inline-block;cursor:pointer;}
.button-kony-green:hover{box-shadow: 0 0 2px 1px #aaaaaa;color:white;}
.button-kony-green:focus{outline: none;outline-width: 0;box-shadow: 0 0 2px 1px #aaaaaa;}
.button-kony-blue{border-width:0;padding:8px 16px;background-color:#003E75;text-decoration:none !important;color:white;display:inline-block;cursor:pointer;}
.button-kony-blue:hover{box-shadow: 0 0 2px 1px #aaaaaa;color:white;}
.button-kony-blue:focus{outline: none;outline-width: 0;box-shadow: 0 0 2px 1px #aaaaaa;}
.button-kony-orange{border-width:0;border-radius:50px;padding:8px 16px;background-color:var(--main-color-kony-orange);text-decoration:none !important;color:white;display:inline-block;cursor:pointer;}
.button-kony-orange:focus{outline: none;outline-width: 0;box-shadow: 0 0 2px 1px #aaaaaa;}
.button-kony-orange:hover{box-shadow: 0 0 2px 1px #aaaaaa;color:white;}
.button-kony-red{border-width:0;border-radius:50px;padding:8px 16px;background-color:var(--main-color-kony-red);text-decoration:none !important;color:white;display:inline-block;cursor:pointer;}
.button-kony-red:focus{outline: none;outline-width: 0;box-shadow: 0 0 2px 1px #aaaaaa;}
.button-kony-red:disabled{background-color:#ccc;}
.button-kony-red:hover{box-shadow: 0 0 2px 1px #aaaaaa;} 
.button-kony-purple{border-width:0;border-radius:50px;padding:8px 16px;background-color:var(--main-color-dbx-purple);text-decoration:none !important;color:white;display:inline-block;cursor:pointer;}
.button-kony-purple:hover{box-shadow: 0 0 2px 1px #aaaaaa;color:white;}

.button-kony-blue-2{border-radius:50px;padding:7px 15px;border:1px solid var(--main-color-kony-blue);text-decoration:none !important;color:var(--main-color-kony-blue);display:inline-block;cursor:pointer;}
.button-kony-blue-2:hover{box-shadow: 0 0 2px 1px #aaaaaa;}  
.askCommunityBtn{transition:none !important;}
.askCommunityBtn:hover{box-shadow: 0 0 2px 1px #aaaaaa;} 
.button-effect{cursor:pointer;}

/*
.slds-button_brand,.uiButton--brand {border-radius:50px;padding:8px 16px;background-color:var(--main-color-kony-blue);text-decoration:none !important;color:white;display:inline-block;cursor:pointer;}
.slds-button_brand:hover{box-shadow: 0 0 2px 1px #aaaaaa;color:white;background-color:var(--main-color-kony-blue);}
*/

}
/*----------------Button Style END-----------------*/  

/*--------------Image START ------------------*/
.user-image,.user-image img{border-radius:100px;}
/*--------------Image END ------------------*/

/*-------------Margin Padding START------------*/
.display-block{display:block;}
.display-inlineblock{display:inline-block;}
.ml-auto{margin-left:auto;}
.mr-auto{margin-right:auto;}
.ml-5{margin-left:5px;}
.ml-10{margin-left:10px;}
.ml-15{margin-left:15px;}
.ml-20{margin-left:20px;}
.ml-30{margin-left:30px;}
.ml-50{margin-left:50px;}
.mr-5{margin-right:5px;}
.mr-10{margin-right:10px;}
.mr-15{margin-right:15px;}
.mr-20{margin-right:20px;}
.mr-30{margin-right:30px;}
.mr-50{margin-right:50px;}
.mt-5{margin-top:5px;}
.mt-10{margin-top:10px;}
.mt-15{margin-top:15px;}
.mt-20{margin-top:20px;}
.mt-30{margin-top:30px;}
.mt-50{margin-top:50px;}
.mb-5{margin-bottom:5px;}
.mb-10{margin-bottom:10px;}
.mb-15{margin-bottom:15px;}
.mb-20{margin-bottom:20px;}
.mb-30{margin-bottom:30px;}
.mb-50{margin-bottom:50px;}

.p-0{padding:0;}
.p-5{padding:5px;}
.p-10{padding:10px;}
.p-15{padding:15px;}
.p-20{padding:20px;}
.p-30{padding:30px;}
.p-50{padding:50px;}

.pl-5{padding-left:5px;}
.pl-10{padding-left:10px;}
.pl-15{padding-left:15px;}
.pl-20{padding-left:20px;}
.pl-30{padding-left:30px;}
.pl-50{padding-left:50px;}

.pt-5{padding-top:5px;}
.pt-10{padding-top:10px;}
.pt-15{padding-top:15px;}
.pt-20{padding-top:20px;}
.pt-30{padding-top:30px;}
.pt-50{padding-top:50px;}

.pr-5{padding-right:5px;}
.pr-10{padding-right:10px;}
.pr-15{padding-right:15px;}
.pr-20{padding-right:20px;}
.pr-30{padding-right:30px;}
.pr-50{padding-right:50px;}

.pb-5{padding-bottom:5px;}
.pb-10{padding-bottom:10px;}
.pb-15{padding-bottom:15px;}
.pb-20{padding-bottom:20px;}
.pb-30{padding-bottom:30px;}
.pb-50{padding-bottom:50px;}
/*-------------Margin Padding END------------*/

/*--------------Oval Shape--------*/
.img-circle{
}
.oval-4{
    min-height: 17px;
    min-width: 17px;
    background-color: #979EAC;
    display: inline-block;
    border-radius: 10px;
    font-size: .875em;
    text-align: center;
    color: white;
    line-height: 17px;
}

/*-----------Float START----------*/
.pull-right{float:right}
.pull-left{float:left}
/*-----------Float END------------*/

/*-----------CK Editor START------------*/
.cke_chrome{
    box-shadow: none !important;
}
.cke .cke_top{
    background-image:none;
    background-color: white;
    padding:0;
}
.cke_toolbar .cke_toolgroup{
    background-image: none !important;
    background-color: white !important;
}
.cke_toolbar .cke_toolgroup .cke_button{
    /*! box-shadow: 0 0 1px 0px #aaaaaa; */
    /*! padding: 6px; */
    border: .5px solid #eeeeee;
}
.cke_toolbar .cke_toolgroup a.cke_button_off:hover, 
.cke_toolbar .cke_toolgroup a.cke_button_off:focus,
.cke_toolbar .cke_toolgroup a.cke_button_off:active,
.cke_toolbar .cke_toolgroup a.cke_button_disabled:hover,
.cke_toolbar .cke_toolgroup a.cke_button_disabled:focus,
.cke_toolbar .cke_toolgroup a.cke_button_disabled:active{
    background-image: none !important;
    background-color: #eee !important;
    cursor: pointer;
}
.cke_toolbar .cke_toolgroup .cke_toolbar_separator{
    display:none;
}
.cke_top{
    border: none !important;
}
.cke_inner .cke_contents{
    border:1px solid #eeeeee;
}
.cke_bottom{
    background-image: none !important;
    background-color: white !important;
    border: none !important;
    padding:10px 0 !important;
}
.cke_editable{
    margin:100px !important;
}
/*-----------CK Editor END------------*/


/*-----------Group START--------------*/
.forceCommunityGroupObjectHome .forceListViewPicker{
    color:unset; 

}
.forceCommunityGroupHighlightStencilNapili.forceRecordLayout{
    margin-bottom: 0px !important;
}
/*-----------Group END ---------------*/
/*-----------Other--------------*/
.border-none{border:none !important;}
                                                                                                                                                                                                                                                            .hoverEffect a{
                                                                                                                                                                                                                                                                color: var(--main-title-text-color) !important;
                                                                                                                                                                                                                                                            }
                                                                                                                                                                                                                                                            .hoverEffect a span{
                                                                                                                                                                                                                                                                color: var(--main-color-orange) !important;
                                                                                                                                                                                                                                                            }
.hoverEffect:hover{background-color: #fafafa;border-left: 3px solid var(--main-color-orange);margin-left:-3px;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
/*--------------Group List and Group Detail START------------*/
@media(max-width: 1000px) {
    .forceCommunityGroupObjectHome .forceListViewManagerGrid{min-width:700px;}
    .forceCommunityGroupObjectHome .forceListViewManagerGrid .native{overflow:visible;}
    .forceChatterObjectHomeTileView section{width:100% !important;}
}
/*--------------Group List and Group Detail END------------*/

.CoveoV2Base .CoveoSearchInterface{
    font-family: inherit !important;
    color: inherit !important;
}
.CoveoV2Search >.CoveoSearchInterface >.coveo-main-section>.coveo-facet-column{
    display: none;
}
::placeholder {
    color: var(--main-body-text-color);
    opacity: .825; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: var(--main-body-text-color);
    opacity: .825;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: var(--main-body-text-color);
    opacity: .825;
}
                                                                                                                                                                                                                                                                                                              
/**********Partner Community Style*************/
.forceCommunityCreateRecordButton>button{max-width:215px;float:right;border-width:0;border-radius:50px !important;padding:8px 16px;background-color:var(--main-color-kony-blue) !important;text-decoration:none !important;color:white;display:inline-block;cursor:pointer;}
.forceCommunityCreateRecordButton>button:hover{box-shadow: 0 0 2px 1px #aaaaaa;color:white;}
.forceCommunityCreateRecordButton>button:focus{outline: none;outline-width: 0;box-shadow: 0 0 2px 1px #aaaaaa;}
                                                                                                                                                                                                                                                                                                                        
 .slds-illustration.slds-illustration_large p{                                   
                                   visibility: hidden;
    								position: relative;
                                }   
 .slds-illustration.slds-illustration_large p:after {
    visibility: visible;
    position: absolute;
    top: 0;
    left: 35%;
    content: "Here's where you start talking with your colleagues about this.";
}                                                                                                                                                                                                                                                                                                                        
                                                                                                                                                                                                                                                                                                                                            .uiPanel--notificationsPanel .container{
                                                                                                                                                                                                                                                                                                                                                width:unset !important;
                                                                                                                                                                                                                                                                                                                                            }
                                                                                                                                                                                                                                                                                                                                            .codeSnippetModalTextArea{
                                                                                                                                                                                                                                                                                                                                                font-family:monospace,monospace !important;
                                                                                                                                                                                                                                                                                                                                            }
                                                                                                                                                                                                                                                                                                                                   
#cky-consent{
    display: none !important;
}                                                                                                                                                                                                                                                                                           .forceCommunityUserSettings, .forceCommunityUserSettings .settingsOutputbox, .forceCommunityUserSettings .textVisibility,.forceCommunityUserSettings .settingsEmail{
                                                                                                                                                                                                                                                                                                                                        font-size:1rem !important;
                                                                                                                                                                                                                                                                                                                                        
                                                                                                                                                                                                                                                                                                                                    }
                                                                                                                                                                                                                                                                                                                                    .forceCommunityUserSettings input{
                                                                                                                                                                                                                                                                                                                                        border:1px solid #ddd !important;
                                                                                                                                                                                                                                                                                                                                    }
                                                                                                                                                                                                                                                                                                                                    .forceCommunityUserSettings .slds-combobox__form-element{
                                                                                                                                                                                                                                                                                                                                        width: 200px !important;
                                                                                                                                                                                                                                                                                                                                    }