html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
    background-image: url('../imgs/Vuna.png');
    margin-bottom: 60px;
}
/* =========================
   TABELA - ZELENA TRAKA 20px
   ========================= */

.table-frame {
    position: relative;
    padding: 30px;
    background-image: url('../imgs/ZelenaTraka.png'), url('../imgs/ZelenaTraka.png'), url('../imgs/ZelenaTraka-side.png'), url('../imgs/ZelenaTraka-side.png');
    background-position: top left, bottom left, top left, top right;
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: auto 30px, auto 30px, 30px auto, 30px auto;
}


/* TABELA */

table {
    text-align: center;
    width: 100%;
    background-image: url('../imgs/najlon80.png');
    border-collapse: separate;
    border-spacing: 15px;
}


/* TH + TD - ŽUTA TRAKA 30px */

th,
td {
    text-align: center;
    padding: 35px;
    background-image: url('../imgs/ZutaTraka.png'), url('../imgs/ZutaTraka.png'), url('../imgs/ZutaTraka-side.png'), url('../imgs/ZutaTraka-side.png'), url('../imgs/najlon80.png');
    background-position: top left, bottom left, top left, top right, center;
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y, repeat;
    background-size: auto 30px, auto 30px, 30px auto, 30px auto, auto;
}
.back-panel{

}
.layout-padding-top{
    padding-top:30px;
}
.layout-padding-bottom{
    padding-bottom:30px;
}
.layout-bg-img {
    background-image: url('../imgs/PospaklanePloce.png');
    
}
.layout-border-top-img {
    border-style: solid;
    border-width: 25px 0 0 0;
    border-image-source: url('../imgs/UgaoniProfil-top.png');
    border-image-slice: 51 0 0 0;
    border-image-width: 25px 0 0 0;
    border-image-repeat: round;
}
.layout-border-bottom-img {
    border-style: solid;
    border-width: 0 0 25px 0;
    border-image-source: url('../imgs/UgaoniProfil.png');
    border-image-slice: 0 0 51 0;
    border-image-width: 0 0 25px 0;
    border-image-repeat: round;
}
@media (max-width: 768px) {

    
    .table-frame {
        padding: 20px;
        background-size: auto 20px, auto 20px, 20px auto, 20px auto;
    }

    
    th,
    td {
        padding: 25px;
        background-size: auto 20px, auto 20px, 20px auto, 20px auto, auto;
    }

    
    table {
        border-spacing: 10px;
    }
}