/* Sticky footer styles
-------------------------------------------------- */
html {
  background: url(../images/background-image.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

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



body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
  background: none;
}

/* go trga scrollbar-ot pri modal */
body:not(.modal-open) {
  padding-right: 0px !important;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  line-height: 30px; /* Vertically center the text there */
  background-color: #343A40;
  text-align: center;
}

.mainContainer {
  padding: 20px;
}

.naslovna {
  margin-top: 196px;
  text-align: center;
  opacity: 0.75;
}

.pozadinaKoloni {
  background-color: PapayaWhip;
  padding: 20px;
  margin-top: 64px;
  border: 1px solid PeachPuff;
  border-radius: 5px;
}

#toggleLogin {
  margin-right: 15px;
}

#toggleLogin:hover {
  text-decoration: underline;
  cursor: pointer;
}

#loginAlert {
  display: none;
}

#logoutButtonColor {
  color: rgb(255, 193, 7);
}

#logoutButtonColor:hover {
  color: black;
}

#poveleteButtonColor {
  background-color: rgb(255, 193, 7);
  color: black;
  border-color: black;
}

#novBrojUspeshno {
  display: none;
}

#neuspeshenVnes {
  display: none;
}

#loading {
  display: none;
}

#loading-failure, #loading-failure-recommendation, #nema-rezultati {
  display: none;
  text-align: center;
}

@media (min-width: 1200px) {
    .container{
        max-width: 1600px;
    }
}


.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;

}

.t-pratka {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 170px;
}


.t-zabeleshka {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 130px;
}

.t-pratka-kratko {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 110px;
}


.t-zabeleshka-kratko {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 110px;
}

/* checkbox za email */
.form-inline label {
  margin-right: 16px;
}

a, a:link, a:hover {
  color: #6c757d;
}


.custom-control-label {
  color: #6c757d;
}

.custom-checkbox input[type="checkbox"]:checked + label::before {
  background-color: #FFC107;
  border-color: #FFC107;
}

.custom-checkbox input[type="checkbox"]:not(:checked) + label::before {
  background-color: #ffffff;
  border-color: #FFC107;
}




.custom-control-input:focus~.custom-control-label::before {
  border-color: #FFC107 !important;
  box-shadow: 0 0 0 0.2rem rgba(249, 203, 54, 0.25) !important;
}

.custom-control-input:checked~.custom-control-label::before {
  border-color: #FFC107 !important;
  background-color: #FFC107 !important;
}

.custom-control-input:active~.custom-control-label::before {
  background-color: #FFC107 !important;
  border-color: #FFC107 !important;
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
  border-color: #FFC107 !important;
}

.custom-control-input-green:not(:disabled):active~.custom-control-label::before {
  background-color: #FFC107 !important;
  border-color: #FFC107 !important;
}