/*
//===================================================================================
// Copyright (c) Calnex Solutions Ltd.  All rights reserved.
// THIS CODE AND INFORMATION IS PROVIDED "AS IS" WITHOUT WARRANTY
// OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING BUT NOT
// LIMITED TO THE IMPLIED WARRANTIES OF MERCHANTABILITY AND
// FITNESS FOR A PARTICULAR PURPOSE.
//===================================================================================
// The contents of this file should not be copied or distributed
// without permission being granted by Calnex Solutions Ltd.
//===================================================================================
*/

/**********************************************************************************************************************/
/* This file holds css definitions for styling backgrounds with image files for use specifically in the Paragon       */
/* application, there is an equivalent file for each app unique images e.g. imagesAttero.css. Images used by more     */
/* than one app should be added to imagesCommon.css.                                                                  */
/*                                                                                                                    */
/* In all cases if an image needs to be themed they belong in the theme\xxx\cxt_calnexStyling.css files with the      */
/* 'cxt-' prefix so we can tell easily in the html code that we are referring to a themed style.                      */
/**********************************************************************************************************************/

/* Homepage feature button images */

.paragon-100g .cx-homepage-sync-ethernet-wander-button-disabled {
    background-image: url('/img/but_home_wan_gr.png');
    filter: alpha(opacity=20);
    opacity: 0.2;
}

.paragon-100g .cx-homepage-sync-ethernet-wander-button {
    background-image: url('/img/but_home_wan.png');
}

.paragon-100g .cx-homepage-sync-ethernet-wander-button:hover {
    background-image: url('/img/but_home_wan_h.png');
}

.paragon-100g .cx-homepage-sync-ethernet-wander-button-active {
    background-image: url('/img/but_home_wan_a.png');
}

.paragon-100g .cx-homepage-sync-ethernet-wander-button-active:hover {
    background-image: url('/img/but_home_wan_a_h.png');
}

.paragon-100g .cx-homepage-sync-ethernet-wander-button-selectable {
    background-image: url('/img/but_home_wan.png');
    filter: alpha(opacity=40);
    opacity: 0.4;
}

.paragon-100g .cx-homepage-sync-ethernet-wander-button-selectable:hover {
    background-image: url('/img/but_home_wan_h.png');
    filter: alpha(opacity=100);
    opacity: 1;
}


.paragon-neo .cx-homepage-sync-ethernet-wander-button-disabled {
    background-image: url('/img/but_neo_wander_gr.png');
    filter: alpha(opacity=20);
    opacity: 0.2;
}

.paragon-neo .cx-homepage-sync-ethernet-wander-button {
    background-image: url('/img/but_neo_wander.png');
}

.paragon-neo .cx-homepage-sync-ethernet-wander-button:hover {
    background-image: url('/img/but_neo_wander_h.png');
}

.paragon-neo .cx-homepage-sync-ethernet-wander-button-active {
    background-image: url('/img/but_neo_wander_a.png');
}

.paragon-neo .cx-homepage-sync-ethernet-wander-button-active:hover {
    background-image: url('/img/but_neo_wander_a_h.png');
}

.paragon-neo .cx-homepage-sync-ethernet-wander-button-selectable {
    background-image: url('/img/but_neo_wander.png');
    filter: alpha(opacity=40);
    opacity: 0.4;
}

.paragon-neo .cx-homepage-sync-ethernet-wander-button-selectable:hover {
    background-image: url('/img/but_neo_wander_h.png');
    filter: alpha(opacity=100);
    opacity: 1;
}


.paragon-100g .cx-homepage-sync-ethernet-jitter-button-disabled {
    background-image: url('/img/but_home_jit_gr.png');
    filter: alpha(opacity=20);
    opacity: 0.2;
}

.paragon-100g .cx-homepage-sync-ethernet-jitter-button {
    background-image: url('/img/but_home_jit.png');
}

