:root {
  /* --tblr-body-bg: white; */
  --tblr-body-color: #011E41;
  --tblr-primary: #004987;
  --tblr-primary-rgb: 0, 73, 135;
  --tblr-muted: #636569;
  --tblr-muted-rgb: 99, 101, 105;
  --tblr-success: #47a23f;
  --tblr-danger: #AA182C;
}

.bg-gray {
  background-color: #F1F1F4 !important;
}

/* Custom button, primarily used for add time on timecard/employee view */
.btn-custom {
  background-color: #CCDBE7;
  color: #004987;
  border: none;
}

.btn-custom:hover {
  background-color: #b8ccd9;
}

/*                         */


/* Dashboard widget's css */
.badge.success {
  background-color: #CCDBE7;
  color: #004987;
}

.badge.secondary {
  background-color: #E0E0E1;
  color: #636569;
}


.badge-offline{
  background-color:#EDD1D5;
  color: #AA182C;
}

.badge-teammate {
  background-color: #CCDBE7;
  color: #004987;
}

.badge-exception {
  background-color: #FFE9B3;
  color: #996D00;
}

.card-title {
  color: #011E41;
  font-weight: bold;
}


/* table header + content overrides  */
.my-table th,
.my-table td,
table th,
table td {
    text-transform: none !important;
    font-size: 13px !important;
    color: #000 !important;
    font-weight: normal !important;
}

/* DataTables color selection */
table.dataTable tbody tr.selected > * {
    background-color: #CCDBE7 !important;
    color: #004987 !important;
    box-shadow: inset 0 0 0 9999px #CCDBE7 !important;
}

table.dataTable.hover tbody tr.selected:hover > *,
table.dataTable.display tbody tr.selected:hover > * {
    background-color: #b8ccd9 !important;
    box-shadow: inset 0 0 0 9999px #b8ccd9 !important;
}



input[type="time"].form-control {
    position: relative;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-clock' viewBox='0 0 16 16'%3E%3Cpath d='M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71V3.5z'/%3E%3Cpath d='M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px;
    padding-right: 40px;
}


input[type="time"]::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
}


.nav-column .nav-link.active,
.nav-link.active {
    background-color: #CCDBE7 !important;
    color: #041e42 !important;
    border-radius: 4px 4px 0 0 !important;
    font-weight: 700;
}