@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");

html,body{
    font-family: 'Roboto', sans-serif, monospace!important;
    max-height: 100vh
}
.ui-autocomplete{
    max-height: 180px!important;
    max-width: fit-content!important;
    padding: 0;
    list-style-type:none;
    overflow: auto;
    background-color: #fff!important;
    border: 1px solid #ced4da!important;
    max-height: 480px!important;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}
.ui-menu-item{
    min-width: 240px!important;
    max-width: 360px!important;
    padding: 0;
}
.ui-menu-item-wrapper{
    padding: .25rem .5rem;
}
.ui-menu-item-wrapper:hover{
    background-color: #eaeaea;
    cursor: pointer;
}
.working{background:url('../img/loader.gif') no-repeat right center;}
.page-heading{
    margin-bottom: 1rem;
}
#result-wrapper .card-text{
    margin-bottom: 5px;
}
.width-1{
    width:1%!important;
}
.ui-state-active{
    background-color: #eaeaea;
}
.ui-helper-hidden-accessible{
    display: none!important;
}
.text-small{
    font-size: small!important;
}
.text-medium {
    font-size: medium!important;
}
.text-inherit {
    font-size: inherit!important;
}
.text-offline {
    color: #b28080!important;
}
.text-online {
    color: #28a745!important;
}
.cursor-pointer{
    cursor: pointer!important;
}
.nav-side-menu li a {
    display: inherit!important;
}
.delete-skill {
    display:none;
    padding: 0 .25rem!important;
}
tr:hover .delete-skill {
    display:block;
}
.delete-inventory-item {
    display:none;
    padding: 0 .25rem!important;
}
tr:hover .delete-inventory-item {
    display:block;
}