@import url("open-iconic/font/css/open-iconic-bootstrap.min.css");
html, body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1:focus {
  outline: none;
}

a, .btn-link {
  color: #0071c1;
}

.btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.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;
}

.content {
  padding-top: 1.1rem;
}

.valid.modified:not([type=checkbox]) {
  outline: 1px solid #26b050;
}

.invalid {
  outline: 1px solid red;
}

.validation-message {
  color: red;
}

#blazor-error-ui {
  background: lightyellow;
  bottom: 0;
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
  display: none;
  left: 0;
  padding: 0.6rem 1.25rem 0.7rem 1.25rem;
  position: fixed;
  width: 100%;
  z-index: 1000;
}

#blazor-error-ui .dismiss {
  cursor: pointer;
  position: absolute;
  right: 0.75rem;
  top: 0.5rem;
}

.bm-container {
  z-index: 1101 !important;
}

header .btn-link {
  color: #fff;
}

.mud-table-container thead > tr, .mud-table-container thead > tr > th {
  background: #F5F5F5 !important;
  font-weight: bold !important;
  cursor: pointer;
}

.table-row:hover .row-option {
  display: flex;
}

.table-row {
  position: relative;
}

.row-actions {
  position: relative;
}

div .row-action-buttons-container {
  position: absolute;
  top: 6px;
  right: 0;
  display: none;
}

tr:hover div.row-action-buttons-container {
  display: inline-flex;
  align-items: center;
  z-index: 999;
  background-color: #F5F5F5;
}

/*tab*/
.nav-link {
  padding: 10px 18px;
  min-height: 48px;
  display: inline-flex;
  font-weight: 500;
  font-size: 16px;
  color: rgb(17, 14, 45) !important;
}

.nav-link.active {
  background-color: rgb(255, 64, 129) !important;
  color: white !important;
}