:root{
  /* --tb-background: rgb(244, 246, 248); */
  --tb-background: #E7F6FB;
  --tb-background2: rgb(244, 246, 248);
  --tb-color: rgb(99, 115, 129);
  /* --tb-color: rgb(16 204 249); */
  --checkbox: rgb(99, 115, 129);
  --checkbox-checked: #22bb33;
  --table-radius: 16px;
  
  /* color */
  /* --primary-color: #3a7afe; */
  --primary-color: rgb(16 204 249);
  --primary-color1: 16 204 249;
  --primary-color-light: #6796f6;
  --success-color: #22bb33;
  --success-color: rgba(0, 171, 85, 1);
  --danger-color: rgba(255, 86, 48, 1);
  --backdrop-bg-color: rgb(249, 250, 251);
  --body-bg-color: rgb(249,250,251);
  --sidebar-line-color: #d7d7d7;
  --login-button-color: 33 43 54;
  /* color when hover */
  --primary-color-hover: #1460fe;
  --success-color-hover: rgba(0, 123, 85, 1);
  --danger-color-hover: #ef3347;
  --row-tb-hover: 145 158 171;
  /* button */
  --border-radius-button: 5.5px;
  --button-radius: 8px;

  /* navbar */
  /* --header-height: 3rem; */
  --header-height: 62px;
  --navbar-mini-width: 60px;
  --navbar-width: 320px;
  --topbar-button-width: 40px;

  /* --search-width: fit-content; */

  --login-logo-width: 60px;

  /* text color */
  --primary-text-color: #212B36;
  --secondary-text-color: #637381;
  --disabled-text-color: #919EAB;

}