/* Margin Utilities */
.m-0 {
  margin: 0 !important;;
}

.mt-0 {
  margin-top: 0 !important;;
}

.mb-0 {
  margin-bottom: 0 !important;;
}

.ml-0 {
  margin-left: 0 !important;;
}

.mr-0 {
  margin-right: 0 !important;;
}

.m-1 {
  margin: 4px !important;;
}

.mt-1 {
  margin-top: 4px !important;;
}

.mb-1 {
  margin-bottom: 4px !important;;
}

.ml-1 {
  margin-left: 4px !important;;
}

.mr-1 {
  margin-right: 4px !important;;
}

.m-2 {
  margin: 8px !important;;
}

.mt-2 {
  margin-top: 8px !important;;
}

.mb-2 {
  margin-bottom: 8px !important;;
}

.ml-2 {
  margin-left: 8px !important;;
}

.mr-2 {
  margin-right: 8px !important;;
}

.m-3 {
  margin: 16px !important;;
}

.mt-3 {
  margin-top: 16px !important;;
}

.mb-3 {
  margin-bottom: 16px !important;;
}

.ml-3 {
  margin-left: 16px !important;;
}

.mr-3 {
  margin-right: 16px !important;;
}

/* Padding Utilities */
.p-0 {
  padding: 0 !important;;
}

.pt-0 {
  padding-top: 0 !important;;
}

.pb-0 {
  padding-bottom: 0 !important;;
}

.pl-0 {
  padding-left: 0 !important;;
}

.pr-0 {
  padding-right: 0 !important;;
}

.p-1 {
  padding: 4px !important;;
}

.pt-1 {
  padding-top: 4px !important;;
}

.pb-1 {
  padding-bottom: 4px !important;;
}

.pl-1 {
  padding-left: 4px !important;;
}

.pr-1 {
  padding-right: 4px !important;;
}

.p-2 {
  padding: 8px !important;;
}

.pt-2 {
  padding-top: 8px !important;;
}

.pb-2 {
  padding-bottom: 8px !important;;
}

.pl-2 {
  padding-left: 8px !important;;
}

.pr-2 {
  padding-right: 8px !important;;
}

.p-3 {
  padding: 16px !important;;
}

.pt-3 {
  padding-top: 16px !important;;
}

.pb-3 {
  padding-bottom: 16px !important;;
}

.pl-3 {
  padding-left: 16px !important;;
}

.pr-3 {
  padding-right: 16px !important;;
}
#loom-companion-mv3{
  display: none;
}

.zoom {
  transition: transform .2s; /* Animation */
  margin: 0 auto;
}

.zoom:hover {
  transform: scale(2); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  z-index: 999;
}

.input-container {
  text-align: center;
  margin: 20px auto 20px;
}
#zoomOutput {
  min-width: 40px;
  display: inline-block;
  text-align: left;
}

/* Zoom css */
.zoom-area
{
  width: 500px;
  max-width: 90%;
  margin: 50px auto;
  position: relative;
  cursor: none
}
/* for create magnify glass */
.large
{
  width: 250px;
  height: 250px;
  position: absolute;
  border-radius: 100%;

  /* for box shadow for glass effect */
  box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 
    0 0 7px 7px rgba(0, 0, 0, 0.25), 
    inset 0 0 40px 2px rgba(0, 0, 0, 0.25);

  /*for hide the glass by default*/
  display: none;
}
.small
{
  display: block;
}
.shareLink{
  color: black;
  font-size: 30px;
  margin-left: 20px;
}
.ticker-active li {
  width: 100% !important;
}
@media only screen and (max-width: 575px) {
  .m-mrg-top{
    margin-top: 50px;
  }
}