/**
 * Defterium — SmartHR theme tokens & polish
 * https://smarthr.dreamstechnologies.com/hrm/html/index.html
 */
:root {
  --bs-primary: #F26522;
  --bs-primary-rgb: 242, 101, 34;
  --shr-primary: #F26522;
  --shr-primary-hover: #E04F16;
  --shr-soft: rgba(242, 101, 34, 0.1);
}

::selection {
  background: #F26522;
  color: #fff;
}

body {
  font-family: "Roboto", sans-serif;
}

.btn-primary {
  background-color: var(--shr-primary) !important;
  border-color: var(--shr-primary) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: var(--shr-primary-hover) !important;
  border-color: var(--shr-primary-hover) !important;
}

.text-primary { color: var(--shr-primary) !important; }
.bg-primary { background-color: var(--shr-primary) !important; }
.border-primary { border-color: var(--shr-primary) !important; }

.bg-transparent-primary {
  background-color: var(--shr-soft) !important;
}

a.link-primary,
.page-link.active,
.active > .page-link {
  color: var(--shr-primary);
}

.sidebar .sidebar-menu ul li.active > a,
#sidebar .sidebar-menu ul li.active > a {
  color: var(--shr-primary);
}

.sidebar .sidebar-menu ul li a i,
#sidebar .sidebar-menu ul li a i {
  color: var(--shr-primary);
}

.badge.bg-primary,
.badge.badge-primary {
  background-color: #F26522 !important;
  color: #fff !important;
}

.form-control:focus,
.form-select:focus {
  border-color: rgba(242, 101, 34, 0.55) !important;
  box-shadow: 0 0 0 0.2rem rgba(242, 101, 34, 0.15) !important;
}