/* Regular */
@font-face {
  font-family: "Source Code Pro";
  src: url("/static/SourceCodePro-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

/* Bold */
@font-face {
  font-family: "Source Code Pro";
  src: url("/static/SourceCodePro-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

/* Italic */
@font-face {
  font-family: "Source Code Pro";
  src: url("/static/SourceCodePro-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}

/* Bold Italic */
@font-face {
  font-family: "Source Code Pro";
  src: url("/static/SourceCodePro-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}

/* ExtraLight */
@font-face {
  font-family: "Source Code Pro";
  src: url("/static/SourceCodePro-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}

/* ExtraLight Italic */
@font-face {
  font-family: "Source Code Pro";
  src: url("/static/SourceCodePro-ExtraLightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}

#recordsInfo {
  background: #f8f9fa;
  padding: 6px 12px;
  border-radius: 4px;
  border: 1px solid #e9ecef;
  font-weight: 500;
}

#recordsInfo i {
  color: #6c757d;
}

@media (max-width: 768px) {
  .card-footer {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .card-footer .float-left,
  .card-footer .float-right {
    float: none !important;
    text-align: center;
  }
}

.small-box {
  cursor: pointer;
  transition: box-shadow 0.3s ease, border-color 0.3s ease;
  border: 2px solid transparent;
}

.small-box:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  border-color: rgba(0, 123, 255, 0.6);
}

.load-page {
  cursor: pointer;
}