@font-face {
  font-family: "Quicksand";
  src:
    url("../fonts/Quicksand-Regular.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Quicksand-Regular.woff") format("woff"),
    url("../fonts/Quicksand-Regular.ttf") format("truetype"),
    url("../fonts/Quicksand-Regular.svg#Quicksand-Regular") format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Quicksand";
  src:
    url("../fonts/Quicksand-Medium.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Quicksand-Medium.woff") format("woff"),
    url("../fonts/Quicksand-Medium.ttf") format("truetype"),
    url("../fonts/Quicksand-Medium.svg#Quicksand-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Quicksand";
  src:
    url("../fonts/Quicksand-Bold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Quicksand-Bold.woff") format("woff"),
    url("../fonts/Quicksand-Bold.ttf") format("truetype"),
    url("../fonts/Quicksand-Bold.svg#Quicksand-Bold") format("svg");
  font-weight: 700;
  font-style: normal;
}

body {
  background-color: #ffffff;
  font-family: "Quicksand", sans-serif !important;
  /* font-weight: 500; */
  /* font-size: 14px; */
  color: #212121;
}

.vivify {
  -webkit-animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
  animation-duration: 0.8s;
  animation-fill-mode: both;
}

.flipInY {
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}

@keyframes flipInY {
  from {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg) scale3d(1.2, 1.2, 1.2);
    transform: perspective(400px) rotateY(90deg) scale3d(1.2, 1.2, 1.2);
  }

  50% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transform: perspective(400px) rotateY(-20deg) scale3d(1, 1, 1);
    transform: perspective(400px) rotateY(-20deg) scale3d(1, 1, 1);
  }

  to {
    -webkit-transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1);
    transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1);
  }
}

/*  */

.wrap-table table thead th {
  z-index: 1;
}
.wrap-table table tfoot td {
  position: sticky;
  bottom: 0;
  background-color: var(--primary-color);
  color: rgb(222, 235, 255);
}
.react-datepicker-popper {
  z-index: 2 !important;
}