#navbar {
  padding: 15px 5px;
  transition: 0.6s;
  z-index: 99;
}

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

#navbar #logo {
  font-size: 30px;
  text-align: center;
  font-weight: bold;
  transition: 0.6s;
}

#navbar #small_logo {
  font-size: 12px;
  font-weight: italic;
  transition: 0.6s;
}

#navbar a:hover,
#sidebar a:hover {
  box-shadow: 0 2px 0 0 red, 0 4px 0 0 blue, 0 6px 0 0 white;
  /*border: 1px solid white;
  border-radius: 15px;
  */
  color: white;
  /* background-color: var(--bs-primary); */
  display: block !important;
  font-weight: bold;
}

#sidebar a:hover {
  color: var(--bs-primary);
}

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

.kartice>div {
  /* transition: transform 0.5s, opacity 0.5s;
  transition: backgound 1s ease; */
}

.hover-2 {
  background:
    linear-gradient(#1095c1 0 0) no-repeat var(--p, 200%) 100% / 200% var(--p, .08em);
  transition: .3s var(--t, 0s), background-position .3s calc(.3s - var(--t, 0s));
}

.hover-2:hover {
  --p: 100%;
  --t: .3s;
}

.kartice>div:hover {
  color: #fff;
  background: linear-gradient(120deg, #7f70f5, #0ea0ff);
  transition: all 1s ease;
  transform: scale(1.1);
  opacity: 0.8;
  /*
  transform: rotateY(90deg); */
}

.kartice:hover .text-dark {
  color: #fff !important;
  transition: all 1s ease;
}

.gradient {
  background: linear-gradient(120deg, #7f70f5, #0ea0ff);
  color: #fff;
}

/* 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;
}

.dropdown-menu>li>a:hover {
  background: linear-gradient(120deg, #7f70f5, #0ea0ff);
}

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

#sidebar-nav {
  min-width: 200px !important;
}

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

/*  Navigacija kraj */


/*  Ostalo na svim stranicama  */
#main {
  border-top: 103px solid transparent !important;
  /*border-top: 113px 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;
  opacity: 0.7;

}

#idiNaVrh:hover {
  opacity: 1.0;
}

/* 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 */