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

.table{
    vertical-align: middle;
}

footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px;
}

.container {
    max-width: 1600px;
    margin: 0 auto;
}

/* CowControl Page */
.history-btn {
    color: #0000EE;
}

.history-btn:visited {
    color: #551A8B;
}

/* Alert Component CSS */
.alert-service {
    position: absolute;
    width: fit-content;
    right: 0.5rem;
    top: 4rem;
}

    .alert-service:hover {
        cursor: pointer;
    }

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(-100%);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.alert {
    animation: slideIn 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}