#navbarleft {
    position: fixed;
    bottom: 0;
   
    /* background: transparent url(slike/bg.gif) repeat-x left bottom; */
    padding: 0;
    height: 100%;
    cursor: pointer;
    margin: 0;
    width: 220px;
    border-color: #DEDECF;
    background-color: rgba(2,133,152,0.6);
}
#navbarleft1 {
    background-color: rgba(2,133,152,0.6);
}

.vertical-menu {
   
  }
  
  .vertical-menu a {
    background-color: #eee;
    color: black;
    display: block;
    padding: 3px;
    text-decoration: none;
  }
  
  .vertical-menu a:hover {
    background-color: #ccc;
  }
  
  .vertical-menu a.active {
    background-color: rgba(2,133,152,0.6);
    color: white;
  }
.bijela{color: white;}
#footer{
    height:2px;
    width:777px;
    background-image:url(slike/body_bottom_bg.gif);
    background-repeat:repeat-x;
    margin-top:2px;
    }
    #footer_bg{
    height:50px;
    width:777px;
    background-image:url(slike/footer_bg.gif);
    background-repeat:repeat-x;
    font-size:11px;
    color:#D76E08;
    padding-top:6px;
    }

    
    .button-print,
.button-new,
.button-complite,
.button-delete,
.button-edit{
    border:none;
    outline: none;
    cursor: pointer;
    background-color: transparent;
    font-size: 17px;
    border-radius: 50%; 
    
}
.button-complite{
    color:lightsalmon;
    margin-right: 1px;
    border-bottom: 1px solid tomato;
}
.button-delete{
    color:red ;
    margin-right: 1px;
    border-bottom: 1px solid tomato;
}
.button-edit{
    color:green;
    margin-right: 1px;
    border-bottom: 1px solid tomato;
}
.button-new{
    color:lightsalmon;
    margin-right: 1px;
    border-bottom: 1px solid tomato;
}
.button-print{
    color:dodgerblue;
    margin-right: 1px;
    border-bottom: 1px solid tomato;
}

label { display: block; }
.hint { display: none; color: rgb(252, 3, 3); font-style: italic; }
input:focus + .hint { display: inline; }
.blackiconcolor {color:red;}
.calckiconcolor {color:rgba(2,133,152,0.6);}
.blackiconcolort {color:tomato;}

.dynon {display:none;}
.dyblock { display:block;}
.spanc{color: #ED008C;}
.spanb{color: #3366CC;}

.card1 {
    height: 27vh;
    width: 25vh;
    flex: 0 0 25vh; /* Održava fiksnu veličinu i sprečava smanjenje */
   
}
