/* Create a sticky/fixed navbar */
#navbar {
  padding: 20px 10px;
  /* Large padding which will shrink on scroll (using JS) */
  transition: 0.6s;
  /* At the top */
  z-index: 99;
}

/* Style the navbar links */
#navbar a {
  border-radius: 0px;
  /*padding: 15px 10px;
  text-decoration: none;
  font-size: 15px;
  border-radius: 4px;
  line-height: 30px;*/
}

/* Style the logo */
#navbar #logo {
  font-size: 30px;
  font-weight: bold;
  transition: 0.6s;
}


/* Links on mouse-over */
#navbar a:hover {
  border: 1px solid white;
  border-radius: 15px;
  color: white;
}

/* Style the active/current link */
#navbar a.active {
  /*background-color: dodgerblue;*/
  font-weight: 400;
}


/* Add responsiveness - on screens less than 580px wide, display the navbar vertically instead of horizontally */
@media screen and (max-width: 580px) {
  #navbar {
    padding: 20px 10px !important;
    /* Use !important to make sure that JavaScript doesn't override the padding on small screens */
  }

  #navbar a {
    float: none;
    display: block;
    text-align: left;
  }
}

/*  Navigacija kraj */
.dropdown-menu li {
  position: relative;
}

/* za submeni da se prikaze desno */
.dropdown-menu .dropdown-submenu {
  display: none;
  position: absolute;
  left: 100%;
  top: -7px;
}

.dropdown-menu>li:hover>.dropdown-submenu {
  display: block;
}

/* rotate caret on hover */
.dropdown-menu>li>a:hover:after {
  transform: rotate(-90deg);
}

#formLogin {
  padding: 15px;
  min-width: 300px;
  /*left: 50%;
  transform: translateX(-50%) !important;
  top: 100% !important; */
}

/*  Navigacija kraj */


/*  Ostalo na svim stranicama  */
#main {
  border-top: 98px solid var(--bs-primary) !important;
  margin-bottom: 15px;
  /*padding-top: 98px !important;*/
}

#footer {
  padding-top: 4rem;
  padding-bottom: 4rem;
  background-color: var(--bs-primary);
  color: #fff;
}

#idiNaVrh {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#idiNaVrh3:hover {
  background-color: #555;
}

/* Kraj za sve stranice */

/* Kartice radnika */
.kartice-radnika-red {
  margin: 10px -15px;
}

/* Add padding BETWEEN each column */
.kartice-radnika-red,
.kartice-radnika-red>.kartice-radnika-kolona {
  padding: 8px;
}

/* Create three equal columns that floats next to each other */
.kartice-radnika-kolona {
  float: left;
  display: none;
  /* Hide all elements by default */
}

/* The "show" class is added to the filtered elements */
.kartice-radnika-red>.show {
  display: block;
}

/*  Radnici skole */
.mala_slika_profila {
  width: 80px;
  height: 80px;
}

#radnici_skole1>button,
#radnici_skole2>button,
#radnici_skole3>button {
  margin: 1px;
  border: 1px;
}

/* Kartice radnika kraj */