@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
html, body {
  height: 100%; }

body {
  display: flex;
  flex-direction: column; }

.red {
  color: red; }

.green {
  color: green; }

.content {
  flex: 1; }

.homepage {
  background-image: linear-gradient(to right top, #ffffff, #fbfbfb, #f8f8f8, #f4f4f4, #f1f1f1);
  height: 100vh; }

.login-card {
  width: 50%;
  max-width: 600px;
  min-width: 385px; }

.dataTables_filter label {
  width: 100%; }
  .dataTables_filter label input[type='search'] {
    width: 100%; }

label.required::after {
  content: "*";
  /* This adds the asterisk */
  color: red;
  /* This makes it red */
  margin-left: 4px;
  /* A bit of space between label text and the asterisk */ }

/**
 * Navbar CSS
 */
/* Initial state */
nav a {
  transition: background-color 0.3s ease;
  /* This ensures the fade effect when the background color changes */
  border-radius: 5px;
  /* Rounded corners for the links */
  padding: 6px 10px;
  margin: 0 4px; }
  nav a:hover {
    background-color: gold; }
  nav a:last-child {
    margin: 0 0 0 4px; }

.pointer-cursor {
  cursor: pointer; }

html, body {
  height: 100%; }

body {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 500 !important;
  display: flex;
  flex-direction: column; }

/*# sourceMappingURL=public_styles.css.map */