@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Display:wdth,wght@87.5,400;87.5,600&display=swap');

:root {
  --color-blue0-100: rgba(0, 38, 117, 1);
  --color-blue0-50: rgba(128,147,186,1);
  --color-blue0-10: rgba(230,233,241,1);
  --color-blue0-5: rgba(242,244,248,1);
  --color-blue1-100: rgba(10,10,64,1);
  --color-blue3-100: rgba(0,105,191,1);
  --color-blue3-10: rgba(230,240,249,1);
  --color-blue3-5: rgba(242,248,252,1);
  --color-blue4-100: rgba(0, 171, 245, 1);
  --color-turquoise-100: rgba(0, 238, 238, 1);
  --color-white-100: rgba(255, 255, 255, 1);

  --color-turquoise-100: rgba(0,238,238,1);
  --color-accent-green-100: rgba(0,255,0,1);
  --color-accent-pink-100: rgba(255,0,255,1);

  --color-status-success-100: rgba(25, 128, 56, 1);
  --color-status-success-10: rgba(232, 242, 235, 1);
  --color-status-error-100: rgba(218, 30, 40, 1);
  --color-status-error-10: rgba(251, 233, 234, 1);
  --color-status-warning-100: rgba(241, 194, 27, 1);
  --color-status-warning-10: rgba(254, 249, 232, 1);
  --color-status-information-100: rgba(0, 67, 206, 1);
  --color-status-information-10: rgba(230, 236, 250, 1);
  --color-status-off-100: var(--color-grey-100);

  --transition-duration: .4s;
}

.body {
  background: var(--color-blue0-5);
  color: var(--color-blue0-100);
  font-family: 'Noto Sans Display', sans-serif;
}
a {
  transition: all var(--transition-duration);
}
.Header__defaultContent .Header__headerBg,
.Header__homeNavbarFixed .Header__searchSubCont {
  background: radial-gradient(59.68% 59.68% at 20.05% 20.14%,var(--color-blue0-100) 33.33%,var(--color-blue1-100) 100%);
}
.Header__homeNavbarFixed .Header__searchSubCont {
  /*background-image: url(https://desk.zoho.com/portal/api/customThemes/472186000029595218/images/997972000000093036?portalId=edbsn6db2927348a59d60a8758156a1f76e2730d8e49ca26e16cb22bdec237cfe2cad);
  background-position: 100% 45%;*/
}
.Header__containerLi {
  background-color: var(--color-turquoise-100);
  border-radius: 0;
  color: var(--color-blue0-100);
  transition: all var(--transition-duration);
}
.Header__containerLi:hover {
  background-color: var(--color-blue4-100);
}
.Header__containerLink {
  transition: all var(--transition-duration);
}
.Header__containerLink:hover {
  color: var(--color-white-100);
}
.Header__nav,
.Header__localeTab,
.Header__signinout {
  font-size: 0.875rem;
}