.paragon-100g .cx-homepage-sync-ethernet-jitter-button:hover {
    background-image: url('/img/but_home_jit_h.png');
}

.paragon-100g .cx-homepage-sync-ethernet-jitter-button-active {
    background-image: url('/img/but_home_jit_a.png');
}

.paragon-100g .cx-homepage-sync-ethernet-jitter-button-active:hover {
    background-image: url('/img/but_home_jit_a_h.png');
}

.paragon-100g .cx-homepage-sync-ethernet-jitter-button-selectable {
    background-image: url('/img/but_home_jit.png');
    filter: alpha(opacity=40);
    opacity: 0.4;
}

.paragon-100g .cx-homepage-sync-ethernet-jitter-button-selectable:hover {
    background-image: url('/img/but_home_jit_h.png');
    filter: alpha(opacity=100);
    opacity: 1;
}



.paragon-neo .cx-homepage-sync-ethernet-jitter-button-disabled {
    background-image: url('/img/but_neo_jit_gr.png');
    filter: alpha(opacity=20);
    opacity: 0.2;
}

.paragon-neo .cx-homepage-sync-ethernet-jitter-button {
    background-image: url('/img/but_neo_jit.png');
}

.paragon-neo .cx-homepage-sync-ethernet-jitter-button:hover {
    background-image: url('/img/but_neo_jit_h.png');
}

.paragon-neo .cx-homepage-sync-ethernet-jitter-button-active {
    background-image: url('/img/but_neo_jit_a.png');
}

.paragon-neo .cx-homepage-sync-ethernet-jitter-button-active:hover {
    background-image: url('/img/but_neo_jit_a_h.png');
}

.paragon-neo .cx-homepage-sync-ethernet-jitter-button-selectable {
    background-image: url('/img/but_neo_jit.png');
    filter: alpha(opacity=40);
    opacity: 0.4;
}

.paragon-neo .cx-homepage-sync-ethernet-jitter-button-selectable:hover {
    background-image: url('/img/but_neo_jit_h.png');
    filter: alpha(opacity=100);
    opacity: 1;
}

.cx-homepage-ptp-button-disabled {
    background-image: url('/img/but_home_ptp_gr.png');
    filter: alpha(opacity=20);
    opacity: 0.2;
}

.cx-homepage-ptp-button {
    background-image: url('/img/but_home_ptp.png');
}

.cx-homepage-ptp-button:hover {
    background-image: url('/img/but_home_ptp_h.png');
}

.cx-homepage-ptp-button-active {
    background-image: url('/img/but_home_ptp_a.png');
}

.cx-homepage-ptp-button-active:hover {
    background-image: url('/img/but_home_ptp_a_h.png');
}

.cx-homepage-ptp-button-selectable {
    background-image: url('/img/but_home_ptp.png');
    filter: alpha(opacity=40);
    opacity: 0.4;
}

.cx-homepage-ptp-button-selectable:hover {
    background-image: url('/img/but_home_ptp_h.png');
    filter: alpha(opacity=100);
    opacity: 1;
}

.cx-preset-conformance-test-button-disabled {
    background-image: url('/img/but_conformance_test_gr.png');
    filter: alpha(opacity=20);
    opacity: 0.2;
}

.cx-preset-conformance-test-button {
    background-image: url('/img/but_conformance_test.png');
}

.cx-preset-conformance-test-button:hover {
    background-image: url('/img/but_conformance_test_h.png');
}

.cx-preset-conformance-test-button-active {
    background-image: url('/img/but_conformance_test_a.png');
}

.cx-preset-conformance-test-button-active:hover {
    background-image: url('/img/but_conformance_test_a_h.png');
}

.cx-preset-conformance-test-button-selectable {
    background-image: url('/img/but_conformance_test.png');
    filter: alpha(opacity=40);
    opacity: 0.4;
}

