@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');
.html, portal b {
  font-family: "Poppins", sans-serif
}
@media only screen and (min-width: 1024px) {
  .Header__homeContent .Header__navbar,
  .Header__defaultContent .Header__navbar {
    background: none !important
  }
}
header #headerContent {
  padding: 5.5rem 0 0
}
header #headerContent .Header__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 60px
}
header #headerContent .Header__container .Header__searchTitle {
  margin-bottom: .7rem;
  line-height: 1.4;
}
header #headerContent .Header__container .Header__description {
  font-size: 1.2rem;
  margin: 0
}
header #headerContent .Header__container img {
  margin: 30px 0 -30px
}
@media only screen and (max-width: 1024px) {
  header #headerContent {
    padding: 3.5rem 0 0;
  }
  header #headerContent .Header__container .Header__searchTitle {
    font-size: 1.5rem;
  }
  header #headerContent .Header__container img {
    height: 310px
  }
}
@media only screen and (max-width: 768px) {
  header #headerContent .Header__container .Header__searchTitle {
    font-size: 1.4rem
  }
  header #headerContent .Header__container .Header__description {
    font-size: 1rem
  }
  header #headerContent .Header__container img {
    height: 230px
  }
}
@media only screen and (min-width: 680px) {
  header #headerContent .Header__container .text_holder * {
    text-align: left
  }
}
@media only screen and (max-width: 680px) {
  header #headerContent .Header__container {
    flex-direction: column;
    gap: 0
  }
  header #headerContent .Header__container img {
    width: 280px;
    height: auto;
    max-width: 90%
  }
}

[data-id*="Email"], .ticket_email, #field_emailAddress {
    display: none
}

.dropdown-content {
  margin-left: -20px;
  display: none;
  position: absolute;
  background-color: rgba(0,0,0,0.8);
  width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.9);
  z-index: 1
}

.dropdown-content a {
  color: white;
  padding-left: 20px;
  text-decoration: none;
  display: block;
  line-height: 4rem;
  font-size: 0.8rem;
}

.dropdown-content a:hover {
  color: inherit
}

#portal_tabDropdown:hover .dropdown-content {
  display: block
}

#portal_tabDropdown:hover {
  border: none
}

.TicketList__filterPanel 
/*a[data-id*="community"]*/ {
  display: none
}

.ContentBox__headerMid {
  margin: 0 0 1.250rem
}

/*Brand color start here */
.SearchContainer__searchIcon,.AppContainer__backToTop,.Button__footerBtn:hover,.LoginDetail__profileBtn{
  background:#18ADE8
}
.SearchContainer__downArrow{
  border-top-color:#18ADE8
}
.commonStyle__zt3BrandFill{
  fill:#18ADE8;
  color:#18ADE8
}
.Header__homeNavbarFixed .Header__navbar .Header__tabsTab.Header__active, .Header__homeNavbarFixed .Header__navbar .Header__tabsTab:hover, .globalfixednav .globalSignin:hover, .globalfixednav .globalSignup:hover,.globalfixednav .LoginDetail__signin:hover,.globalfixednav .LoginDetail__signup:hover{
border-bottom: .1875rem solid #18ADE8;
  color: #18ADE8
}
.globalfixednav .aPlusIcon:hover,.Signin__userLink,.Link__link2,.Icon__hoverbrand:hover,.Icon__brand,.Comment__cmtUsrNme,.TabFilter__tab:hover, .ThreadedComment__commentContent a,.FileUpload__userLink,.AvatarText__avatarText,.TopicDetailRightContainer__commentCount>span, .TopicDetailRightContainer__followerCount>span, .TopicDetailRightContainer__viewCount>span,.Button__primaryBorder, .Button__warningBorder,.TopicPreview__txtPrimary,.Pill__pillText,.NoContent__contentDescription a, .NoContent__title,.TopicDetailLeftContainer__creatorName,.ThreadedComment__userNameType2,.TopicPreview__creatorName, .globalfixednav .CustomizeContainer__aPlus:hover,.ForgetPasswordContainer__userLink,.Captcha__captchaText,.communityDetail .description a,.articleDetail .description a,.FilterTabs__activeFilter,.ForumTabs__activeFilter,.LoginDetail__userMail .commonStyle__zt3Brand,.TopicListRightContainer__countValue,.commonStyle__zt3Brand, .CustomWidget__customDescription a {
  color: #18ADE8 !important
}
/* .AvatarText__avatarText{} */
.FileUpload__attachPin,.AvatarText__avatarText,.Button__primaryBorder, .Button__warningBorder,.Pill__pill{
  border-color: #18ADE8
}
.ProfileTabs__activeTab,
.commonStyle__zt3Brand {
  color: #18ADE8
}
.FilterPanel__filterDrop li a:not(.Link__active),
.Badge__announcement, .Badge__idea {
  color: #000
}
.AppContainer__keyBoardfocus, [data-focus-added] {
  outline: solid 3px #22D3A5 !important
}
.Button__footerBtn {
  background-color: #1c1c1c
}
/*Brand color end here */
  
