:root {
  --ig-status-text-color: #009f3b;

  --navbar-bg-color: #009f3b; /* 2. Header container color */

  --footer-bg-color: #009f3b; /* 3. Footer background color*/
  --footer-container-color: #c2eb54; /* 4. Footer container color */
  --footer-container-bg-color: #009f3b;

  --btn-hover-color: #00d270; /* 6. Menu button hover color */
  --ig-header-color: #f7f7f7;
  --ig-header-container-color: #f7f7f7;
  --btn-active-color: #00d270;
  --btn-gradient-start-color: #009f3b;

  --btn-gradient-end-color: #00d270;

}

/* Common content for section numbering */
body {
  counter-reset: section;
}
h2 {
  counter-reset: sub-section;
}
h3 {
  counter-reset: composite;
}
h4 {
  counter-reset: detail;
}
h5 {
  counter-reset: more-detail;
}
h2:before {
  content: " " !important;
}
h3:before {
  content: " " !important;
}
h4:before {
  content: " " !important;
}
h5:before {
  content: " " !important;
}
h6:before {
  content: " " !important;
}

/*--------- smooth transitions ---------- */

body {
  opacity: 0;
  transition: opacity 0.7s;
  -webkit-transition: opacity 0.7s; /* Safari */
  -ms-transition: opacity 0.7s; /* ie */
  -o-transition: opacity 0.7s; /* opera */
  -moz-transition: opacity 0.7s; /* firefox */
}

#ig-status{

  margin-top: 34px !important;
  
}

.tabela-mi {
  border-collapse: collapse;
}

.tabela-mi th,
.tabela-mi td {
  border: 1px solid #ccc;
  padding: 8px;
  text-align: left;
}

.tabela-mi th {
  background-color: #f2f2f2;
}

.tabela-mi tr:hover {
  background-color: #f9f9f9;
}