ul.Header__signinout {
  border: none;
  display: inline-block;
  margin: 0;
  padding: 15px 0;
  list-style: none;
}
ul.Header__signinout>li {
  display: inline-block;
}
.LoginDetail__signup {
  display: none;
}
.LoginDetail__signup, 
.LoginDetail__signin {
  padding: 0;
  border: none;
  margin: 0;
}
.Header__localeTab {
  float: right;
  padding: 15px 0;
  border-bottom: none;
}
.Header__nav a:hover,
.BreadCrumbs__breadcrumbList a:hover {
  color: var(--color-turquoise-100);
}
.ArticleDetailLeftContainer__kbTitle {
  /* box-shadow: rgb(0 238 238) 0px 0.48rem 0px 0px; */
  color: var(--color-blue0-100);
  display: inline-block;
  font-size: 2.4rem;
  /* flex: none; */
  line-height: 1.25;
  margin-bottom: 1.5rem;
  text-decoration-color: #0EE;
  text-decoration-line: underline;
  text-decoration-thickness: 6.4px;
}
.primary,
.Button__primary {
  background-color: var(--color-turquoise-100);
  border-radius: 0;
  color: var(--color-blue0-100);
  font-size: 0.875rem;
  font-weight: 600;
  transition: all var(--transition-duration);
}
.primary:hover,
.Button__primary:hover {
  background-color: var(--color-blue4-100);
  color: var(--color-white-100);
}
p {
  margin: 0 0 1.25rem 0;
}
h1 {
  font-size: 2rem;
}
h2 {
  margin-bottom: 0.25rem;
}
::selection {
  background: var(--color-turquoise-100);
  color: var(--color-blue0-100);
}
portal a {
  color: var(--color-accent-pink-100);
  text-decoration: none;
}
portal a:hover {
  text-decoration: underline;
}
portal a.Header__link,
portal a.LoginDetail__tabLink,
portal a.LoginDetail__userLink {
  text-decoration: none;
}
portal a.Header__link:hover,
portal a.LoginDetail__tabLink:hover,
portal a.LoginDetail__userLink:hover {
  color: var(--color-turquoise-100);
  text-decoration: none;
}
.description a {
  color: var(--color-blue0-100);
  transition: all 0.2s;
}
.description a:hover {
  background: var(--color-turquoise-100);
  color: var(--color-blue0-100);
}
.Signin__details .commonStyle__link {
  color: var(--color-accent-pink-100);
}
.Header__logoPart a:hover {
  text-decoration: none;
}
.Header__logotxt {
  font-size: 1.2rem;
}
.Header__menuList {
  font-size: 1rem;
}
.Header__menuList a {
  padding: 0.25rem 0;
}
.Header__menuList:not(.Header__navactive):hover {
  border-bottom-color: transparent;
}
.Header__menuList.Header__navactive:hover {
  border-bottom-color: var(--color-turquoise-100);
}
.CustomWidgets__widgetTitle,
.ArticlesContainer__title {
  color: var(--color-blue0-100);
}
.SearchBox__searchpart input {
  border-radius: 0;
  color: var(--color-blue0-100);
  font-size: 1.25rem;
  height: 3rem;
  padding: 0.5rem 1rem;
}
.SearchBox__searchpart input::placeholder {
  color: var(--color-blue0-50);
  font-size: 1.25rem;
}


div > .KB_New_Editor_Highlights {
  font-size: 0.875rem;
  padding: 1rem 1rem 1rem 2.5rem;
  line-height: 1.25rem;
  width: 100%;
}
div > .KB_New_Editor_Highlights > img {
  left: 1rem;
  top: 1rem;
  width: 1rem;
}
div > .KB_New_Editor_Highlights h3 {
  font-size: 0.875rem;
  margin: 0;
}
.ArticleDetailLeftContainer__wrapper a {
  color: var(--color-blue0-100);
  text-decoration: underline;

}
.ArticleDetailLeftContainer__contents p.ArticleDetailLeftContainer__description {
  line-height: 1.5;

}
.ArticleDetailLeftContainer__box table.plainColor {
  border-color: var(--color-blue0-100) !important;
  table-layout: auto;
}
.ArticleDetailLeftContainer__box table.plainColor tr td {
  border-color: var(--color-blue0-100);
  padding: 4px;
}
.ArticleDetailLeftContainer__box table.plainColor tr:first-of-type td {
  background-color: var(--color-blue0-100);
  color: var(--color-white-100);
  font-weight: 700;
}
.CustomizeContainer__aPlus,
.ArticleDetailLeftContainer__prinExp,
.ArticleCmd__socialShareLt {
  display: none;
}
.KBSubCategoryContainer__boxView {
  border-color: transparent;
  box-shadow: none;
}
.ModuleItem__moduleItem,
.ModuleItem__moduleListItem,
.ArticlesContainer__articleListWidget,
.ArticleDetailLeftContainer__box, 
.ArticleDetailLeftContainer__cmdBox,
.Signin__details {
  border-color: var(--color-blue0-5);
  transition: var(--transition-duration) all;
}
.ModuleItem__moduleItem:hover,
.ModuleItem__moduleListItem:hover {
  background-color: var(--color-blue3-5);
}
.ModuleItem__moduleDescription,
.List__postdet li,
.ModuleItem__moduleCount,
.Signup__descriSingn {
  color: var(--color-blue0-50);
}

