@import 'common.css';
@import 'matrix.css';
@import 'levels.css';

:root {
  --custom-font-color: #455a64;
  --accent-blue-color: #1e88e5;
  --white-color: white;
  --button-color: #83AAC2;
}

ngx-dropzone-remove-badge {
  opacity: 1 !important;
}

body,
.custom-select2 .select2-container--default .select2-selection--single .select2-selection__rendered,
.sidebar-nav > ul > li > a i,
.sidebar-nav ul li a,
.page-titles .breadcrumb .breadcrumb-item.active,
.form-control,
.sidebar-nav ul li.nav-small-cap {
  color: var(--custom-font-color);
}

.sidebar-nav > ul > li.ng-star-inserted.active > a {
  color: var(--white-color) !important;
}

.btn.btn-inverse{
  color: var(--button-color) !important
}

.text-muted,
a.has-arrow.ng-star-inserted,
.nav-link {
  color: var(--custom-font-color) !important;
}

a.nav-link.active {
  color: var(--accent-blue-color) !important;
}

.control-label {
  font-weight: 600;
}

.form-component .control-label::first-letter {
  text-transform: capitalize;
}

th::first-letter {
  text-transform: capitalize;
}