@tailwind base;
@tailwind components;
@tailwind utilities;

body {
  font-family: 'Inter', sans-serif !important;
}

.card {
  display: inline-block;
}

.round {
  border-radius: 50% !important;
}

.grayscale {
  filter: grayscale(100%);
}

.bg-primary {
  background-color: #fff !important;
}

.btn-primary {
  background-color: #003399 !important;
  border-color: #003399 !important;
  color: white !important;
}

.navbar {
  border-radius: 0px !important;
  border: 0px;
}

.navbar-brand, a {
  color: #000 !important;
}

.shadow-md { 
  border-bottom: solid 4px;
  border-image: linear-gradient(to right, #003399 90%, #FFCC00 10%) 2;
}

.dropzone {
  border-style: dashed;
  border-color: #003399;
  border-width: 2px;
  background-color: #CCD0ED;
}

.active { 
  background-color: aliceblue !important;
  box-shadow: 0px, 4px, 6px, #000 !important;
}

input[type="file"] {
  visibility: hidden;
  position: relative;
  width: 300px;
  height: 32px;
  margin-bottom: 8px;
}

label[for='id_file'] {
  visibility: hidden;
}

.button-header {
  border: solid 2px #003399 !important;
  border-radius: 5px !important;
  text-emphasis: bold !important;
  text-size-adjust: 50% !important;
  color: #003399 !important;
  padding: 2px;
}