@font-face {
  font-family: "OpenSauceSans";
  src: url("OpenSauceSans-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "OpenSauceSans";
  src: url("OpenSauceSans-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "OpenSauceSans";
  src: url("OpenSauceSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "OpenSauceSans";
  src: url("OpenSauceSans-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "OpenSauceSans";
  src: url("OpenSauceSans-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: "OpenSauceSans";
  src: url("OpenSauceSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "OpenSauceSans";
  src: url("OpenSauceSans-ExtraBoldItalic.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: "OpenSauceSans";
  src: url("OpenSauceSans-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "OpenSauceSans";
  src: url("OpenSauceSans-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "OpenSauceSans";
  src: url("OpenSauceSans-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "OpenSauceSans";
  src: url("OpenSauceSans-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: "OpenSauceSans";
  src: url("OpenSauceSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

.company-distributor-card {
  background-color: #fff;
}
.ql-container {
  /* height: unset !important; */
  min-height: 100px !important;
}

.dropdown-item.active,
.dropdown-item:active {
  color: white !important;
}

@keyframes shake {
  0% {
    transform: translateX(0);
  }
  20% {
    transform: translateX(-5px);
  }
  40% {
    transform: translateX(5px);
  }
  60% {
    transform: translateX(-5px);
  }
  80% {
    transform: translateX(5px);
  }
  100% {
    transform: translateX(0);
  }
}

.shake {
  animation: shake 3s ease infinite;
}

.expiring-date-color {
  color: orange !important;
}