.toasts {
  bottom: 1em;
  left: 1em;
  position: fixed;
}
.toasts .floatingText {
  background-color: #212121;
  border-radius: 0.19em;
  color: #FFF;
  display: inherit;

  font-size: 0.8em;
  font-weight: 300;
  min-width: 15em;
  padding: 1em 2em;
  position: relative;
  text-align: left;
}

.floatingContainer {
  bottom: 1em;
  position: fixed;
  right: 1em;
}
.floatingContainer:hover .subActionButton {
  transition: opacity 1.2s;
}
.floatingContainer:hover .subActionButton + .subActionButton {
  transition: opacity 0.8s;
}
.floatingContainer:hover .subActionButton + .subActionButton + .subActionButton {
  transition: opacity 0.4s;
}

.actionButton {
	content:'\f055';
  background-color: #68dff0;
  border-radius: 50%;
  width: 55px;
  height: 55px;
  position: relative;
  z-index: 1000;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
}
.actionButton .floatingText {
  color: #FFF;
  display: none;

  position: absolute;
  top: -.2em;
  right: 3.5em;
  min-width: 10em;
  text-align: right;
}
.actionButton .floatingText.show {
  display: inherit;
}
.actionButton .floatingTextBG {
  padding: 0.2em 0.5em;
  background-color: rgba(33, 33, 33, 0.8);
  border-radius: .3em;
}
.actionButton.display {
  display: inherit;
}
.actionButton:before {
  content:'+';
  color: #333;
  position: absolute;
 text-align:center;

 margin:20px;
 margin-top:12px;
  font-size: 1.8em;
  font-weight: 400;

  /*transform: rotate3d(0, 0, 1, -180deg);
  transition: content 0.4s, transform 0.4s, opacity 0.2s;*/
}
/*.actionButton:after {
	content:'+';
  color: #333;
  position: absolute;
 text-align:center;

 margin:20px;
 margin-top:12px;
  font-size: 1.8em;
  font-weight: 400;

  transform: rotate3d(0, 0, 1, -180deg);
  transition: content 0.4s, transform 0.4s, opacity 0.4s;
}*/
/*.actionButton.open::before {
  transform: rotate3d(0, 0, 1, 0deg);
  opacity: 0;
}
.actionButton.open::after {
  transform: rotate3d(0, 0, 1, 0deg);
  opacity: 1;
}
*/.actionButton:hover {
  background-color: #4FC6D7;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.14), 0 8px 16px rgba(0, 0, 0, 0.28);
}
input[type=file] {
    display:block;
    height:0;
    width:0;
}
.subActionButton {
  background-color: #68dff0;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  margin-bottom: .6em;
  margin-left: .7em;
  opacity: 0;
  position: relative;
  z-index: 1000;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
}
.subActionButton:hover {
  background-color: #4FC6D7;
}
.subActionButton i {
  color: #333;
  padding: 9px 10px;
  font-size: 18px;
  transform: rotate(38deg);
}
.subActionButton .floatingText {
  position: absolute;
  top: -.6em;
  right: 2.5em;
  min-width: 10em;

  color: #FFF;
  text-align: right;
  opacity: 0;
  transition: opacity 0.4s;
}
.subActionButton .floatingText.show {
  opacity: 1;
}
.subActionButton .floatingTextBG {
  padding: 0.2em 0.5em;
  background-color: rgba(33, 33, 33, 0.8);
  border-radius: .3em;
}
.subActionButton.display {
  opacity: 1;
}
.subActionButton:before {
  margin-top: .0em;
  margin-left: .0em;
  font-size: 1.2em;

  position: absolute;
  color: #FFF;
}
.subActionButton.person:before {
  content: '\f0c0';
  margin-top: .3em;
  margin-left: .3em;
}
.subActionButton.mapMarker:before {
  padding: 10px;
}
.subActionButton.note:before {
  content: '\f044';
  margin-top: .4em;
  margin-left: .45em;
}
.subActionButton:hover {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.14), 0 8px 16px rgba(0, 0, 0, 0.28);
}

.fileButton {
	color: #f2f2f2;
	font-size: 14px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #64c3c2 !important;
	background: #68dff0;
	width:50%;
}
#fileImportButton {
        width: 100%;
    }