:root {
    --dt-row-selected: 13, 110, 253;
}

/* Bootstrap 4 compatibility */

.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,
.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,
.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,
.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,
.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto {
    position: relative;
    padding-right: calc(0.5 * var(--bs-gutter-x));
    padding-left: calc(0.5 * var(--bs-gutter-x));
}

.form-inline {
  display: flex;
  flex-flow: wrap;
  align-items: center;
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem;
    appearance: checkbox;
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
}

.text-right, .text-sm-right {
    text-align: right !important;
}
a {
  text-decoration:none;
}
a:hover {
  text-decoration:underline
}

.nav-link {
  display:block;
  padding:.5rem 1rem
}

.form-group {
  margin-bottom:1rem
}

.form-control:disabled, .form-control[readonly] {
    background-color: rgb(233, 236, 239);
    opacity: 1;
}

label {
    margin-bottom: 0.5rem;
}

.card {
    word-wrap: initial;
    overflow-wrap: break-word;
}

.row-b4 > *{
    padding-left: unset;
    padding-right: unset;
    width: unset;
}

.col-form-label {
    padding-top: calc(1px + 0.375rem);
    padding-bottom: calc(1px + 0.375rem);
    margin-bottom: 0px;
    font-size: inherit;
    line-height: 1.5;
}
.btn-block {
  display: block;
  width: 100%;
}
.custom-control {
  position:relative;
  z-index:1;
  display:block;
  min-height:1.5rem;
  padding-left:1.5rem;
  -webkit-print-color-adjust:exact;
  color-adjust:exact;
  print-color-adjust:exact
}
.custom-control-inline {
  display:-ms-inline-flexbox;
  display:inline-flex;
  margin-right:1rem
}
.custom-control-input {
  position:absolute;
  left:0;
  z-index:-1;
  width:1rem;
  height:1.25rem;
  opacity:0;
}
.custom-control-input:checked~.custom-control-label::before {
  color:#fff;
  border-color:#007bff;
  background-color:#007bff
}
.custom-control-input:focus~.custom-control-label::before {
  box-shadow:0 0 0 .2rem rgba(0,123,255,.25)
}
.custom-control-input:focus:not(:checked)~.custom-control-label::before {
  border-color:#80bdff
}
.custom-control-input:not(:disabled):active~.custom-control-label::before {
  color:#fff;
  background-color:#b3d7ff;
  border-color:#b3d7ff
}
.custom-control-input:disabled~.custom-control-label,
.custom-control-input[disabled]~.custom-control-label {
  color:#6c757d
}
.custom-control-input:disabled~.custom-control-label::before,
.custom-control-input[disabled]~.custom-control-label::before {
  background-color:#e9ecef
}
.custom-control-label {
  position:relative;
  margin-bottom:0;
  vertical-align:top
}
.custom-control-label::before {
  position:absolute;
  top:.25rem;
  left:-1.5rem;
  display:block;
  width:1rem;
  height:1rem;
  pointer-events:none;
  content:"";
  background-color:#fff;
  border:1px solid #adb5bd
}
.custom-control-label::after {
  position:absolute;
  top:.25rem;
  left:-1.5rem;
  display:block;
  width:1rem;
  height:1rem;
  content:"";
  background:50%/50% 50% no-repeat
}

/* Datatable */
table.dataTable{
    --bs-table-odd-bg: #ffffff;
}

table.table.dataTable > :not(caption) > *.odd > * {
  background-color: var(--bs-table-odd-bg);
}

table.table.dataTable > tbody > tr.selected > * {
    box-shadow: inset 0 0 0 9999px #efeff6;
    color: #000;
}

table.table.dataTable > :not(caption) > * > * {
  background-color: initial;
}

table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover {
    background-color: unset;
}

/* Reset back to middle - Somehow bootstrap 5 change it to vertical-align: bottom */
.table > thead {
    vertical-align: middle
}