/*uključivanje novog fonta*/
@font-face {
    font-family: 'Acens';
    font-style: normal;
    src:url('../fonts/Acens.ttf') format('truetype');
    }
@font-face {
        font-family: 'Ubuntu';
        font-style: normal;
        src:url('../fonts/Ubuntu-B.ttf') format('truetype');
        }
body{
    max-width: 100%;
    overflow-x: hidden;
    margin: 0; 
    padding: 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: white;
}
/*navigacija na vrhu-širina i boja*/
#navigacija { 
   /* width: 100vw;
    height: 80px; */
    color: white;
    background-color: rgb(26, 32, 40)!important;
 }
 #colNav{
    background-color: rgb(26, 32, 40)!important; 
    margin-left:25%;
}   
.dropdown-toggle::after {
    display:none;
}
@media (max-width: 992px){
    #dno{
        margin-top:40% !important;
    }
}
@media (min-width: 992px){
#navigacija #colNav ul li:nth-child(3){
   left:73%;
}
#navigacija #colNav ul li:nth-child(4){
    left:73%;
 }
/*Login dropdown za veće uređaje */
#login{
    background: #343a40;
    color: whitesmoke;
}
#login form input[type=text]{
    border-color:whitesmoke;
    background-color: #343a40;
    color: whitesmoke;
}
#login form input[type=password]{
    border-color: whitesmoke;
    background-color: #343a40;
    color: whitesmoke;
}
#status{
    background: #343a40;
    color: whitesmoke;
}
#status form input[type=text]{
    background-color: #343a40;
    color: whitesmoke;
    border-color: whitesmoke;
}
}
/*boja linkova u navbaru .navbar-custom */
.navbar-nav .nav-link {
    color: white;
}
/*razmak između svakog inka u navbaru i veličina fonta */
.nav-item {
    padding-left:5px;
    padding-right: 5px;
    margin-left: 2px;
    margin-right: 2px;
    font-size: 20px;
    position: relative;
}
/* animcija okvira*/
.anim::before, .anim::after{
    content:"";
    width: 0;
    height: 2px;
    position: absolute;
    transition: all 0.2s linear;
    background: rgb(0, 102, 204);
  }
.anima::before, .anima::after{
    content:"";
    width:0;
    height:0;
    position: absolute;
    transition: all 0.2s linear;
    background: rgb(0, 102, 204);
  }
  .anim:hover::before, .anim:hover::after{
    width: 100%;
  }
  .anim:hover .anima::before, .anim:hover .anima::after{
    height: 100%;
  }
  .anim::before,  .anim::after{
    transition-delay: 0.1s;
  }
  .anim .anima::before,  .anim .anima::after{
    transition-delay: 0s;
  }
  .anim::before{
    right: 0;
    top: 0;
  }
  .anim::after{
    left: 0;
    bottom: 0;
  }
  .anim .anima::before{
    left: 0;
    top: 0;
  }
  .anim .anima::after{
    right: 0;
    bottom: 0;
  }
  .anim:hover::before,  .anim:hover::after{
    transition-delay: 0s;
  }
  .anim:hover .anima::before,  .anim:hover .anima::after{
    transition-delay: 0.2s;
  }
  
/*dopdown meni kod statusa računara*/
#status{
    width: 15vw;
    border-radius: .25rem;
    left:-45%;
}
#status form{
    text-align: center;  
}
#status input[type=submit]{
    width: 95%;
    padding-top:2%;
    padding-bottom: 2%;
    border-radius: 1px;
}
#status input[type=submit]:hover{
    box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#status input[type=submit]:active{
    background-color: rgb(0, 102, 192);
}
#kod:focus{
    border:none;
    border-bottom: 3px solid rgb(26, 32, 40);
 
}
#prazno{
    visibility: visible;
    color:red;
    margin-top: 0px;
    padding-top: 0px;
}

/* dropdown meni kod login */
#login{
    text-align: center;
    border-radius: .25rem;
    left:-180%;
}
input[type=text],input[type=password]{
    width: 75%;
    border: none;
    border-bottom: 3px solid rgb(26, 32, 40);
}
input[type=submit]{
    background-image: url('../slike/login.ico');
    background-repeat: no-repeat;
    background-size: contain;
    width: 95%;
    background-color: rgb(26, 32, 40);
    color: rgb(192, 192, 192);
    border-radius: 1px;
    border: none;
    padding-top: 2%;
    padding-bottom: 2%;
    margin-top: 5%;
}
#login input[type=submit]:hover{
    cursor: pointer;
}

/*slideshow razmak od navbara*/
#myCarousel{
    top:0vh;
    bottom: 0vh;
}

/*širina slideshowa*/
.carousel.slide.carousel-fade{
    width:100vw;
}

/*veličina slike u slideshow-u*/
.carousel-inner .carousel-item .carousel-caption{
    left:5%;
    right: auto;
    top:7%;
    bottom: 55%;
    font-size: 5vw;
    font-weight: bold;
    font-family: 'Ubuntu';
    text-align: left;
    text-shadow: 2px 2px 5px black;
    color: whitesmoke;
}
#poslednji{
    text-shadow: 3px 3px 4px black;
}

/* kolone na dnu strne*/
#dno{
    color: white;
    background-color:rgb(26, 32, 40);
    text-align: center;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    width: 100%;
}
/*mapa*/
#gmap_canvas img{
    max-width: none;
    background: none; 
}
#mapa{
    width: 90vw;
    margin: auto;
    margin-top: 5vh;
}
/*logo ispod radnog vremena*/
.logo{
    font-family: 'Acens';
    font-size: 20px;
    padding-top: 20px;
}
#radv::before{
    content: url('../slike/sat.ico');
}
#radv:last-child{
    font-weight: bold;
    text-decoration: underline;
}
#kontakt{
    justify-content: center;
    text-align: left;
}

/*Tabela za prethodne servise*/
#tbl{
    width: 70%;
    margin: auto;
    margin-top: 2%;
}
/*Tabela za trenutni servis*/
#tbl2{
    width: 70%;
    margin: auto;
}
/*ako je nalog otvoren*/
#nalog{
    background-color:rgb(26,32,40);
    color: white;
    margin-left: 2%;
    margin-right: 2%;
    border-radius: 0px;
}
/*ako je nalog zatvoren*/
#nalogz{
    background-color:rgb(26,32,40);
    color: white;
    margin-left: 2%;
    margin-right: 2%;
    border-radius: 0px;
}
/*podešavanje oko trenutnog stanja*/
#trenutno{
    border-radius: 0px;
    width:45%;
    height: auto;
    background-color: rgb(26, 32, 40);
    color: white;
    margin-left: 2%;
}
/*podešavanje oko teksta za prethodni servis*/
#prethodni{
    background-color: rgb(26, 32, 40);
    color: white;
    border-radius: 0px;
    margin-top:2%;
    margin-left: 2%;
    margin-right: 2%;
}
/*sličica ispod linije*/
#srafc{
    width: 7%;
    margin-top: 1%;
}