@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");
* {
  font-family: "Poppins";
}
.reset-button {
  background: none;
  color: inherit;
  border: none;
  padding: none;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}
.uk-button-grey {
  background-color: #f0f0f0;
  color: #333;
}
.uk-badge {
  border-radius: 5px !important;
  font-size: 0.9rem;
  padding: 0.8rem;
}

.uk-modal-dialog {
  border-radius: 15px !important;
}

.pmt-card {
  box-shadow: 0px 0px 50px -1px #e4e7f1 !important;
  border-radius: 14px !important;
  padding: 1.5rem;
}

.pmt-card-muted {
  background-color: #f0f1f7;
  border-radius: 5px !important;
  padding: 0.6rem;
}

.pmt-mini-title {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 0 !important;
}

.pmt-card-muted > h5 {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}

.pmt-card-title {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  color: #333333;
}
.parent-card-title {
  font-family: "Poppins";
  font-weight: 600;
  font-size: 13px;
  line-height: 27px;
  color: #191b24;
}
.pmt-nav-bg {
  background-color: #143677;
}

.nav .nav-link:not(.active) {
  color: rgba(255, 255, 255, 0.896) !important;
  font-family: "Poppins";
}

.nav .nav-link:not(.active):hover {
  color: #ffffff96 !important;
  font-family: "Poppins";
  transition: 0.3s;
}

.nav .nav-link {
  font-family: "Poppins";
  font-weight: 400;
}

.pmt-sidebar {
  height: 100%;
}

.sidebar-name {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
}

.sidebar-name-mobile {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #022964;
}

.pmt-avatar {
  border: 3px solid rgba(255, 255, 255, 0.896) !important;
}
.pmt-avatar-mobile {
  border: 2px solid rgba(255, 255, 255, 0.896) !important;
}
.pmt-nav-link,
#dropdown09 {
  color: rgba(255, 255, 255, 0.896) !important;
}

.libelle-money {
  font-family: "Poppins";
  font-weight: 300;
  font-size: 12px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.859);
  margin: 0 !important;
  margin-bottom: -0.5rem !important;
  text-align: left !important;
}

.libelle-money-mobile {
  font-family: "Poppins";
  font-weight: 300;
  font-size: 12px;
  line-height: 24px;
  color: #143677;
  margin: 0 !important;
  margin-bottom: -0.5rem !important;
  text-align: left !important;
}

.libelle-money-2 {
  font-family: "Poppins";
  font-weight: 300;
  font-size: 12px;
  line-height: 24px;
  color: #143677;
  margin: 0 !important;
  margin-bottom: -0.5rem !important;
  text-align: left !important;
}

.libelle-money-2-mobile {
  font-family: "Poppins";
  font-weight: 300;
  font-size: 12px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.859);
  margin: 0 !important;
  margin-bottom: -0.5rem !important;
  text-align: left !important;
}

.flow {
  text-align: left !important;
}

.flow-card {
  border-radius: 5px !important;
  padding: 0.3rem;
  background-color: #fff;
  width: calc(100% - 0.6rem);
}

.flow-card-grey {
  border-radius: 5px !important;
  padding: 0.3rem;
  background-color: #f5f6fa;
  width: calc(100% - 0.6rem);
}

.flow-card-mobile {
  border-radius: 5px !important;
  padding: 0.3rem;
  background-color: #143677;
  width: calc(100% - 0.6rem);
}

.btn-primary {
  background-color: #143677 !important;
  border-color: #143677 !important;
}

.items-border {
  margin: 0.2rem;
  background: linear-gradient(90deg, #bbd3ff64 0%, #c5d7f900 100%);
}

.bottom-sheet {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: -100%;
  width: 100%;
  background-color: #fff;
  box-shadow: 0px 0px 50px -0.7px #a5aabb8a;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  padding-left: 20px;
  padding-right: 20px;
  transition: all 0.3s ease-in-out;
  z-index: 999;
  height: 80%;
}

.show-bottom-sheet {
  bottom: 0;
}

#close-bottom-sheet {
  width: 80px;
  height: 5px;
  background-color: #333;
  margin: 10px auto;
  border: none;
  border-radius: 5px;
}

.bottom-sheet-content {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

.bottom-sheet-overlay {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99;
}
.bottom-sheet-overlay.fade {
  opacity: 0;
  transition: opacity 0.15s linear;
}

.show-bottom-sheet + .bottom-sheet-overlay {
  display: block;
}

.show-bottom-sheet-overlay {
  display: block;
}