:root {
  --primary: #5580e5;
  --secondary: #1a40a0;
  --tertiary: #183f72 ;
  --quaternary: #383f48;
}

/* width */
::-webkit-scrollbar {
    width: 7px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: transparent;
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: var(--tertiary);
    border-radius: 10px;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: var(--secondary) ;
  }

.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;
}