/* Homepage VoC promo custom widget */
.coty_promo {
  background-color: #fff;
  border-radius: 45px;
  display: flex;
  flex-wrap: wrap;
  max-width: 960px;
  margin: 0 auto 24px;
  border: 1px solid #e9e9e9
}
.coty_promo .img_wrapper {
  width: 270px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 32px 0 32px 32px;
  display: flex
}
.coty_promo .cta_content {
  width: calc(100% - 270px);
  box-sizing: border-box;
  padding: 32px 48px 40px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center
}
.coty_promo .cta_content .content_title {
  margin: 0;
  font-weight: 600;
  font-size: 24px
}
.coty_promo .cta_content p {
  margin: 10px 0 20px
}
.coty_promo .cta_wrapper a {
  background-color: #272727;
  color: #fff;
  border-radius: 50px;
  box-sizing: border-box;
  display: inline-block;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1.3;
  padding: 12px 23px;
  text-align: center;
  text-decoration: none;
  transition: all .3s ease;
}
@media(max-width: 1024px) {
  .coty_promo .cta_content {
    padding: 25px 35px
  }
  .coty_promo .cta_content .content_title {
    font-size: 20px
  }
  .coty_promo .cta_content p {
    margin: 20px 0
  }
}
@media(max-width: 767px) {
  .coty_promo {
    max-width: 358px;
    margin-top: 32px;
  }
  .coty_promo .img_wrapper {
    width: 100%;
    border-radius: 45px;
    padding-top: 68.7%
  }
  .coty_promo .cta_content {
    padding: 24px;
    order: 1;
    width: 100%;
    min-height: 1px
  }
}

/* Storylane mini play tiles */
.storylane_tile {
  max-width: 300px;
  margin: auto;
}
.storylane_tile button {
  position: relative;
  background: #000;
  border-radius: 8px;
  padding: 0;
  overflow: hidden
}
.storylane_tile .icon {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -20px 0 0 -20px;
  transition: background .25s ease
}
.storylane_tile button:hover .icon {
  background: rgba(255,255,255,.7)
}
.storylane_tile .icon i {
  color: #1c1c1c;
  z-index: 1;
  margin-left: 2px
}
.storylane_tile .icon i {
  z-index: 1;
  margin-left: 2px
}
.storylane_tile img {
  vertical-align: bottom;
  opacity: .7
}

