/*
//===================================================================================
// 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 Attero        */
/* application, there is an equivalent file for each app unique images e.g. imagesParaogn.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 background image */

.cx-attero-homepage-background-image {
	background-image: url('/img/bg_attero.png');
}


/* Homepage feature button images */

.cx-homepage-profile-impairments-button {
    background-image: url('/img/but_home_attero_pi.png');
}

.cx-a100-homepage-profile-impairments-button {
    background-image: url('/img/but_home_a100_pi.png');
}

.cx-homepage-profile-impairments-button:hover {
    background-image: url('/img/but_home_attero_pi_a.png');
}

.cx-a100-homepage-profile-impairments-button:hover {
    background-image: url('/img/but_home_a100_pi_a.png');
}

.cx-homepage-filter-builder-button {
    background-image: url('/img/but_home_attero_fb_gr.png');
}

.cx-homepage-filter-builder-button:hover {
    background-image: url('/img/but_home_attero_fb_gr.png');
}

/* Company Logo images */

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

.cx-attero-company-logo-background-image {
    background-image: url('/img/Spirent_logo_blue_bg.png');
    background-repeat: no-repeat;
    background-position: center;

    background-size: contain;
}

.cx-attero-calnex-company-logo-background-image {
    background-image: url('/img/Clogo.png');
    background-repeat: no-repeat;
    background-position: center;

    background-size: contain;
}

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

.cx-attero-calnex-instrument-small {
    background-image: url('/img/A100_glow.png')
}


/* Tag images */

.cx-spirent-tag-image {
    background-image: url('/img/tag_Spirent.png');    
}

.cx-powered-by-calnex-tag-image {
    background-image: url('/img/tag_Calnex.png');    
}


/* Social Media Icons */

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

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

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

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

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

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

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

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


/* Data Path Images */

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

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

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

.cx-attero-txrx-mode-non-selectable-image {
	background-image: url('/img/but_Attero_TxRx-pkt_gr.png');
	filter: alpha(opacity=40);
	opacity: 0.4;  
}

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

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

}

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

.cx-attero-thru-mode-non-selectable-image {
    background-image: url('/img/but_Attero_ThruMode_gr.png');  
    filter: alpha(opacity=20);
	opacity: 0.2;    
}

/* SyncE Clock Passthrough Images */

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

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

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

.cx-attero-synce-clock-pass-through-selectable:hover {
    background-image: url('/img/but_Attero_RxTx_h.png');
    filter: alpha(opacity=100);
    opacity: 1;
}

.cx-attero-synce-clock-pass-through-non-selectable {
    background-image: url('/img/but_Attero_RxTx_gr.png');
    filter: alpha(opacity=20);
    opacity: 0.2;
}

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

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

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

.cx-attero-internal-external-clock-selectable:hover {
    background-image: url('/img/but_Attero_syncE_h.png');
    filter: alpha(opacity=100);
    opacity: 1;
}

.cx-attero-internal-external-clock-non-selectable {
    background-image: url('/img/but_Attero_syncE_gr.png');
    filter: alpha(opacity=20);
    opacity: 0.2;
}

/* Port Selection Background Image */

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

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

/* Impairments configuration library view on the profile test page */
.cx-attero-impairment-cfg-item-background-image {
    background-image: url('/img/attero_impairment_cfg.png');
    background-repeat: no-repeat;
    background-position: center;

    background-size: contain;
}

/* Filter configuration library view on the profile test page */
.cx-attero-filter-cfg-active-item-background-image {
    background-image: url('/img/attero_filter_cfg_active.png');
    background-repeat: no-repeat;
    background-position: center;

    background-size: contain;
}

.cx-attero-filter-cfg-inactive-item-background-image {
    background-image: url('/img/attero_filter_cfg_inactive.png');
    background-repeat: no-repeat;
    background-position: center;

    background-size: contain;
}

.cx-attero-profile-enabled-background-image {
    background-image: url('/img/attero_profile_enabled.png');
    background-repeat: no-repeat;
    background-position: center;

    background-size: contain;
}

.cx-attero-profile-disabled-background-image {
    background-image: url('/img/attero_profile_disabled.png');
    background-repeat: no-repeat;
    background-position: center;

    background-size: contain;
}

.cx-attero-profile-navigate-back-background-image {
    background-image: url('/img/attero_profile_back.png');
    background-repeat: no-repeat;
    background-position: center;

    background-size: contain;
}

.cx-attero-profiles-list-view-unselected-background-image {
    background-image: url('/img/attero_profiles_list_view_unselected.png');
    background-repeat: no-repeat;
    background-position: center;

    background-size: contain;
}

.cx-attero-profiles-list-view-selected-background-image {
    background-image: url('/img/attero_profiles_list_view_selected.png');
    background-repeat: no-repeat;
    background-position: center;

    background-size: contain;
}

.cx-attero-profiles-filter-details-view-unselected-background-image {
    background-image: url('/img/attero_profiles_filter_details_view_unselected.png');
    background-repeat: no-repeat;
    background-position: center;

    background-size: contain;
}

.cx-attero-profiles-filter-details-view-selected-background-image {
    background-image: url('/img/attero_profiles_filter_details_view_selected.png');
    background-repeat: no-repeat;
    background-position: center;

    background-size: contain;
}

