:root {
  --dark-orange: #976242;
}

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

/* Style the label as a button */
.upload-btn {
  padding: 10px 20px;
  background-color: #4caf50;
  color: white;
  border: none;
  cursor: pointer;
  font-size: 14px;
  margin-right: 10px;
}

/* Style for the file name display */
.file-name {
  font-size: 14px;
  color: #333;
}

/* Optional: styling for the container */
.pdf-upload {
  display: flex;
  align-items: center;
  border: 10px;
}

.pattern {
  background: linear-gradient(to bottom left,
      #9e1b32 70%,
      /* Maroon color from Qatar flag */
      #ffffff 30%
      /* White color from Qatar flag */
    );
  background-position: left;
  background-size: contain;
}