/** Autocomplete top navigation start **/

ul.ui-autocomplete {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
li.ui-menu-item {
    background: white;
    padding-left: 5pt;
    padding-top: 5pt;
    padding-bottom: 5pt;
    max-width: 200px;
}
li.ui-menu-item:hover {
    background: lightgrey;
}

/** Autocomplete top navigation end **/

input.topmenu {
    margin-top: 10px
}
.img-circle-admin {
    border-radius: 50%;
    border: 2px solid #ff5500;
}
.img-circle-margin {
    border-radius: 50%;
    margin-bottom: 0.2em;
}
.img-grayscale {
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
    filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
}
/* Loading area */
#loading-bg {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 500;
}

#loading-image {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -32px;
    z-index: 510;
}
/** buttons top menu (clipboard atm) **/
.menu-button {
    display: none !important;
}
@media only screen and (min-width: 330px) {
    .menu-button {
        display: block !important;
        font-size: 14px;
        padding-top: 15px;
        padding-right: 1.8em !important;
        padding-left: 0 !important;
    }
}
@media only screen and (min-width: 370px) {
    .menu-button {
        display: block !important;
        font-size: 20px;
        padding-top: 0.8em;
        padding-right: 2.5em !important;
        padding-left: 0 !important;
    }
}