.activeLink{
    border-bottom: 3px solid red;
   
}
.activeLinkBrand{
    margin-left: 15px;;
    border-bottom: 3px solid white;
    border-right: 1px solid white;
    padding-right: 20px;
}
.ca1rd{
    box-shadow:0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2);
}
.layout-auto{
    
    margin-left: 5px;
   
    
}

.card-margin-body{
    margin-top: 0px !important;
    padding-top: 1.5px !important;
    margin-left: 1.5px !important;
    padding-left: 1.5px !important;
    margin-right: 1.5px !important;
    padding-right: 1.5px !important;
    }
.sidebar-auto{
    width: 17%;
    padding-top: 2%;
}

.scrolltodo{ 
    height: 725px;
    overflow-x: hidden;
    overflow-y: auto;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
}
.scrollNalozi{ 
    height: 745px;
    overflow-x: hidden;
    overflow-y: auto;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.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;
}

.completetodo{
    text-decoration-style: solid;
    text-decoration-line: line-through;
    font-weight: normal !important;
    text-decoration-color:brown;
    opacity: 0.6;
   
}

.todolist-item{
    display: flex;
    margin: 0.5px 0;
    border: 1px solid #1b7d91;
    border-radius: 10px;
    padding: 1.5px;
    max-height: 100px;
    background-color:white;
}
.todolistbold{
    font-weight: bold !important;
}
.todolist{
    background-color:white !important;
    border: none !important;
    color: black;
    font-size: 15px !important;
    padding-left: 3px;
    margin-right: 1px;
    border-radius: 4px;
}

input:focus,
button:focus{
    outline: none;
}
/*MeniAuto*/
.meni-auto{
    display: flex;
    margin: 0.5px 0 !important; 
    background-color:white;
    border-radius: 5px;
    padding: 0.5px !important;
    max-height: 100px;
  
    font-size: 14px !important;

}

.card-margin{
    margin-left: 0px !important;
    padding-left: 0px !important;
    margin-right: 0px !important;
    padding-right: 0px !important;
    
    }

.card-margin-border{
    border: 1px solid tomato !important;
    
}
.noshadow{
    box-shadow: none !important;
    background-color:white !important;
}
.selectedMeniAuto{
    border-color: red !important;
    border: 3px solid red !important;
    background-color: red !important;
    color: yellow !important;
    box-shadow: rgb(240, 88, 88) 5px 5px 10px; color: yellow !important;
}
.fontTabela{
    font-size: 14px !important;
}

div.scrollhorisontal {
    background-color:white;
    overflow: auto;
    white-space: nowrap;
  }
  
  div.scrolscrollhorisontallmenu a {
    display: inline-block;
    color: #333;
    text-align: center;
    padding: 14px;
    text-decoration: none;
  }
  
  div.scrollhorisontal a:hover {
    background-color: #777;
  }
  .linearnipreliv{
    display: block;
    color: white;
    border: 1px solid #999999;
    background: -webkit-linear-gradient(top, #0073aa,#0073aa,#007bff);
    margin: 0.5px 0 !important; 
    padding: 0.5px !important;
    max-height: 150px;
    font-size: 14px !important;
} 
.linearnipreliv:hover{ box-shadow: rgb(150,150,150) 5px 5px 10px; color: yellow !important;}

.hidden{
   display: none !important;
}

@media (max-width: 575.98px) { 
    #todos{
        display: none !important;
    }
    #colapsmeni{
        display: block !important;
    }
    #dodajnovovozilo{
        display: none !important;
    }
 }