.cx-preset-conformance-test-button-selectable:hover {
    background-image: url('/img/but_conformance_test_h.png');
    filter: alpha(opacity=100);
    opacity: 1;
}

.cx-preset-conformance-test-button-disabled {
    background-image: url('/img/but_conformance_test_gr.png');
    filter: alpha(opacity=20);
    opacity: 0.2;
}

.cx-preset-oran-ct-button {
    background-image: url('/img/but_oran_conformance.png');
}

.cx-preset-oran-ct-button:hover {
    background-image: url('/img/but_oran_conformance_h.png');
}

.cx-preset-oran-ct-button-active {
    background-image: url('/img/but_oran_conformance_a.png');
}

.cx-preset-oran-ct-button-active:hover {
    background-image: url('/img/but_oran_conformance_a_h.png');
}

.cx-preset-oran-ct-button-selectable {
    background-image: url('/img/but_oran_conformance.png');
    filter: alpha(opacity=40);
    opacity: 0.4;
}

.cx-preset-oran-ct-button-selectable:hover {
    background-image: url('/img/but_oran_conformance_h.png');
    filter: alpha(opacity=100);
    opacity: 1;
}

.cx-preset-oran-ct-button-disabled {
    background-image: url('/img/but_oran_conformance_gr.png');
    filter: alpha(opacity=20);
    opacity: 0.2;
}

.cx-preset-message-delay-test-button {
    background-image: url('/img/but_message_delay.png');
}

.cx-preset-message-delay-test-button:hover {
    background-image: url('/img/but_message_delay_h.png');
}

.cx-preset-message-delay-test-button-active {
    background-image: url('/img/but_message_delay_a.png');
}

.cx-preset-message-delay-test-button-active:hover {
    background-image: url('/img/but_message_delay_a_h.png');
}

.cx-preset-message-delay-test-button-selectable {
    background-image: url('/img/but_message_delay.png');
    filter: alpha(opacity=40);
    opacity: 0.4;
}

.cx-preset-message-delay-test-button-selectable:hover {
    background-image: url('/img/but_message_delay_h.png');
    filter: alpha(opacity=100);
    opacity: 1;
}

.cx-preset-message-delay-test-button-disabled {
    background-image: url('/img/but_message_delay_gr.png');
    filter: alpha(opacity=20);
    opacity: 0.2;
}

.cx-preset-reset-default-button {
    background-image: url('/img/but_ResetDefaults.png');
    filter: alpha(opacity=40);
    opacity: 0.4;
}

.cx-preset-reset-default-button:hover {
    background-image: url('/img/but_ResetDefaultsHighlight.png');
    filter: alpha(opacity=100);
    opacity: 1;
}

.cx-homepage-cat-button {
    background-image: url('/img/but_home_cat.png');
}

.cx-homepage-cat-button:hover {
    background-image: url('/img/but_home_cat_h.png');
}


/* Company Logo images */

.cx-calnex-logo-image {
    background-image: url('/img/Clogo_cropped.png');
}

/* small instrument image */
.cx-paragon-instrument-small {
    background-image: url('/img/P-100G_glow.png')
}

.cx-paragon-100g-jitter-instrument-small {
    background-image: url('/img/P-100Gjitter_thumb_glow.png')
}

.cx-paragon-neo-instrument-small {
    background-image: url('/img/P-Neo_glow.png')
}

/* Social Media Icons */

.cx-calnex-website-icon {
    background-image: url('/img/icon_Calnex.png');
}

.cx-calnex-linkedin-icon {
    background-image: url('/img/icon_in.png');
}

.cx-calnex-facebook-icon {
    background-image: url('/img/icon_facebook.png');
}

.cx-calnex-twitter-icon {
    background-image: url('/img/icon_twitter.png');
}

.cx-calnex-youtube-icon {
    background-image: url('/img/youtube-square.png');
}


/* Data Path Images */

