/* Custom elements by Id */
#disks, #citizendisplay{
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 0.9em;
}

#computertabel tr:hover{
  cursor: pointer;
}

#ownertabel tr:hover{
    cursor: pointer;
  }


#gedoneerde_items tr:hover{
    cursor: pointer;
}

#gedoneerde_computers tr:hover{
    cursor: pointer;
}

#refurbished_items tr:hover{
    cursor: pointer;
}

#refurbished_computers tr:hover{
    cursor: pointer;
}

#gerecyclede_items tr:hover{
    cursor: pointer;
}

#gerecyclede_computers tr:hover{
    cursor: pointer;
}
  

/* Media queries */
@media screen and (max-width: 800px){
    .set-sm-fontsize{
        font-size: 0.9em;
        color: green;
    }    
}

/* Custom Classes */
.labelclass{
    padding: 0px;
    margin-bottom: 1px;
    margin-left: 1px;
}

.errormessage{
    font-weight: bold;
    font-size: 1.2em;
    color: red;
}

form .form-control{
    border: 1px solid green;
    border-radius: 10px;
}

form .fs{
    border: 1px solid green;
    border-radius: 20px;
}

input[type="file"]::file-selector-button{
    font-weight: bold;
    background-color: rgb(189, 235, 219);
}

.form-select-sm{
    border: 1px solid green;
    border-radius: 10px;
}

.visitekaart{
    border: 1px solid green;
    border-radius: 10px;
    margin-top: 3px;
    padding: 3px;
}

/* margins */
.ml-3{
    display: block;
    margin-left: 3px;
}

.ml-25{
    display: block;
    margin-left: 15px;
}

.mt-20{
    margin-top: 20px;
}

/* mainMenu */
#navibar{
  position: sticky;
  top: 0;
}

/* Tables */
.table{
    font-size: 85%;
    line-height: 90%;
}

/* Datatables */
.paginate_button{
    font-size: 75%;
}

.dataTables_info{
    font-size: 80%;
}

.dataTables_length{
    font-size: 80%;
}

#ownertabel_filter label{
    font-size: 80%;
}

#computertabel_filter label{
    font-size: 80%;
}