:root {
  --primary: #FEA45A;
  --secondary: #e36159;
  --tertiary: #2baab1 ;
  --quaternary: #4D5154;
}

/* width */
::-webkit-scrollbar {
    width: 7px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: transparent;
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: var(--primary);
    border-radius: 10px;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: var(--secondary) ;
    transition: all ease 0.3s;
  }

.text-pink {
    color: rgb(232, 156, 229);
}
.header-btn-collapse-nav {
    display: none !important;
}
.side-header  {
    overflow-y: scroll;
    
}

.popover {
  font-size: 11px;
  z-index: 9999999999999999999999;
  font-family: 'Poppins';
}

.shape-divider svg {
  background: linear-gradient(45deg, var(--primary), var(--secondary))
}
html .btn-primary {
  background-color: var(--tertiary);
  border: var(--tertiary);
}
html .btn-primary:hover,
html .btn-primary:focus {
  background-color: var(--secondary) !important;
  border: var(--secondary) !important;
}

html .btn-primary.disabled:not(.bg-transparent), html .btn-primary:disabled:not(.bg-transparent) {
  background-color: var(--secondary) !important;
  border: var(--secondary) !important;
}

.custom-svg-fill-color-tertiary {
  fill:var(--tertiary);
  fill: transparent;
}
#mainNav a:hover,
#mainNav a:focus,
#sidebar a:hover,
#sidebar a:focus,
#sidebar a.active,
#user-area a:hover,
#user-area a:focus {
  color: var(--primary) !important;
  transition: all ease 0.3s;
}

#short_description ~ p, #short_description ~ ul,
#description ~ p, #description ~ ul,
#syntax ~ pre {
  word-break: break-word;
}

#short_description ~ p u,
#description ~ p u,
#description ~ table u,
#description ~ ul li u{
  background: #f2f1f1;
  padding: 2px 6px;
  text-decoration: none;
  color: #212529;
  font-family: monospace;
}

#parameters ~ h2 {
  font-size: 20px;
    font-weight: 600;
    margin-bottom: 0px;
}

#description ~ ul {
  padding-left: 50px;
}

/*SIDEBAR ANCHOR*/
.sideAnchor li{
  border-left: 3px solid #99999976 !important;
}
.sideAnchor li:hover, 
.sideAnchor li:focus,
.sideAnchor li:target,
.sideAnchor li:active
 {
    border-left: 3px solid var(--primary) !important;
    transition: all ease 0.3s;
}