@charset "UTF-8";

body {
  margin: 0;
  display: grid;
  font-family: "Open Sans";
  font-size: 14px;
  grid-template-areas: "header" "main" "footer";
  grid-gap: 1rem;
  grid-template-columns: 100%;
  grid-template-rows: auto auto auto;
  grid-row-gap: 15px;
}

h1 {
  font-size: 1.2rem;
}

h2 {
  font-size: 1rem;
}

small {
  font-size: smaller;
}

h1 small {
  display: block;
}

a {
  color: blue;
}

.container-fluid {
  padding-left: 10px;
  padding-right: 10px;
}

.text-center {
  text-align: center;
}

.text-muted {
  color: #999;
}

.text-muted a {
  color: #999;
}

.g-header {
  grid-area: header;
}

.g-main {
  grid-area: main;
}

.g-footer {
  grid-area: footer;
}

.g-block {
  display: grid;
  grid-template-columns: 1fr 3fr;
  grid-gap: 1rem;
  grid-row-gap: 10px;
  grid-template-rows: auto auto;
  /*grid-auto-rows: 1fr;*/
}

.g-center {
  grid-template-columns: 1fr auto;
  justify-content: center;
}

.grid-collumn {
  padding: 5px;
  align-self: center;
}

.rastreio-container span.g-data {
  background: #ccc;
}

body[data-template="T1"] .rastreio-container {
  max-width: 600px;
  margin: 0 auto;
}

body[data-template="T2"] .rastreio-wrapper .rastreio-aside {
  display: flex !important;
}
body[data-template="T2"] .rastreio-wrapper .resume-container {
  display: flex !important;
}

.rastreio-container .g-data {
  font-size: 1em;
}

.rastreio-container .g-data .datahora .data {
  margin-right: 10px;
}

.rastreio-container .g-mensagem {
  font-weight: 500;
}

.rastreio-container .g-data small {
  display: block;
  font-weight: lighter;
  margin-top: 10px;
}

.rastreio-container .g-mensagem small {
  display: block;
  /* font-weight: lighter; */
  color: #777;
}

.status-andamento {
  background: #ea9e02;
  color: #fff;
  padding: 5px;
}

.status-entregando {
  background-color: #0000ff;
  color: #fff;
  padding: 5px;
}

.status-entregue {
  background: #00ff00;
  color: #000;
  padding: 5px;
}

.status-erro {
  background: #ff0000;
  color: #fff;
  padding: 5px;
}
.status-erro a {
  color: #fff;
}

.status-pendente,
.status-postado {
  background: #ffd400;
  color: #000;
  padding: 5px;
}

.status- body.sem-objeto .g-main {
  margin: 50px 0 66px;
}

body.sem-objeto .g-main .g-block {
  grid-template-columns: auto;
  grid-gap: 0;
  grid-row-gap: 0;
  grid-template-rows: auto;
}

body.sem-objeto .g-header .linha-1 {
  min-height: 60px;
}

.g-block.g-block-2-1 {
  grid-row-gap: 0;
  grid-column-gap: 15px;
  align-content: center;
  grid-template-areas:
    "c1 c3"
    "c2 c3";
}

.g-disabled {
  background-color: #dedede !important;
}

@media screen and (max-width: 720px) {
  body {
    font-size: 12px;
  }
}

.text-nowrap {
  text-wrap: nowrap;
}

body.listaobjetos {
}

body.listaobjetos header .linha-1 h1 {
  display: none;
}

body.listaobjetos .rastreio-container {
  display: block;
}

body.listaobjetos .lista-objetos-container {
  margin-top: 30px;
  text-align: center;
}

body.listaobjetos .lista-objetos-container .lista-objetos .objeto {
  margin: 10px 0;
  padding: 5px 10px;
  background-color: #777;
  color: #fff;
}

body.listaobjetos .lista-objetos-container .lista-objetos .objeto a {
  color: #fff;
  text-decoration: none;
  font-size: 1.2em;
}

.whatsapp {
  width: 50px;
  height: auto;
  position: fixed;
  bottom: 10px;
  z-index: 2;
  right: 10px;
}