.Tag__dettag, 
.Tag__tagAdded {
  border: none;
  border-radius: 0;
}
.Tag__tagAdded .Tag__tagLink, 
.Tag__tagAdded .Tag__tagText {
  background-color: var(--color-blue0-10);
  border: none;
  border-radius: 0;
  color: var(--color-blue0-100);
  font-size: 14px;
  padding: 2px 8px 2px 8px;
  text-decoration: none;
}
.Tag__tagAdded .Tag__tagLink:hover, 
.Tag__tagAdded .Tag__tagText:hover {
  color: var(--color-blue0-100);
  text-decoration: none;
}
.Tag__tagAdded .Tag__tagLink:active, 
.Tag__tagAdded .Tag__tagText:active {
  background-color: var(--color-blue3-100);
  color: var(--color-white-100);
}
.Footer__footer {
  background: none;
  background-color: var(--color-blue1-100);
  border: none;
  color: var(--color-white-100);
  font-size: 1rem;
  margin-top: 1rem;
  padding: 3rem 0;
  text-align: left;
}
.Footer__links {
  display: block;
  flex-wrap: wrap;  
  margin: 0 auto;
  max-width: 1140px;
}
.Footer__col {
  flex: 1 0;
  margin-left: 0;
  margin-bottom: 3rem;
  max-width: 100%;
  padding: 0 1rem;
  width: 100%;
}
.Footer__footerLink {
  line-height: 2;
}
.Footer__footerLink:hover {
  text-decoration: none;
}
.Footer__title {
  color: var(--color-white-100);
  font-weight: 600;
  margin-bottom: 1rem;
}
.footer-logo {
  margin: 2rem 0 0 0;
  text-align: center;
}
.Footer__items {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}
.Footer__item {
  margin-top: 0;
}
.Header__overlayresponav,
.Header__cdstretchynav .Header__stretchynavbg {
  background: var(--color-accent-pink-100);;
}

@media (min-width: 769px) {
  .KBSubCategoryContainer__boxView {
    display: grid;
    grid-template-columns: auto auto;
    gap: 10px;
    border: none;
    box-shadow: none;
  }
  .KBSubCategoryContainer__boxView .ModuleItem__moduleItem {
    /*border: 1px solid var(--color-blue0-5);*/
    /*box-shadow: 0 3px 8px 0 rgb(0 0 0 / 3%);*/
    border: none;
  }
  .KBSubCategoryContainer__boxView .ModuleItem__kbSubcategoryImg {
    margin-right: 0.9375rem;
  }
  .KBSubCategoryContainer__boxView .Avatar__medium {
    height: 4rem;
    width: 4rem;
  }
  ul.Header__signinout {
    float: right;
  }
  .LoginDetail__signup, 
  .LoginDetail__signin {
    margin: 0 0.625rem;
  }
  .LoginDetail__signup {
    display: list-item;
  }
  .Footer__links {
    display: flex;
  }
}
@media (max-width: 48rem) {
  .Header__homeNavbarFixed .Header__searchLink {
    background-color: var(--color-blue0-100);
    background-image: url(https://desk.zoho.com/portal/api/customThemes/472186000029595218/images/997972000000093036?portalId=edbsn6db2927…);
    background-position: 100% 45%;
  }
}
@media only print {
  .BreadCrumbs__breadcrumbsView {
    max-width: 100%;
    float: left;
  }
  .Header__searchSubCont,
  .Layout__layout2,
  .Pagination__footerNav,
  .AppContainer__arrowShow {
    display: none;
  }
  .Layout__twoColumn .Layout__layout1 {
    width: 100%;
  }
  .Header__titleSearchBox {
    padding-top: 16px;
  }
  .Header__banneralt {
    min-height: auto;
  }
  .ArticleDetailLeftContainer__box {
    background: none;
    box-shadow: none;
    border: none;
    overflow: inherit;
    padding: 0;
  }
  #container {
    height: auto;
  }
}