#inf-widget {
  bottom: 0px;
  z-index: 999999999;
  box-shadow: 0px 0px 19px 2px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 0px 0px 19px 2px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 19px 2px rgba(0, 0, 0, 0.75);
}


.inf-widget {
  width: 570px;

}

.fullscreen {
  width: 800px !important;
}

.inf-widget .width-right {
  width: 60%;
  right: 0 !important;
  left: auto !important;
}

.inf-widget .width-left {
  width: 60%;
  left: 0 !important;
  right: auto !important;
}

#assistantHeader {
  position: relative;
  width: 100%;
  height: 100%;
}

#ri-draggable {
  z-index: 99;
  position: absolute;
  width: 35px;
  height: 35px;
  top: 14px;
  right: 80px;
  color: white;
  font-size: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#ri-fullscreen-line {
  z-index: 99;
  position: absolute;
  width: 35px;
  height: 35px;
  top: 14px;
  right: 50px;
  cursor: pointer;
  color: white;
  font-size: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
}


#ri-subtract-line {
  z-index: 99;
  position: absolute;
  width: 35px;
  height: 35px;
  top: 14px;
  right: 20px;
  cursor: pointer;
  color: white;
  font-size: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}




/* modal animation */

/* BR */
.scale-in-open-br {
  display: block !important;
  -webkit-animation: scale-in-br 0.3s ease-in both;
  animation: scale-in-br 0.3s ease-in both;
}

.scale-in-close-br {
  -webkit-animation: scale-in-br 0.3s ease-in reverse both;
  animation: scale-in-br 0.3s ease-in reverse both;
  display: none;
}

/* BL */
.scale-in-open-bl {
  display: block !important;
  -webkit-animation: scale-in-bl 0.3s ease-in both;
  animation: scale-in-bl 0.3s ease-in both;
}

.scale-in-close-bl {
  -webkit-animation: scale-in-bl 0.3s ease-in reverse both;
  animation: scale-in-bl 0.3s ease-in reverse both;
  display: block !important;
}

/* TL */
.scale-in-open-tl {
  display: block !important;
  -webkit-animation: scale-in-tl 0.3s ease-in both;
  animation: scale-in-tl 0.3s ease-in both;
}

.scale-in-close-tl {
  -webkit-animation: scale-in-tl 0.3s ease-in reverse both;
  animation: scale-in-tl 0.3s ease-in reverse both;
  display: block !important;
}

/* TR */
.scale-in-open-tr {
  display: block !important;
  -webkit-animation: scale-in-tr 0.3s ease-in both;
  animation: scale-in-tr 0.3s ease-in both;
}

.scale-in-close-tr {
  -webkit-animation: scale-in-tr 0.3s ease-in reverse both;
  animation: scale-in-tr 0.3s ease-in reverse both;
  display: block !important;
}




/* ----------------------------------------------
* ANIMATIONS
* ---------------------------------------------- */

/**
* ----------------------------------------
* animation scale-in-br
* ----------------------------------------
*/
@-webkit-keyframes scale-in-br {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
}

@keyframes scale-in-br {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
}

/**
* ----------------------------------------
* animation scale-in-tr
* ----------------------------------------
*/
@-webkit-keyframes scale-in-tr {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
}

@keyframes scale-in-tr {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
}

/**
* ----------------------------------------
* animation scale-in-tl
* ----------------------------------------
*/
@-webkit-keyframes scale-in-tl {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1;
  }
}

@keyframes scale-in-tl {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1;
  }
}

/**
* ----------------------------------------
* animation scale-in-tl
* ----------------------------------------
*/
@-webkit-keyframes scale-in-bl {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1;
  }
}

@keyframes scale-in-bl {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1;
  }
}

@media screen and (max-width: 570px) {
  .inf-widget {
    width: 100%;
    border: #ececec solid 1px;
  }

  .inf-widget .width-left,
  .inf-widget .width-right {
    width: 100%;
  }

  .version-dropdown {
    right: 50%;
    margin-right: -125px;
  }
}

.width-zero {
  width: 0px !important;
}