/* Mankhosa Universal Form References */

.mks-form-reference-box{
  margin:18px 0 14px!important;
  padding:15px 17px!important;
  border:1px solid #d8e3dd!important;
  border-left:4px solid #d7aa3b!important;
  border-radius:11px!important;
  background:#f8fbf9!important;
  color:#153c31!important;
}
.mks-form-reference-box span,
.mks-form-reference-box small{
  display:block!important;
}
.mks-form-reference-box span{
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  color:#64766d!important;
}
.mks-form-reference-box strong{
  display:block!important;
  margin:4px 0!important;
  font-size:19px!important;
  letter-spacing:.04em!important;
  color:#0d3a30!important;
}
.mks-form-reference-box small{
  color:#64766d!important;
  font-size:12px!important;
  line-height:1.45!important;
}

.mks-reference-toast{
  position:fixed!important;
  right:18px!important;
  bottom:18px!important;
  z-index:100000!important;
  width:min(340px,calc(100vw - 36px))!important;
  box-sizing:border-box!important;
  padding:18px!important;
  border:1px solid rgba(215,170,59,.55)!important;
  border-radius:15px!important;
  background:#062a22!important;
  color:#fff!important;
  box-shadow:0 20px 55px rgba(6,42,34,.28)!important;
}
.mks-reference-toast>span,
.mks-reference-toast>small{
  display:block!important;
}
.mks-reference-toast>span{
  color:#edca6b!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
}
.mks-reference-toast>strong{
  display:block!important;
  margin:6px 0!important;
  color:#fff!important;
  font-size:20px!important;
  letter-spacing:.04em!important;
}
.mks-reference-toast>small{
  color:#dce9e2!important;
  font-size:12px!important;
}
.mks-reference-toast-close{
  position:absolute!important;
  top:7px!important;
  right:9px!important;
  width:30px!important;
  height:30px!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#fff!important;
  font-size:24px!important;
  line-height:1!important;
  cursor:pointer!important;
}
.mks-reference-copy{
  margin-top:12px!important;
  padding:8px 12px!important;
  border:0!important;
  border-radius:8px!important;
  background:#d7aa3b!important;
  color:#062a22!important;
  font-size:12px!important;
  font-weight:900!important;
  cursor:pointer!important;
}

@media(max-width:600px){
  .mks-reference-toast{
    right:12px!important;
    bottom:72px!important;
    width:calc(100vw - 24px)!important;
  }
}