/* Styles for Button  */

input::placeholder {
  color: rgba(0, 0, 0, 0.25) !important;
}

.pad-15x {
  padding-left: 15px;
  padding-right: 15px;
}

.pad-15y {
  padding-top: 15px;
  padding-bottom: 15px;
}

.btn3b6 {
  border-radius: 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.btn3b6.font14 {
  font-size: 14px;
  font-weight: 600;
}

.btn3b6:hover {
  opacity: 0.8;
}

.btn3b6.h40 {
  height: 40px;
}

.btn3b6.h42 {
  height: 42px;
}

.btn3b6.h44 {
  height: 44px;
}

.btn3b6.h45 {
  height: 45px;
}
.btn3b6.h46 {
  height: 46px;
}

.btn3b6-primary {
  background-color: #3b6cd8;
  border: 1px solid rgba(125, 129, 144, 0.25);
  color: #fff;
}

.btn3b6-primaryVar {
  background-color: #fff;
  border: 1px solid #3b6cd8;
  color: #3b6cd8;
}

.toastModalOne {
  min-height: 44px;
  width: 400px;
  position: fixed;
  top: 30px;
  right: 30px;
  border-radius: 12px;
  border: 1px solid rgba(125, 129, 144, 0.25);
  overflow: hidden;
  transform: translateX(calc(100% + 30px));
  transition: all 0.6s cubic-bezier(0.68, -0.55, 0.25, 1.35);
  z-index: 100000;
}

.toastModalOne .modal-dg {
  gap: 10px;
  padding: 10px;
}

.toastModalOne.active {
  transform: translateX(0);
}

.toastModalOne .bgTSuccess {
  background: linear-gradient(
      0deg,
      rgba(51, 153, 0, 0.05) 0%,
      rgba(51, 153, 0, 0.05) 100%
    ),
    #fff;
}

.toastModalOne .bgTError {
  background: linear-gradient(
      0deg,
      rgba(204, 51, 0, 0.05) 0%,
      rgba(204, 51, 0, 0.05) 100%
    ),
    #fff;
}

.toastModalOne .bgTWarn {
  background: linear-gradient(
      0deg,
      rgba(255, 204, 0, 0.05) 0%,
      rgba(255, 204, 0, 0.05) 100%
    ),
    #fff;
}

.toastModalOne .msgTxt p {
  color: rgba(28, 29, 31, 0.8);
  font-size: 14px;
  font-weight: 500;
}