: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;
  }