html,
body {
  margin: 0px !important;
  padding: 0px !important;
}
#root {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}
.full-height {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}
.dashboard-card {
  min-height: 400px;
  height: 50vh;
  height: calc(var(--vh, 1vh) * 50);
}
#location-map-container {
  height: calc(calc(var(--vh, 1vh) * 100) - 200px);
}
.transaction-img {
  height: calc(calc(var(--vh, 1vh) * 100) - 600px);
  min-height: 270px;
}
.card-product-img {
  height: 240px;
  object-fit: contain !important;
}
@media screen and (max-height : 600px),
screen and (max-width : 600px) {
  #location-map-container {
    height: calc(calc(var(--vh, 1vh) * 100) - 270px);
  }
}
.centerMarker {
  position: absolute;
  background: url(https://maps.gstatic.com/mapfiles/markers2/marker.png) no-repeat;
  /*url of the marker*/
  /*center the marker*/
  top: 50%;
  left: 50%;
  z-index: 1;
  /*fix offset when needed*/
  margin-left: -10px;
  margin-top: -34px;
  /*size of the image*/
  height: 34px;
  width: 20px;
  cursor: pointer;
  transition: all .1s ease-in-out;
}
.centerMarker.on-move {
  top: calc(50% - 10px);
}
.centerMarker.on-move:after {
  content: "";
  position: absolute;
  width: 100%;
  /** el BOTTOM es el negativo, mismo que quito en TOP*/
  bottom: -10px;
  z-index: -1;
  transform: scale(.9);
  box-shadow: 0px 0px 6px 1px #000000;
}
#loading-full-message {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: #000000bd;
  z-index: 10000;
  text-align: center;
  display: none;
}


#Iframe-Liason-Sheet {
    max-width: 760px;
    min-width: 452px;
    width: 100%;
    max-height: 2000px;
    overflow: hidden;
}

        /* inner wrapper: make responsive */
.responsive-wrapper {
    position: relative;
    height: 0; /* gets height from padding-bottom setting */
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    max-height: inherit;
}
.responsive-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: none;
    max-height: inherit;
}

.iframe-wrapper-with-max-height {
  flex:1;
  max-height: calc(calc(var(--vh, 1vh) * 100) - 60px) !important;
}
    /* padding-bottom = h/w as a % */
.responsive-wrapper-wxh-760x1200 {
    padding-bottom: 363.6364%;
}
.iframe-border {
    border: 1px solid #000;
}
.center-block-horiz {
    margin-left: auto !important;
    margin-right: auto !important;
}

.pdf-frame {
  max-height: calc(calc(var(--vh, 1vh) * 100) - 65px) !important;
  max-width: 100% !important;
}

.diagram-component {
  width: 100%;
  min-height: 300px;
  height: 100%;
  background-color: white;
}


a.a-link, a.a-link:visited, a.a-link:hover, a.a-link:active {
    color: inherit;
}