/* Knowledge Base */
.commonStyle__zt3breadCrumbText:hover {color: #0085c0}
portal.articleSubCategory .ListHeader__kbSubcategoryImg,
portal.articleSubCategory .ListHeader__listIcon2,
portal.articleSubCategory .ListHeader__description,
portal.articleSubCategory .ContentList__documentIcon {
  display : none /* header image & icons */
}
portal.articleDetail .ContentList__topicList,
portal.articleSubCategory .ContentList__topicList {padding: .2rem 0} /* compact the list */
portal.articleDetail .ContentList__topicContent,
portal.articleSubCategory .ContentList__topicContent,
portal.articleSubCategory .ContentList__moreOption {margin-left: 0} /* remove sublist indent */

/* Listings */
portal.articleList .ListHeader__listHeader3 {padding: .4rem 0}
portal.articleList .ListHeader__listIcon3 {display: none}
portal.articleList .ListHeader__header3 {margin: 0}

/* Articles */
portal.articelDetail .description img,
.ArticleDetail_description img {border: 1px solid #efefef}
portal.articelDetail .description img.noBorder,
.ArticleDetail_description img.noBorder {border: none}
#articelDetail .description img,
.ArticleDetail_description img {max-width: 100%; height: auto; border-radius: 10px; border: 2px solid #f5f5f5}
portal.articleDetail .ListHeader__listIcon1,
portal.articleDetail .ContentList__documentIcon {display : none}

/* Portal help */
.help_grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 8px}
.help_grid.webinars {grid-template-columns: repeat(2, 1fr)}
.help_grid.webinars > * {display: flex; flex-direction: column}
.help_grid.webinars > * > div {padding: 8px 14px 2px; height: 100%; display: flex; flex-direction: column}
.help_grid.webinars > * > div .title {font-size: 16px; font-weight: 700}
.help_grid.webinars > * > div .subtitle {font-size: 14px; margin: 2px 0 10px}
.help_grid.webinars > * > div .links {display: grid; gap: 0 16px; grid-template-columns: repeat(2,1fr)}
.help_grid.webinars > * > div .links + span {padding: 8px 0 0}
.help_grid.webinars > * > div .date {margin-top: auto; text-align: right}
.help_grid.demos a span:last-child {color: #212121}
.help_grid > * {border-radius: 8px; overflow: hidden; border: 1px solid #f3f3f3; padding-bottom: 8px}
.help_grid > a {transition: all .15s ease; text-decoration: none !important}
.help_grid > a:hover {border-color:#e4e4e4}
.help_grid > * img {width: 100% !important; border-radius: 0 !important; border: none !important}
.help_grid > * span {display: block; padding: 0 14px; line-height: 1.5; color: #212121}
.help_grid > * span:last-child {font-size: 13px; color: #a3a3a3}

/* Print */
@media print {
  body, html {font-family: 'Poppins', sans-serif}
  portal.articleDetail {font-family: 'Poppins', sans-serif}
  main {font-family: 'Poppins', sans-serif}
}


.commonStyle__zt3Link, .themeLink{
  color: var(--color-link) !important;
}

/* Overrides */

/* Global Elements */
.Input__searchBox{
  border-radius:50px;
  height:2.8rem;
}

.globalfixednav .aPlusIcon:hover, .Signin__userLink, .Link__link2, .Icon__hoverbrand:hover, .Icon__brand, .Comment__cmtUsrNme, .TabFilter__tab:hover, .ThreadedComment__commentContent a, .FileUpload__userLink, .AvatarText__avatarText, .TopicDetailRightContainer__commentCount>span, .TopicDetailRightContainer__followerCount>span, .TopicDetailRightContainer__viewCount>span, .Button__primaryBorder, .Button__warningBorder, .TopicPreview__txtPrimary, .Pill__pillText, .NoContent__contentDescription a, .NoContent__title, .TopicDetailLeftContainer__creatorName, .ThreadedComment__userNameType2, .TopicPreview__creatorName, .globalfixednav .CustomizeContainer__aPlus:hover, .ForgetPasswordContainer__userLink, .Captcha__captchaText, .communityDetail .description a, .articleDetail .description a, .FilterTabs__activeFilter, .ForumTabs__activeFilter, .LoginDetail__userMail .commonStyle__zt3Brand, .TopicListRightContainer__countValue, .commonStyle__zt3Brand {
    color: black !important;
}

.Footer__footerBg {
    background: #24d3a5;
}

header#headerContainer {
    padding: .8rem;
}

.Header__tabsTab {
    letter-spacing: .04rem;
    margin: 0 15px;
}

header #headerContent .Header__container .Header__searchTitle{
  font-weight:600;
}


/* KB Overview Main View Content Boxes */
main#mainContainer .KbCategory__box{
    box-shadow: 0 2px 12px rgba(0, 0, 0, .07);
    border-radius: 15px;
    border: 2px solid transparent;
  background:#fff;
}

.ContentBox__boxInnerHome {
    box-shadow: 0 2px 12px rgba(0, 0, 0, .07);
    border-radius: 15px;
    border: 2px solid transparent;
    background: #fff;
    min-height: 100%;
    margin: 0 .5rem;
    padding: 1rem;
    transition: all .3s ease;
}

main#mainContainer .KbCategory__box:hover,
.ContentBox__boxInnerHome:hover {
  border: 2px solid #24d3a5
}

main#mainContainer {
    background: linear-gradient(151deg, rgb(255 255 255) 3%, rgb(237 239 244));
}

h5.KbCategory__topic {
    line-height: 1.2rem;
}

.KbCategory__topic a{
  letter-spacing:0;
}
/* --End KB Overview-- */


/* Article View */
.Layout__oneColumn, .Layout__twoColumn, 
.Layout__twoColumn2, 
.Layout__twoColumnReverse{
  background:transparent;
}

.commonStyle__zt3breadCrumbBg{
  background:#fff;
  box-shadow: 0 2px 12px rgba(0, 0, 0, .07);
}

.Layout__layout1 {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, .07);
  padding: 2rem 2rem !important;
}

.Header__tabsTab.Header__active::after, 
.Header__tabsTab:hover::after{
    color:#24d3a5;
  bottom: -13px;
  border-bottom: .1875rem solid #24d3a5;
}


.FileUpload__attachPin, 
.AvatarText__avatarText, .Button__primaryBorder, 
.Button__warningBorder, .Pill__pill{
  border-color:black;
}


/* Reduce Overall Fontsize */
.html{
  font-size: 90%;
}

/* Search Box */
.SearchContainer__searchBoxIcon {
    top: .738rem;
    right: .625rem;
    bottom: 0;
}

/* Highlight Links in Articles and other areas */
.commonStyle__zt3Link, 
.TopicDetailLeftContainer__articleContent a span,
.articleDetail .description a
{
    color: #18ade8 !important;
}

.commonStyle__zt3Link:hover, 
.themeLink:hover, .commonStyle__zt3LinkActive, 
.commonStyle__zt3bdrLine, .DepartmentList__forums{
  color: #18ade8;
}

/* Links to remove highlighting with blue */
.KbCategory__topic a,
.ArticleListRightContainer__deskHeading,
.CommunityCategory__lineHtInit .commonStyle__zt3Link,
.ContentBox__boxInnerHome h3,
.ContentBox__boxInnerHome p,
a.Link__link.commonStyle__zt3Link.commonStyle__cursor,
a.SearchList__normal.SearchList__list.commonStyle__overflowDotted.commonStyle__zt3Link.commonStyle__cursor.commonStyle__displayBlock,
a.ContentList__listLink.commonStyle__zt3Link
{
  color: #000 !important
}

/* Pagination and Tags */
.articleList .ArticleList__pagination .commonStyle__zt3Link,
a.Tag__tagLink.commonStyle__zt3Link{
  color: var(--color-black) !important
}

.communityDetail .description a, 
.articleDetail .description a {
  color: #18ade8 !important;
  text-decoration: underline
}

/* ASAP bot */
#zohohc_web_asap {
  --zohohc_asap_web_font_family: "Poppins", sans-serif !important;
  letter-spacing: 0
}
#zohohc_web_asap *[data-id="gc-widget-question"] {
  --gc_chat_primary: #18ADE8
}
#zohohc_web_asap .zd-asap-folderbreadcrumbpopup-current__name,
#zohohc_web_asap .zd-asap-htmlviewer-contentbox a,
#zohohc_web_asap .zd_asap_hover_target:hover .zd_asap_hover_text, #zohohc_web_asap .zd_asap_hover_text:focus {
  --zohohc_asap_web_link_hover_color: #18ADE8
}
#zohohc_web_asap .zd_asap_hover_target:hover .zd_asap_hover_text, #zohohc_web_asap .zd_asap_hover_text:focus {
  --gc_chat_link: #18ADE8
}