.fa-up-right-from-square {
  --fa: "\f35d";
}

.fa-file-invoice::before {
   content: "\f570";
}

.fa-wpforms::before {
 content: "\f298";
}
.fa-phone::before {
  content: "\f095";
}
.fa-envelope::before {
  content: "\f0e0";
}




.sfm-floating-menu {
    position: fixed;
    z-index: 9999;
}

.sfm-floating-menu.middle-right {
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}



.sfm-floating-menu a.sfm-shape-button {
    background: #000000;
    text-align: center;
    transition: background 0.3s ease;
    text-decoration: none;
    color: #FFF;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.3s ease, background-color 0.3s ease;
}

.sfm-floating-menu i {
    position: relative;
    margin: 0;
    padding: 0;
}



.sfm-floating-menu .sfm-button {
    position: relative;
    filter: drop-shadow(1px 1px 2px #333333);
	margin: 9px;
}

.sfm-floating-menu .sfm-button.sfm-edit a.sfm-shape-button {
    background: red !important;
    color: #FFF !important;
}

.sfm-floating-menu .sfm-button.sfm-edit .sfm-tool-tip a {
    background: red !important;
}


.sfm-floating-menu a.sfm-shape-button {
  color: #FFFFFF;
}
.sfm-floating-menu a.sfm-shape-button {
  background: #f81013;

}
.sfm-floating-menu a.sfm-shape-button,    .sfm-shape-button i.fa-brands {
  font-size: 16px;
  color: #FFFFFF;
}
.sfm-floating-menu a.sfm-shape-button {
  height: 50px;
  width: 50px;
}
.sfm-floating-menu a.sfm-shape-button {
  background: #1c70b8;
  text-align: center;
  transition: background 0.3s ease;
  text-decoration: none;

  color: #ffffff;
  /*height: 100%;*/
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.3s ease, background-color 0.3s ease;

}

.sfm-floating-menu a.sfm-shape-button:hover {
  background: #e5eff6;
    color: #1c70b8;
}

/*tooltip*/
.sfm-floating-menu .sfm-tool-tip {
  position: absolute;
  background: #e5eff6;
  font-size: 0.8em;
  white-space: nowrap;
 /* opacity: 0;
  visibility: hidden;*/
  display:none;
  transition: all 0.3s ease-in-out;
}

.sfm-floating-menu .sfm-button:hover .sfm-tool-tip {
    /*opacity: 1;
    visibility: visible;*/
	display: block;
}

.sfm-floating-menu.middle-right.vertical .sfm-tool-tip::after {
  border-color: transparent transparent transparent #e5eff6;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
}
.sfm-floating-menu .sfm-tool-tip::after {
  content: "";
  position: absolute;
  border-width: 0.35em;

  border-style: solid;

}


.sfm-floating-menu.middle-right.vertical .sfm-tool-tip {
  top: 50%;
  right: 100%;
  transform: translate(-20px, -50%);
}
.sfm-floating-menu  .sfm-tool-tip {
  background: #e5eff6;
}

.sfm-floating-menu  .sfm-tool-tip a {
  color: #1c70b8;
}

.sfm-floating-menu.vertical .sfm-tool-tip a {
  padding: 0.3em 0.6em;

}
.sfm-floating-menu .sfm-tool-tip a {
  letter-spacing: 0px;
}
.sfm-floating-menu .sfm-tool-tip a {
  line-height: 1.1em;
}
.sfm-floating-menu .sfm-tool-tip a {
  font-size: 1.3em;
}
.sfm-floating-menu .sfm-tool-tip a {
  text-decoration: none;

}
.sfm-floating-menu .sfm-tool-tip a {
  text-transform: none;
}
.sfm-floating-menu .sfm-tool-tip a {
  font-weight: 400;
  font-style: normal;
}
.sfm-floating-menu .sfm-tool-tip a {
  font-family: Kanit;
}
.sfm-floating-menu .sfm-tool-tip a {
 /* color: #FFF;*/
  display: block;
  line-height: 1;
  text-decoration: none;
}