:root {
    --bg-table-stripe: #f6f6f5;
    --b-table: #e3e3e2;
    --caption: #242423;
}

table {
    background-color: transparent;
    border-collapse:collapse;
}

th {
    text-align:left;
}

.dcf-txt-center {
      text-align: center!important
    }

    .dcf-txt-left {
      text-align: left!important
    }

    .dcf-txt-right {
      text-align: right!important
    }
    
.dcf-table caption {
      color: var(--caption);
      font-size: 1.13em;
      font-weight: 700;
      padding-bottom: .56rem
    }

    .dcf-table thead {
      font-size: .84em
    }

    .dcf-table tbody {
      border-bottom: 1px solid var(--b-table);
      border-top: 1px solid var(--b-table);
      font-size: .84em
    }

    .dcf-table tfoot {
      font-size: .84em
    }

    .dcf-table td, .dcf-table th {
      padding-right: 1.78em
    }

    .dcf-table-bordered, .dcf-table-bordered td, .dcf-table-bordered th {
      border: 0px solid var(--b-table)
    }

    .dcf-table-bordered td, .dcf-table-bordered th, .dcf-table-striped td, .dcf-table-striped th {
      padding-left: 1em;
      padding-right: 1em
    }

    .dcf-table-bordered tr:not(:last-child), .dcf-table-striped tr:not(:last-child) {
      border-bottom: 1px solid var(--b-table)
    }

    .dcf-table-striped tbody tr:nth-of-type(2n) {
      background-color: var(--bg-table-stripe)
    }

    .dcf-table thead td, .dcf-table thead th {
      padding-bottom: .75em;
      vertical-align: bottom
    }

    .dcf-table tbody td, .dcf-table tbody th, .dcf-table tfoot td, .dcf-table tfoot th {
      padding-top: .75em;
      vertical-align: top
    }

    .dcf-table tbody td, .dcf-table tbody th {
      padding-bottom: .75em
    }

    .dcf-table-bordered thead th {
      padding-top: 1.33em
    }

    .dcf-wrapper-table-scroll {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      left: 50%;
      margin-left: -50vw;
      margin-right: -50vw;
      padding-bottom: 1em;
      position: relative;
      right: 50%;
      width: 100vw
    }

    @media only screen and (max-width:20em) {
      .dcf-table-responsive thead {
        clip: rect(0 0 0 0);
        -webkit-clip-path: inset(50%);
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        position: absolute;
        width: 1px;
        white-space: nowrap
      }
      .dcf-table-responsive tr {
        display: block
      }
      .dcf-table-responsive td {
        -webkit-column-gap: 3.16vw;
        -moz-column-gap: 3.16vw;
        column-gap: 3.16vw;
        display: grid;
        grid-template-columns: 1fr 2fr;
        text-align: left!important
      }
      .dcf-table-responsive.dcf-table-bordered, .dcf-table-responsive.dcf-table-bordered thead th {
        border-width: 0
      }
      .dcf-table-responsive.dcf-table-bordered tbody td {
        border-top-width: 0
      }
      .dcf-table-responsive:not(.dcf-table-bordered) tbody tr {
        padding-bottom: .75em
      }
      .dcf-table-responsive:not(.dcf-table-bordered) tbody td {
        padding-bottom: 0
      }
      .dcf-table-responsive:not(.dcf-table-bordered):not(.dcf-table-striped) tbody td {
        padding-right: 0
      }
      .dcf-table-responsive.dcf-table-bordered tbody tr:last-child td:last-child {
        border-bottom-width: 0
      }
      .dcf-table-responsive tbody td:before {
        content: attr(data-label);
        float: left;
        font-weight: 700;
        padding-right: 1.78em;
      }
    }

.dcf-overflow-x-auto {
      overflow-x: auto!important;
      -webkit-overflow-scrolling: touch
    }
    
.dcf-w-100\% {
  width: 100%!important;
		}
  /* Custom by Žac */
    .grupa{
      font-size:20px;
      color: white;
      /*background-color: #548235;*/
      /*background-color: #2F75B5;*/
      /*background-color: #305496;*/
      background-color: royalblue;
      font-family: "JetBrains Mono", sans-serif;
    }

    .proizvod{
      font-size:16px;
      font-weight: bold;
      font-family: "Oxygen", sans-serif;
    }

    .normativ{
      font-size:16px;
      color: red;
      font-weight: bold;
      padding-left: 6px;
      padding-right: 6px;
      font-family: "Roboto", sans-serif;
    }

    .eur{
      font-size:16px;
      color: blue;
      font-weight: bold;
      padding-left: 6px;
      padding-right: 6px;
      font-family: "Roboto", sans-serif;
      white-space: nowrap;
    }

    .razmak{
      padding-left: 6px;
      white-space: nowrap;
    }

    .razmak_stavke{
      width: 7px;
      height: 7px;
      border-radius: 50%;
      display: inline-block;
      background-color: #d6962c;
      margin-bottom: 2px;
      white-space: nowrap;
  }

    .zaglavlje{
      background-image: url("buffet_background.png");
      background-size: cover;
      background-repeat: no-repeat;
      resize: both;
    }

    .naslov{
      font-family: 'Noto Serif', cursive;
      font-size: 45px;
      text-align: center!important;
      color: #EAA903;
      /*background-color: cornflowerblue;*/
      text-shadow: 3px 2px 3px rgba(0, 0, 0, 0.7);
    }

    .podnaslov{
      color: #F6DF7F;
      font-family: 'Noto Serif', cursive;
      font-size: 55px;
      text-shadow: 3px 2px 3px rgba(0, 0, 0, 0.7);
    }

    .cjenik{
      font-size: 22px;
      font-family: 'Andada Pro', cursive;
      text-align: center!important;
      margin-left: auto;
      margin-right: auto;
    }

    .grupaNapomena{
      text-align: center!important;
      font-size:2px;
      color: white;
      background-color: orangered;
      font-family: "JetBrains Mono", sans-serif;
    }

    .napomena{
      font-size: large;
      font-size:13px;
      font-family: 'Andada Pro', cursive;
      text-align: center!important;
    }

    .proizvodakcija{
      float: left;
      display: block;
      clear: both;
      margin-right: 10px;
      background-image: url("buffet_pan_akcija.png");
      background-repeat: no-repeat;
      padding: 5px;
      width: 10px;
      height: 50px;
      text-align: right;
    }

    .proizvodakcijatekst{
      margin-top: 25px;
      margin-left: 45px;
      display: inline-block;
      font-family: "Roboto", sans-serif;
      color:wheat;
      font-size: large;
      border: solid 1px #e3e3e2;
      border-radius: 16px;
      resize: none;
      overflow: auto;
      width: max-content;
      padding: 6px 8px 6px 8px;
      background-color: crimson;
      text-shadow: 3px 2px 3px rgba(0, 0, 0, 0.6);
    }

.recenzijacjenik {

}