/********** Global declarations ***********/

:root {

    /********** primary colors **********/
    --primary-background: white;
    --primary-danger: #d32f2f;
    --primary-success: #2e7d32;
    --primary-success-light: #81c784;
    --primary-light: #f3f5f7;
    --primary-color: #167C85;
    --title-color: #002e5d;
    --primary-active-border: #c8ced5;
    --primary-label: rgba(0, 0, 0, 0.6);
    --primary-master: #FFD532;
    --primary-footer: #167C85;
    --primary-white: #ffffff;
    --marketplace-text: gray;
    --marketplace-publish: #f1c40f;
    --status-stepper-color: rgb(229, 246, 253);
  
    /************** primary border  theme **********/
    --primary-border: #c8ced5;
    --primary-border-radius: 5px;
    --primary-border-width: 1px;
  
    /*********** secondary colors ***********/
    --secondary-background: #E2E8F0;
    --secondary-border: #2794e3;
  
    /************** breakpoints ****************/
    --phone: 600px;
    --big-phone: 768px;
    --tablet: 992px;
    --laptop: 1200px;
  }
  .center-box  {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .text-center  {
    text-align: center;
  }
  .light-text  {
     color: var(--primary-border);
  }
  .bolder-text{
    font-weight: bolder;
  }
  .no-data-icon{
    width: 5rem;
    height: 5rem;
    color: var(--primary-color);
  }
  .error-icon{
    width: 5rem;
    height: 5rem;
    color: var(--primary-danger);
  }

  /****************** scrollbar css ******************/
::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.2);
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--primary-master);
  height: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--primary-master);

}