@font-face {
  font-family: "Helvetica Neue";
  src: url("../fonts/Helvetica/HelveticaNeueRegular.ttf");
}
body *:not(i, .icon) {
  font-family: "Helvetica Neue", "Nunito", sans-serif !important;
}

#wrapper,
#content {
  background-color: #f7f7f7 !important;
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 0C6.716 0 0 6.716 0 15c8.284 0 15-6.716 15-15zM0 15c0 8.284 6.716 15 15 15 0-8.284-6.716-15-15-15zm30 0c0-8.284-6.716-15-15-15 0 8.284 6.716 15 15 15zm0 0c0 8.284-6.716 15-15 15 0-8.284 6.716-15 15-15z' fill='%23e8e6eb' fill-opacity='0.16' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.upload-btn-img {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.upload-btn-img input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.upload-btn-img:hover .img-thumbnail {
  opacity: 0.7;
  cursor: pointer;
}
.upload-btn-img:hover input {
  cursor: pointer;
}
.upload-btn-img .img-thumbnail {
  opacity: 1;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
  cursor: pointer;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}

.payment-card {
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.16);
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
  padding: 10px;
  display: flex;
  flex-direction: column;
  transition: box-shadow 0.2s ease;
}
.payment-card img {
  margin: 0 auto;
}
.payment-card p {
  margin: 6px 0 0 0;
}
.payment-card:hover {
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.16);
}

.invoice-card {
  margin: 5px 0;
  text-align: center;
  transition: transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  box-shadow: 0 0.1rem 0.5rem rgba(0, 0, 0, 0.15) !important;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}
.invoice-card img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  margin-bottom: 10px;
  border: 1px solid #b3b3b3;
}
.invoice-card:hover {
  transform: translateY(-3px);
}
.invoice-card .delete-invoice {
  position: absolute;
  top: -10px;
  right: -10px;
  left: 0;
  padding: 2px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.invoice-card .selected-invoice {
  position: absolute;
  top: -10px;
  right: -10px;
  left: 0;
  padding: 2px;
  height: 10px;
  width: 10px;
}

.gradient-theme {
  background-image: linear-gradient(to right, #A797C9, #8FADDB) !important;
}
.gradient-theme:hover {
  background-image: linear-gradient(to right, #998ab9, #819dc7) !important;
}

.bootstrap-select.btn-group .dropdown-menu {
  z-index: 10000000000 !important;
}