.cx-paragon-txrx-mode-active-image {
    background-image: url('/img/but_mode_TxRx-pkt_a_tick.png');
    filter: alpha(opacity=100);
    opacity: 1;
}

.cx-paragon-txrx-mode-selectable-image {
    background-image: url('/img/but_mode_TxRx-pkt.png');
    filter: alpha(opacity=40);
    opacity: 0.4;
}

.cx-paragon-txrx-mode-selectable-image:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}

.cx-paragon-txrx-mode-non-selectable-image {
    background-image: url('/img/but_mode_TxRx-pkt_gr.png');
    filter: alpha(opacity=20);
    opacity: 0.2;
    cursor: not-allowed;
}

.cx-paragon-thru-mode-active-image {
    background-image: url('/img/but_mode_Thru-pkt_a_tick.png');
    filter: alpha(opacity=100);
    opacity: 1;
}

.cx-paragon-thru-mode-selectable-image {
    background-image: url('/img/but_mode_Thru-pkt.png');
    filter: alpha(opacity=40);
    opacity: 0.4;

}

.cx-paragon-thru-mode-selectable-image:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}

.cx-paragon-thru-mode-non-selectable-image {
    background-image: url('/img/but_mode_Thru-pkt_gr.png');
    filter: alpha(opacity=20);
    opacity: 0.2;
    cursor: not-allowed;
}


/* SyncE Clock Passthrough Images */

.cx-paragon-synce-clock-pass-through-active {
    background-image: url('/img/but_mode_SyncE-RxTx_a_tick.png');
    filter: alpha(opacity=100);
    opacity: 1;
}

.cx-paragon-synce-clock-pass-through-selectable {
    background-image: url('/img/but_mode_SyncE-RxTx.png');
    filter: alpha(opacity=40);
    opacity: 0.4;
}

.cx-paragon-synce-clock-pass-through-selectable:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}

.cx-paragon-synce-clock-pass-through-non-selectable {
    background-image: url('/img/but_mode_SyncE-RxTx_gr.png');
    filter: alpha(opacity=20);
    opacity: 0.2;
    cursor: not-allowed;
}

.cx-paragon-internal-external-clock-active {
    background-image: url('/img/but_mode_SyncE-out_a_tick.png');
    filter: alpha(opacity=100);
    opacity: 1;
}

.cx-paragon-internal-external-clock-selectable {
    background-image: url('/img/but_mode_SyncE-out.png');
    filter: alpha(opacity=40);
    opacity: 0.4;
}

.cx-paragon-internal-external-clock-selectable:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}

.cx-paragon-internal-external-clock-non-selectable {
    background-image: url('/img/but_mode_SyncE-out_gr.png');
    filter: alpha(opacity=20);
    opacity: 0.2;
    cursor: not-allowed;
}


/* Port Selection Background Image */

.cx-paragon-port-selection-background-image {
    background-image: url('/img/bg_setup.png');
}

.cx-paragon-100g-jitter-port-selection-background-image {
    background-image: url('/img/bg_setup_P-100Gjitter.png');
}

.cx-paragon-neo-port-selection-background-image {
    background-image: url('/img/bg_setup_neo.png');
}

.cx-paragon-dog-in-spotlight-image {
    background-image: url('/img/dog_under_spotlight.png');
}

/* Setup ports horizontal menu button images */
.cx-non-active-menu-button-image {
    background-image: url('/img/but_24-64.png');
}

.cx-active-menu-button-image {
    background-image: url('/img/but_24-64_a.png');
}

/* App Minimise/Maximise Buttons */

.cx-paragon-app-minimise-btn,
.cx-paragon-app-maximise-btn {
    width: 23px;
    height: 21px;
    cursor: pointer;
}

.cx-paragon-app-maximise-btn {
    background: url('/img/mse-icons-all.png') 0 0;
}

.cx-paragon-app-minimise-btn {
    background: url('/img/mse-icons-all.png') -23px 0;
}