html {
  font-size: 14px;
}

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

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}

@media (min-width: 300px) {
    .row-cols-sm-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-sm-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-sm-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .row-cols-sm-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-sm-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-sm-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }

    .row-cols-sm-7 > * {
        flex: 0 0 auto;
        width: 14.2857142857%;
    }

    .row-cols-sm-8 > * {
        flex: 0 0 auto;
        width: 12.5%;
    }
}

@media (min-width: 768px) {
    .row-cols-md-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-md-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-md-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .row-cols-md-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-md-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-md-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }

    .row-cols-md-7 > * {
        flex: 0 0 auto;
        width: 14.2857142857%;
    }

    .row-cols-md-8 > * {
        flex: 0 0 auto;
        width: 12.5%;
    }
}


/* wwwroot/css/site.css */
.row-cols-7 > * {
    flex: 0 0 auto;
    width: 14.2857142857%;
}

.row-cols-8 > * {
    flex: 0 0 auto;
    width: 12.5%;
}

@media (min-width: 576px) {
    .row-cols-sm-7 > * {
        flex: 0 0 auto;
        width: 14.2857142857%;
    }

    .row-cols-sm-8 > * {
        flex: 0 0 auto;
        width: 12.5%;
    }
}

@media (min-width: 768px) {
    .row-cols-md-7 > * {
        flex: 0 0 auto;
        width: 14.2857142857%;
    }

    .row-cols-md-8 > * {
        flex: 0 0 auto;
        width: 12.5%;
    }
}

@media (min-width: 992px) {
    .row-cols-lg-7 > * {
        flex: 0 0 auto;
        width: 14.2857142857%;
    }

    .row-cols-lg-8 > * {
        flex: 0 0 auto;
        width: 12.5%;
    }
}

@media (min-width: 1200px) {
    .row-cols-xl-7 > * {
        flex: 0 0 auto;
        width: 14.2857142857%;
    }

    .row-cols-xl-8 > * {
        flex: 0 0 auto;
        width: 12.5%;
    }
}

@media (min-width: 1400px) {
    .row-cols-xxl-7 > * {
        flex: 0 0 auto;
        width: 14.2857142857%;
    }

    .row-cols-xxl-8 > * {
        flex: 0 0 auto;
        width: 12.5%;
    }
}