/*
$primaryColor: #3b3989;
$primaryColorDark: #262557;
$primaryColorLight: #4947ad;
*/
body.materialize {
  /*.floating-box-wrapper {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }*/ }
  body.materialize .floating-box {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 5px;
    z-index: 9999;
    overflow-x: visible;
    overflow-y: auto;
    background-color: #fff;
    color: black;
    /*&:before {
      content: '';
      display: block;
      position: absolute;
      top: 10px;
      right:-7px;
      width: 10px;
      height: 10px;
      background: #FFFFFF;
      border-right:1px solid #CAD5E0;
      border-bottom:1px solid #CAD5E0;
      -moz-transform:rotate(-45deg);
      -webkit-transform:rotate(-45deg);
    }*/ }
    body.materialize .floating-box .header {
      padding: 0px;
      border-radius: 5px 5px 0 0;
      background-color: #007d6e; }
    body.materialize .floating-box .body {
      overflow-x: auto; }
    body.materialize .floating-box.pinned {
      z-index: 9997;
      position: absolute !important;
      border: 3px dashed #009688; }
  body.materialize .floating-arrow-indicator {
    display: none;
    position: absolute;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    z-index: 9998; }
    body.materialize .floating-arrow-indicator.arrow-right {
      border-left: 10px solid #009688; }
      body.materialize .floating-arrow-indicator.arrow-right.pinned {
        margin-left: 6px; }
    body.materialize .floating-arrow-indicator.arrow-left {
      border-right: 10px solid #009688; }
      body.materialize .floating-arrow-indicator.arrow-left.pinned {
        margin-right: 6px; }
    body.materialize .floating-arrow-indicator.pinned {
      z-index: 9996;
      position: absolute !important; }
  body.materialize.dark .floating-box {
    background-color: #272727;
    color: white; }