.cx-attero-profiles-impairment-details-view-unselected-background-image {
    background-image: url('/img/attero_profiles_impairment_details_view_unselected.png');
    background-repeat: no-repeat;
    background-position: center;

    background-size: contain;
}

.cx-attero-profiles-management-view-select-all-filter-image {
    background-image: url('/img/attero_profiles_management_view_select_all_filter.png');
    background-repeat: no-repeat;
    background-position: center;

    background-size: contain;
}

.cx-attero-profiles-management-view-select-all-impairment-image {
    background-image: url('/img/attero_profiles_management_view_select_all_impairment.png');
    background-repeat: no-repeat;
    background-position: center;

    background-size: contain;
}

.cx-attero-profiles-impairment-details-view-selected-background-image {
    background-image: url('/img/attero_profiles_impairment_details_view_selected.png');
    background-repeat: no-repeat;
    background-position: center;

    background-size: contain;
}

.cx-attero-profiles-memory-allocation-selected-background-image {
    background-image: url('/img/attero_profiles_memory_selected.png');
    background-repeat: no-repeat;
    background-position: center;

    background-size: contain;
}

.cx-attero-profiles-memory-allocation-unselected-background-image {
    background-image: url('/img/attero_profiles_memory_unselected.png');
    background-repeat: no-repeat;
    background-position: center;

    background-size: contain;
}

.cx-attero-profiles-dustbin-disabled-background-image {
    background-image: url('/img/attero_profiles_trash_unselected.png');
    background-repeat: no-repeat;
    background-position: center;

    background-size: contain;
}

.cx-attero-profiles-dustbin-enabled-background-image {
    background-image: url('/img/attero_profiles_trash_selected.png');
    background-repeat: no-repeat;
    background-position: center;

    background-size: contain;
}

.cx-attero-profiles-detailed-view-unselected-background-image {
    background-image: url('/img/attero_profiles_detailed_view_unselected.png');
    background-repeat: no-repeat;
    background-position: center;

    background-size: cover;
}

.cx-attero-profiles-detailed-view-selected-background-image {
    background-image: url('/img/attero_profiles_detailed_view_selected.png');
    background-repeat: no-repeat;
    background-position: center;

    background-size: cover;
}

.cx-attero-profiles-summary-view-unselected-background-image {
    background-image: url('/img/attero_profiles_summary_view_unselected.png');
    background-repeat: no-repeat;
    background-position: center;

    background-size: cover;
}

.cx-attero-profiles-summary-view-selected-background-image {
    background-image: url('/img/attero_profiles_summary_view_selected.png');
    background-repeat: no-repeat;
    background-position: center;

    background-size: cover;
}

.cx-attero-profiles-reorder-disabled-background-image {
    background-image: url('/img/attero_profiles_reorder_unselected.png');
    background-repeat: no-repeat;
    background-position: center;

    background-size: cover;
}

.cx-attero-profiles-reorder-enabled-background-image {
    background-image: url('/img/attero_profiles_reorder_selected.png');
    background-repeat: no-repeat;
    background-position: center;

    background-size: cover;
}

.cx-attero-profiles-copy-enabled-background-image {
    background-image: url('/img/attero_profiles_copy_selected.png');
    background-repeat: no-repeat;
    background-position: center;

    background-size: cover;
}

.cx-attero-profiles-copy-disabled-background-image {
    background-image: url('/img/attero_profiles_copy_unselected.png');
    background-repeat: no-repeat;
    background-position: center;

    background-size: cover;
}

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

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

/* impairment images */
.cx-corruption-img-continuous-burst {
    background-image: url('/img/Corr_Cont_Burst.png');
}

.cx-corruption-img-continuous-rate {
    background-image: url('/img/Corr_Cont_Rate.png');
}

.cx-corruption-img-duration-rate {
    background-image: url('/img/Corr_Dur_Rate.png');
}

.cx-corruption-img-repeat-rate {
    background-image: url('/img/Corr_Rpt_Rate.png');
}

.cx-attero-impairment-active-led {
    background-image: url('/img/LED_SQR_green.png');
    background-repeat: no-repeat;
    background-position: center;

    background-size: contain;
}

.cx-attero-impairment-active-ready {
    background-image: url('/img/LED_SQR_orange.png');
    background-repeat: no-repeat;
    background-position: center;

    background-size: contain;
}

.cx-attero-impairment-inactive {
    background-image: url('/img/LED_SQR_white.png');
    background-repeat: no-repeat;
    background-position: center;

    background-size: contain;
}

.cx-attero-delay-jitter-active-led {
    background-image: url('/img/LED_SQR_green.png');
    background-repeat: no-repeat;
    background-position: center;

    background-size: contain;
}

.cx-attero-delay-jitter-active-ready {
    background-image: url('/img/LED_SQR_orange.png');
    background-repeat: no-repeat;
    background-position: center;

    background-size: contain;
}

.cx-attero-delay-jitter-inactive {
    background-image: url('/img/LED_SQR_white.png');
    background-repeat: no-repeat;
    background-position: center;

    background-size: contain;
}

.cx-attero-plus-icon {
    background-image: url('/img/attero_plus.png');
    background-repeat: no-repeat;
    background-position: center;

    background-size: contain;
}

.cx-attero-minus-icon {
     background-image: url('/img/attero_minus.png');
     background-repeat: no-repeat;
     background-position: center;

     background-size: contain;
 }