body p,
body span,
body a {
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%;
}

body {
  font-family: "Montserrat";
}

.tlpl-body-layout {
  display: flex;
  min-height: -webkit-fill-available;
  min-height: fill-available;
  height: 100%;
  background-color: #fff;
}

.tlpl-left-bar {
  display: none !important;
}

.tlpl-container-layout {
  container-type: inline-size;
  overflow-y: auto;
  flex: 2;
  padding: 0 0rem;
  font-family: "Montserrat", sans-serif;
}

.tlpl-container {
  --tlpl-scale-font: 1;
  display: flex;
  align-items: center;
  flex-direction: column;
  min-height: 100%;
  margin: 0 auto;
}

.tlpl-container {
  background-color: #ccc;
}

.tlpl-container.full-width {
  max-width: unset;
}

#pdf-viewer {
  max-width: 800px;
  padding: 1rem;
  text-align: center;
}

/* Start modal preview pdf */
.modal-layout-preview-pdf .tlpl-modal-box {
  height: 90%;
  padding: 0.5rem 0.2rem;
}

.modal-layout-preview-pdf .tlpl-modal-body {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}

.modal-layout-preview-pdf #pdf-container {
  height: 100%;
  overflow-y: auto;
}

.modal-layout-preview-pdf canvas {
  width: 100%;
  height: auto;
}
/* End modal preview pdf */

.notification-internet {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #ffe293;
}

.notification-internet p {
  font-family: "Montserrat", sans-serif;
  font-size: 0.8rem;
  text-align: center;
  margin: 0;
}

@media only screen and (max-width:1200px) {}

@media only screen and (max-width:1024px) {}

@media only screen and (max-width:768px) {}

@media only screen and (max-width:600px) {}

@media only screen and (max-width:480px) {
  html {
    font-size: 14px;
  }
}

@media only screen and (max-width:360px) {
  html {
    font-size: 12px;
  }
}

@media only screen and (max-width:280px) {}