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

    /* --------------------------------------------------------------------------- */
    /* fix bootstrap styles */
    a:hover {
        color: #0056b3;
        text-decoration: underline;
    }

    /* --------------------------------------------------------------------------- */
    /* plyr */
    .plyr--video .plyr__controls button.tab-focus:focus, .plyr--video .plyr__controls button:hover {
        background: #3498db;
        color: #fff;
    }

    /* --------------------------------------------------------------------------- */
    /* fix bootstrap btn disabled styles */
    .btn-primary:hover {
        color: #fff;
        background-color: #0069d9;
        border-color: #0062cc;
    }

    .btn-secondary:hover {
        color: #fff;
        background-color: #5a6268;
        border-color: #545b62;
    }

    /* --------------------------------------------------------------------------- */
    /* std styles */
    .full-transparent-btn:hover {
        opacity: 0.75;
    }

    .transparent-btn:hover  {
        background-color: rgba(128, 128, 128, 0.4) !important;
    }

    .transparent-btn.active:hover  {
        background-color: rgba(128, 128, 128, 0.7) !important;
    }
    
    .transparent-btn-hover:hover  {
        background-color: rgba(128, 128, 128, 0.4) !important;
    }

    .std-transparent-btn:hover  {
        background-color: rgba(178, 178, 178, 0.4) !important;
    }
    
    .std-transparent-btn.active:hover  {
        background-color: rgba(178, 178, 178, 0.7) !important;
    }
    
    /* --------------------------------------------------------------------------- */
    /* bootstrap toogle */
    .toggle.toggle-switch .toggle-off:hover {
        background-color: #888 !important;
    }
    
    /* --------------------------------------------------------------------------- */
    /* OEButton */
    .icon-button:hover {
        background-color: rgba(128, 128, 128, 0.4);
    }
    
    .icon-button.active:hover  {
        background-color: rgba(128, 128, 128, 0.6);
    }

    /* --------------------------------------------------------------------------- */
    /* OECustomCheckbox */
    .custom-checkbox:hover {
        background-color: rgba(128, 128, 128, 0.4) !important;
    }

    /* --------------------------------------------------------------------------- */
    /* OECustomRadioButton */
    .custom-radio-button.button:hover .crb-handle {
        background-color: rgba(255, 255, 255, 0.4) !important;
    }
    
    .custom-radio-button.button.active:hover .crb-handle {
        background-color: rgba(255, 255, 255, 0.8) !important;
    }

    /* --------------------------------------------------------------------------- */
    /* dropdown */
    button.dropdown-item:hover {
        background-color: #eee;
    }

    /* --------------------------------------------------------------------------- */
    /* number picker */
    .number-picker-component .number-picker-cell:hover {
        background-color: rgba(96, 96, 96, 0.6);
    }

    /* --------------------------------------------------------------------------- */
    /* OEObjectModelValueEdit */
    .object-model-value-edit .object-value-cell .content .dropdown button.dropdown-toggle:hover    {
        background-color: rgba(30, 30, 30, 0.3);
    }

    .object-model-value-edit .object-value-cell .custom-checkbox:hover {
        background-color: rgba(64, 64, 64, 0.4) !important;
    }

    /* --------------------------------------------------------------------------- */
    /* controls */
    .control-without-label.control-button .button:hover {
        background-color: #0069d9;
        border-color: #0062cc;
    }

    /* --------------------------------------------------------------------------- */
    /* licensing start app */
    .oe-licensing-start-app .btn.themecolor:hover {
        background-color: #306480;
    }

    /* --------------------------------------------------------------------------- */
    /* tutor */
    .tutor .head .transparent-btn:hover    {
        color: #96b2c2;
    }

    .tutor .body .navigation .transparent-btn:hover    {
        color: #5176ad;
    }

    /* --------------------------------------------------------------------------- */
    /* media center */
    .media-center-item-pres .header .clicktarget:hover {
        background-color: rgba(96, 96, 96, 0.3);
    }

    .media-center .bottom-bar .presentation-item div:hover {
        -moz-filter: none;
        -o-filter: none;
        -webkit-filter: none;
        filter: none;
        filter: none;
    }

    /* --------------------------------------------------------------------------- */
    /* screenshot controller */
    .screenshot-preview-controller .btn-bar .alignment .custom-radio-button.button:hover .crb-handle {
        background-color: rgba(47, 124, 255, 0.4) !important;
    }

    /* --------------------------------------------------------------------------- */
    /* std modal controller */
    .modal.std-modal-controller .modal-dialog button.close-btn:hover {
        background-color: #999;
    }

    /* --------------------------------------------------------------------------- */
    /* info view */
    .gray-btn:hover    {
        background-color: #999;
    }

    .info-view-controller .ivi-licensing a.btn:hover {
        background-color: #306480;
    }

    /* --------------------------------------------------------------------------- */
    /* disclaimer-view */
    .modal.std-modal-controller.disclaimer-view .bottom .close-btn .button:hover   {
        background-color: rgb(85, 96, 92);
    }

    /* --------------------------------------------------------------------------- */
    /* OEStartViewStd */
    .start-view-std .carousel-control-btn:hover {
        background-color: #306480;
    }

    /* --------------------------------------------------------------------------- */
    /* flow navigation view system */
    .flow-nav-menu-element.enabled:hover .left {
        background-color: #83858d;
    }

    .flow-nav-menu-element.enabled:hover .spacer.opaque {
        background-color: #83858d;
    }

    .flow-nav-menu-element.enabled:hover .main {
        background-color: #83858d;
    }

    .flow-nav-selection-bar .flow-nav-selection-bar-cell:hover    {
        background-color: #83858d;
    }

    /* --------------------------------------------------------------------------- */
    /* flow navigation start selection view */
    .flow-nav-view.start-selection .item:hover    {
        background-color: #83858d;
    }

    .flow-nav-view.start-selection .module-selection-bar .flow-nav-selection-bar-cell:hover    {
        background-color: #48494d;
    }

    /* --------------------------------------------------------------------------- */
    /* component controller */
    .ct_header:hover {
        background-color: rgba(128, 128, 128, 0.4);
        transition: background-color 0.3s ease;
    }
    
    .ct_header.disabled:hover {
        background-color: rgba(128, 128, 128, 0.2);
        transition: background-color 0.3s ease;
    }

    .ct_btn:hover {
        border: 1px solid #aaa;
        background: #aaa;
    }

    /* --------------------------------------------------------------------------- */
    /* main menu */
    .main-menu-button.active:hover  {
        background-color: rgba(128, 128, 128, 0.6) !important;
    }
}