@font-face {
  font-family: "regularFont";
  src: url("/assets/fonts/Poppins-Regular.ttf");
  font-display: swap;
}
@font-face {
  font-family: "mediumFont";
  src: url("/assets/fonts/Poppins-Medium.ttf");
  font-display: swap;
}
@font-face {
  font-family: "semiBoldFont";
  src: url("/assets/fonts/Poppins-SemiBold.ttf");
  font-display: swap;
}
@font-face {
  font-family: "boldFont";
  src: url("/assets/fonts/Poppins-Bold.ttf");
}

.custom-button {
  cursor: pointer;
  opacity: 1;
  transition: 200ms all ease;
}
.custom-button:hover {
  opacity: 0.8;
}
.custom-button:active {
  opacity: 0.95;
}
.disabled-custom-button {
  cursor: default !important;
}
.common-input {
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  background: var(--backgroundColor);
  padding: 6px 6px;
  font-size: 12px;
}
.common-input-error {
  border: 1px solid #ff8787 !important;
  border-radius: 4px;
  background: var(--backgroundColor);
  padding: 6px 6px;
  font-size: 12px;
}
.common-input .ant-input {
  background: var(--backgroundColor);
}
:root {
  --backgroundColor: #f6f6f6;
  --whiteColor: #ffffff;
  --blackColor: #333333;
  --grayColor: #b5b5b5;
  --darkGrayColor: #707070;
  --lightGrayColor: #f0f0f0;
  --whiteGrayColor: rgb(0 0 0 / 20%);
  --blueColor: #43aae1;
  --greenColor: #9dce74;
  --lightGreenColor: #d7ebc6;
  --redColor: #ff0c00;
  --orangeColor: #f68b43;
  --yellowColor: #fac600;
  --fontBlackColor: #313131;

  --grayShadowColor: rgb(0 0 0 / 10%);

  /* --primaryFont: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; */
}
.custom-shadow {
  box-shadow: 0 0 15px 0 var(--grayShadowColor);
}
::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--grayColor);
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--grayColor);
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: var(--grayColor);
}