body {
  font-family: var(--FontFamily), "Avenir Next", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  background-color: #fff !important;
  color: var(--FontColor);
  font-size: var(--FontSize);
}

h1 {font-size: var(--H1Size) !important;}
h2 {font-size: var(--H2Size) !important;}
h3 {font-size: var(--H3Size) !important;}

h1, h2, h3 {
  color: var(--HeadingColor) !important;
}

a {
  color: var(--LinkColor);
}

.nav .open > a {
  background-color: var(--MenuActive) !important;
}

.nav .open > a:focus, .nav .open > a:active, .nav .open > a:hover {
  color: #fff;
  background-color: var(--MenuActive) !important;
}

.first-level {
  padding: 15px 15px !important;
}

.dropdown-menu {
  border: 0;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
  padding: 0;
  margin-right: 10px;
  min-width: 174px;
  border-radius: 6px;
  padding-top: 8px;
  padding-bottom: 8px;
  overflow: visible;
  transform: translate3d(0, -10px, 0);
  transition: opacity .25s, transform .25s cubic-bezier(.36, .66, .04, 1), top .25s step-end;
}

.dropdown-menu li a {
  color: #333;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
  background-color: var(--MenuHoverSub) !important;
  color: #333;
}

.dropdown-menu .fa {
  color: var(--Icons);
  margin-right: 10px;
}

#page-wrapper .page-header {
  margin: -20px -30px 15px -30px;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 20px;
}

.page-header {
  background: var(--PageHeader);
  box-shadow: 0 1px 0 rgba(0, 27, 75, .1);
  border-bottom: none;
}

ma-view-actions {
  margin-top: 20px;
}

thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td {
  font-weight: 500;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #fff;
}

th {
  border-bottom: 2px solid #e3ebf3 !important;
  padding: 10px !important;
}

td {
  height: 40px !important;
  padding: 10px !important;
  border-bottom: 1px solid #e3ebf3 !important;
}

.label-default {
  color: #777777;
  border: 1px solid #777777;
  background: none !important;
}

label {
  font-weight: 500;
}

.btn {
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}

.btn-default {
  border-color: var(--Primary) !important;
  color: var(--Primary) !important;
  padding: 10px 10px;
}

.btn-primary {
  border-color: var(--Primary) !important;
  background: var(--Primary) !important;
  color: var(--MenuText) !important;
  padding: 10px 10px;
}

.btn-xs {
  padding: 3px 10px;
}

.btn-default:hover, .btn-primary:hover {
  color: var(--MenuText) !important;
  background-color: var(--MenuActive);
}

.btn-default:hover, .btn-primary:hover {
  color: #fff !important;
  background-color: var(--LinkColor);
}

.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus,
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
  color: #fff !important;
  background-color: var(--Primary);
  box-shadow: 0 0 0 0.2rem rgba(47, 164, 231, 0.5);
}

.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus {
  color: var(--MenuText) !important;
  background-color: var(--Primary) !important;
  border-color: var(--Primary) !important;
  border-radius: 4px;
}

.pagination > li > a, .pagination > li > span {
  color: var(--Primary) !important;
  background-color: #fff !important;
  border: 1px solid #fff !important;
}

.form-control {
  border: 1px solid var(--InputBorderColor);
  background-color: var(--InputBg);
  height: var(--InputHeight);
  box-shadow: none !important;
}

.form-control:active, .form-control:focus, .form-control:active:hover, .form-control:active:focus, .form-control:active.focus, .form-control.active:hover, .form-control.active:focus, .form-control.active.focus, .open > .form-control.dropdown-toggle:hover, .open > .form-control.dropdown-toggle:focus, .open > .form-control.dropdown-toggle.focus {
  background-color: #fff;
  box-shadow: 0 0 0 0.2rem rgba(47, 164, 231, 0.5) !important;
}

.form-control {
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}

.ui-select-bootstrap .ui-select-choices-row.active > a {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: var(--Primary);
}

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
  height: var(--InputHeight) !important;
}

.input-group-btn button .glyphicon {
  top: 0px !important;
}

/* datepicker */
td.uib-day {
  padding: 0 !important;
}

td.uib-day .btn {
  border: 0 !important;
}

table.uib-daypicker {
  border: 0 !important;
}

table.uib-daypicker:focus {
  outline: none;
  border: 0;
}

table.uib-daypicker th button {
  border: 0 !important;
}

.btn-info {
  color: #fff !important;
}

/*#description {*/
/*margin-left: 34.4%;*/
/*}*/

#description .btn-group {
  margin-bottom: 10px;
}

#toolbarWC, #toolbarCC {
  height: 2.05em;
  padding-top: 4px;
}

/* Fixes Bob */
.ng-admin-type-boolean .ng-scope {
  width: 100%;
}


.navbar-default a.active {
  background-color: var(--MenuActive) !important;
}