@media(hover: hover) and (pointer: fine) {

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: rgb(65, 65, 65);
    }

    .top-navigation:hover {
        background-color: rgb(50, 70, 90);
        text-shadow: 0px 0px 5px black;
    }

    .top-navigation a:hover,
    .text-editor-bar-button:hover {
        background-color: rgb(60, 80, 100);
        color: white;
    }

    .theme-colour-primary:hover {
        background-color: rgb(50, 70, 90);
    }

    .theme-colour-secondary:hover {
        background-color: rgb(130, 0, 0);
    }

    .theme-text:hover,
    label:hover,
    .chat-icon:hover,
    .list-table-label:hover {
        color: white;
        text-shadow: 0px 0px 5px rgb(175, 175, 175);
    }

    .content-level-1:hover,
    .content-level-1:-webkit-autofill:hover {
        background-color: rgb(50, 50, 50);
    }

    .content-level-2:hover,
    .content-level-2:-webkit-autofill:hover {
        background-color: rgb(65, 65, 65);
    }

    .content-level-3:hover,
    .content-level-3:-webkit-autofill:hover {
        background-color: rgb(80, 80, 80);
    }

    .hover-shadow:hover {
        box-shadow: 0px 0px 5px rgb(175, 175, 175);
    }

    .input-shadow:hover {
        box-shadow: inset 0px 0px 3px black, 0px 0px 5px rgb(175, 175, 175);
    }

    .alert-shadow:hover {
        box-shadow: 0px 0px 5px white;
    }

    .settingTermsBarButton:hover {
        background-color: rgb(60, 80, 100);
        color: white;
    }

    #surrogate-container:hover {
        background-color: rgba(100, 100, 100, 0.5);
    }

    .add-widget-card:hover,
    .context-menu-item:hover {
        box-shadow: 0px 0px 5px rgb(175, 175, 175);
        color: white;
    }

    .slider:hover {
        background-color: rgb(130, 0, 0);
    }

    .slider:hover:before {
        background-color: white;
    }

    input:hover:checked+.slider {
        background-color: rgb(50, 70, 90);
    }

    #inventory-view-table tr:hover {
        background: rgba(80, 80, 80, 0.5);
    }

    #inventory-view-table th:hover {
        background: rgba(140, 140, 140, 0.5);
        text-shadow: 0px 0px 5px rgb(175, 175, 175);
        color: white;
    }

    #inventory-view-table td:hover {
        background: rgba(80, 80, 80, 0.5);
        text-shadow: 0px 0px 5px rgb(175, 175, 175);
        color: white;
    }

    .select-selected:hover {
        color: white;
        text-shadow: 0px 0px 5px rgb(175, 175, 175);
        background-color: rgb(65, 85, 105);
    }

    /* Style the dropdown items on hover */
    .select-items div:hover {
        color: white;
        text-shadow: 0px 0px 5px rgb(175, 175, 175);
        background-color: rgb(50, 70, 90);
        border-radius: 7px;
        z-index: 2;
    }

    [data-title]:hover:after {
        opacity: 1;
        transition: 0.5s ease;
        visibility: visible;
    }

    .ticket-image-remove:hover {
        color: white;
    }

    #ticket-image-return:hover {
        background-color: rgb(130, 0, 0);
        color: white;
        text-shadow: 0px 0px 5px rgb(175, 175, 175);
        box-shadow: 0px 0px 5px black;
    }

    #ticket-image-expand:hover,
    #ticket-image-restore:hover {
        background-color: rgba(100, 100, 100, 0.5);
        color: white;
        text-shadow: 0px 0px 5px rgb(175, 175, 175);
        box-shadow: 0px 0px 5px black;
    }

    .option-items div:hover,
    .search-result:hover {
        background-color: rgb(65, 85, 105);
        text-shadow: 0px 0px 5px rgb(175, 175, 175);
        color: white;
    }
}

.settings-navigation a:hover,
.settings-navigation-dropdown:hover .settings-navigation-dropdown-button {
    background-color: rgb(60, 80, 100);
}

.settings-navigation-dropdown:hover .settings-navigation-dropdown-content {
    display: block;
}

.settings-navigation a:hover,
.settings-navigation-dropdown:hover .settings-navigation-dropdown-button-sub:hover {
    background-color: rgb(60, 80, 100);
}

.settings-navigation-dropdown-sub:hover .settings-navigation-dropdown-content-sub {
    display: block;
}

#settings-navigation-save:hover {
    background-color: rgb(50, 70, 90);
}