.BlackAndWhite {
  -webkit-filter: grayscale(1); /* Webkit */
  filter: gray; /* IE6-9 */
  filter: grayscale(1); /* W3C */
}

.swiper-button-next,
.swiper-button-prev {
  color: #c8a964 !important;
}
.swiper-pagination-bullet-active {
  background: #c8a964 !important;
}

.toastr.animated {
  display: flex;
  align-items: center;
}
.toastr.animated .rrt-middle-container {
  width: auto !important;
  margin-right: 35px;
  margin-left: 65px !important;
}
.toastr.animated .rrt-title,
.toastr.animated .rrt-text {
  font-size: 15px !important;
}
.toastr.animated .rrt-holder {
  display: flex;
  align-items: center;
  justify-content: center;
}
.toastr.animated .close-toastr {
  color: white !important;
  right: 10px !important;
}

::-webkit-calendar-picker-indicator {
  filter: invert(1);
}

.swiper {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}

.swiper .swiper-wrapper {
  margin: 0 !important;
}

.react-joyride__tooltip div div {
  padding: 5px 5px !important;
}

.react-joyride__tooltip div:nth-child(2) {
  margin-top: 0px !important;
}

.amount_label label {
  font-size: 0.85rem !important;
  width: 100% !important;
  text-align: center !important;
}

.amount_label div input {
  width: 100% !important;
  text-align: center !important;
}

.amount_label label.MuiInputLabel-shrink {
  transform: translate(0, 1.5px) scale(1) !important;
  transform-origin: top left;
  font-size: 0.75rem !important;
}

.account_label label {
  font-size: 0.85rem !important;
  width: 100% !important;
  text-align: center !important;
}

.account_label div input {
  width: 100% !important;
  text-align: center !important;
}

.account_label label.MuiInputLabel-shrink {
  transform: translate(0, 1.5px) scale(1) !important;
  transform-origin: top left;
  font-size: 0.75rem !important;
}