/* input(41,26): run-time error CSS1034: Expected closing parenthesis, found '<' */
html {
  font-size: 14px;
  position: relative;
  min-height: 100%;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}
.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

body {
  margin-bottom: 60px;
}

/* IDOT customizations */
h2 {
  font-size: 1.75rem;
}

h3 {
  font-size: 1.5rem;
}

h4 {
  font-size: 1.25rem;
}

h5 {
  font-size: 1.1rem;
}

/*
    This section makes kendo forms that use a grid layout respond better to narrow widths.
    https://docs.telerik.com/aspnet-core/html-helpers/layout/form/layout#responsive-form
*/
@media screen and (width < 768px) {
  div.k-form-layout.k-d-grid {
    display: unset;
  }
}
/* Kendo could not have possibly intended to add row-gap spacing in response to specifying gutter sizes. */
div.k-form-layout.k-d-grid {
  row-gap: 0 !important;
}

/* Suppress fieldset legends for forms that do not want them (Doing this for the sake of responsiveness) */
.k-form.unlegend .k-form-fieldset {
  margin-top: unset;
}
.k-form.unlegend .k-form-fieldset .k-form-legend {
  display: none;
}

.k-form-field:has(*[data-val-required]) .k-form-label::after {
  content: "*";
  color: #dc3545;
}

.k-drawer-item.k-selected {
  /*
      kendo default is #0d6efd  HSV 216,95,99
      RAT is $blue-700 #084298  HSV 216,95,60
  */
  background-color: rgb(7.8, 66, 151.8) !important;
}

.k-drawer-item.k-selected:hover, .k-drawer-item.k-selected.k-hover {
  /*
      kendo hover default is #0c64e4  HSV 216,95,89 (V is 90% of non-hover V)
      RAT hover would be     #073b8a  HSV 216,95,54 ($lightness: -4% gets very close)
  */
  background-color: rgb(6.8030075188, 57.5639097744, 132.3969924812) !important;
}