/*****************************************************************************
 *                                                                            *
 *   Copyright (C) 2011 Symmetricom, Inc., all rights reserved                *
 *                                                                            *
 *   This software contains proprietary and confidential information of       *
 *   Symmetricom.                                                             *
 *   It may not be reproduced, used, or disclosed to others for any purpose   *
 *   without the written authorization of Symmetricom.                        *
 *                                                                            *
 ******************************************************************************

FILE NAME    : NGSstyle.css

AUTHOR       : Krishnadass Chellasamy

DESCRIPTION  : This file contains css class used by NGS.

Revision control header:
$Id: js/css/NGSstyle.css 1.52 2018/06/29 12:02:17IST Calsoft Labs3 (calsoftlabs3) Exp  $

 ******************************************************************************
 * This Class is a controller part in MVC pattern for NE user security module. This class handles the URL requested by NE security module.
 * <PRE>
 * Change History:
 * Author                		Date             	Explanation
 * ================        		===========        	==============================
 * Krishnadass Chellasamy       06 Jan 2011         Initial version
 * Krishnadass Chellasamy       07 Jul 2011	   	   	Added copyright information & method description 
 * Krishnadass Chellasamy		08 Jul 2011         Modified unavailabe icon reference from "unavailable.png" to "Unavailable.png".													Changed image reference to icon and added new class for tree rendering   
 * Kumar Sandeep                28 Jul 2011         Added new icon passthru.gif  	
 * Ambili Surendran	            05 Aug 2011         Added css for icons print & worstoffender
 * Krishnadass Chellasamy		17 Aug 2011			Added new class for display field  
 * Gouse Walikar                18 Aug 2011         uncommented background-color attribute in legend-label class to get legend panel with 
 *													blue background. 	
 * Gouse Walikar                5  Sep 2011          removed background-color attribute in target .thumb class to make div background trasparent
 * Gouse Walikar				7  Sep 2011          Fixed transparent background issue in IE.
 * Krishnadass Chellasamy       15 Sep 2011	   	    Added class to change panels default background color. 	
 * Krishnadass Chellasamy       22 Sep 2011	   	    Reverted back the background color change.
 * Krishnadass Chellasamy       08 Nov 2011	   	    modified image reference for unLock class.		
 * Suresh                       20 Nov 2011         Removed legend background color and changed the image references
 * Dawood                       22 Nov 2011         Added css classes for topology drag and drop feature   
 * Suresh                       22 Nov 2011 		Updated the image reference for 'Others' in legend	
 * Ambili Surendran             24 Nov 2011 		Added new css for similar faults
 * Gouse Walikar		        06 Dec 2011			Modified background and font color in div.footerText
 * Dawood                       08 Dec 2011         Added css for tool bar background color change,when button is disable
 * Gouse Walikar		        18 Dec 2011	        Added portConfig class
 * Dawood                       20 Dec 2011         overridden extjs window header and grid column header css for our requirement.
 * Dawood                       21 Dec 2011         Added css for login error message.
 * Dawood                       21 Dec 2011         overridden extjs tab bar body css to move tabs towards left corner.
 * Dawood                       23 Dec 2011         Added css for dash board grid panel's header
 * Krishnadass Chellasamy       27 Jan 2012			Modified for PTP client implementation
 * Ambili Surendran             04 Mar 2012         Added css for preview image  
 * Ambili Surendran             14 Mar 2012         Added css for performance tree and find similar alarm
 * Kumar Sandeep                30 Jun 2012         Added css for Password of the day changes  
 * Karun Kumar T S              02 Jul 2012         Added icon-checker class for fault notifier
 * Krishnadass Chellasamy   	10 Sep 2012         Added new class TP10-status-display-field
 * Krishnadass Chellasamy   	26 Dec 2012         Added new class logout to add logout button in security panel for th5500
 * Suresh                       28 Jan 2013         New images for PTP client flash added   
 * Gouse Walikar		        11 Feb 2013	        Added import,export class definition    
 * Harsha                       26 Dec 2013         New image for SNMP Proxy Discover added
 * Ramanuj						7 Feb 2014			New class added for Firmware details grid UI. 
 * ***TimePictra 10.3***
 * Karun Kumar T S              28 Oct 2014         Added pointer cursor to classes "thumb-wrap" & "thumb img" and modified overflow from hidden to visible of "thumb-wrap span" class to display full name in Topology view map
 * Ambili Surendran             31 Oct 2014         Updated to support Static map for sync trail, when google map state is disabled
 * Harsha                       20 Feb 2016         Barrier Free Changes  
 *
 * TimePictra 10.5 SP1
 * ===================
 * Runmayee                     09 June 2016        PRD item#5 - TimeProvider 2700 � Dynamically get the management address of BC and attach to discovered GM					
 *
 * TimePictra 10.6
 * ********************
 * Karun Kumar T S              25 Nov 2016         Added grid-row-span css to support merge multiple rows into one cell
 * Sandeep                      28 Nov 2016         Added icon-config to support IGM config tree
 *
 * TimePictra 10.6 SP1
 * ********************
 * Hasanvali                    21 Mar 2017         Added css for logoff image 
 * 
 * TimePictra 10.8
 * ********************
 * Hasanvali                    01 Jun 2018         PRD#3.1 and PRD#3.2 - Added image to support virtual ne and icon-green position for syntrail details severity
 * Vinayak                      01 Jun 2018         Added position for manage image
 * Karun Kumar T S              09 Jun 2018         Fix for PTR70441 - TP4100 - Performance Monitoring feature missing - Added css for grey image
 * *****TimePictra 10.10*****
 *  ========================= 
 * Priyanka 					29 Jan 2020			TP10-286 : Bug Fix - Topology View ( non gmaps ), Element Position in ptpSyncTrail
 * Vinayak K Pednekar           04 Mar 2020         Fixed issue TP10-315 : Sync Trail Details changes - added border for sync trail details grid header.
 * Priyanka                     09 Mar 2020         TP10-291 : Setup Wizard for HPBC as a GUI
 
 * ******** TimePictra 11  *******
 * Gouse Walikar          	    29 Jul 2020         Added support for new custom themes and styles          		 
 * Priyanka						10 Aug 2020			Fixed tree view display in chrome of Ruleset page
 * Sandeep                      10 Aug 2020         TP10-360 : Network Devices Alarm Flash
 * Priyanka						12 Aug 2020			Fixed PTP Group client view display in chrome
 * Priyanka						18 Aug 2020			Fixed tree view selected node toggling the position
 * Sandeep                      20 Aug 2020         Increased TimePictra console font size 
 * Priyanka						03 Sep 2020			Fixed grid view display in NEstatus and text alignment
 * Priyanka						15 Sep 2020			Added CSS to tree panel grid view.
 * Priyanka						20 Nov 2020			Barrier free issue changes
 * Priyanka						23 Nov 2020			Fixed observed issue of font color
 * Priyanka						01 Dec 2020			Fixed Observed issue, alignment change in sync trail details
 * Priyanka						14 Dec 2020			Fixed barrier free issue, added css changes for auto hiding scrollbar.
 * Priyanka						28 Dec 2020			Barrier free changes, added checkbox image for server push button
 * Priyanka						12 Mar 2021			TP10-63: Undocked dynamic topology window
 * Sandeep                      16 Mar 2021         TP10-71 : Display and Management of the 4100 in a redundant cluster
 * Gouse Walikar          		18 Mar 2021         Added support for TP10-361 - Link / copy of elements
 * Priyanka						26 Mar 2021			Fixed panel backgroud color for dynamic topology
 * Sandeep                      30 Mar 2021         TP10-71 : Show services color legend
 * Priyanka						05 Apr 2021			Fixed TP10-403:HA widget look and feel
 * Priyanka						14 Apr 2021			Fixed issue TP10-416: Inner vertical scroll bars are not accessible freely
 * Sandeep                      28 Apr 2021         TP10-421 : Cannot access some menus in new LV
 * Sandeep                      28 Apr 2021         TP10-478 : Enhancement : Change LV mouse pointer
 * Priyanka						23 Jun 2021			TP10-406: extJS Migration Issue, fixed turncated values of NTP status details
 * Priyanka						10 Aug 2021			Add style property to remove extra mask in firware tab.
 *
 ***TimePictra 11.1***
 * Priyanka HM					17 Jun 2022			Fixed Issue of displaying TP version and copyright info all resolution
 *
 * ****TimePictra 11.2 ****
 * Priyanka HM                  16 Jan 2023         TP10-664 : TP11.2 shall support the use of OpenStreetMap  
 * Vinayak K Pednekar           17 May 2023         TP10-774 Dynamic Alarm Filter
 * </PRE> 
 * 
 */
 
 .x-title-text-default:after {
    font-family: font-family: tahoma,arial,verdana,sans-serif !important;
    content: '' !important;  
 }
.add {
            background-image:url(/EMS/images/add.png) !important;
        }
.option {
    background-image:url(/EMS/images/security/user_edit.png) !important;
}
.remove {
    background-image:url(/EMS/images/deleteCross.png) !important;
}
.save {
    background-image:url(/EMS/images/save.png) !important;
}
.userEnable {
    background-image:url(/EMS/images/security/user_green.gif) !important;
}        
.userDisable {
    background-image:url(/EMS/images/security/user_gray.png) !important;
}
.password {
    background-image:url(/EMS/images/password.gif) !important;
}
.userUnlock {
          background-image:url(/EMS/images/unlock.png) !important;

}
.refresh {
    background-image:url(/EMS/images/refresh.png) !important;
}
.lock {
    background-image:url(/EMS/images/lock.gif) !important;
}
/*
* Krishnadass Chellasamy   	26 Dec 2012         Added new class logout to add logout button in security panel for th5500
*/
.logout {
    background-image:url(/EMS/images/logout.png) !important;
}
.unlock{
	background-image:url(/EMS/images/unlock.png) !important;	
}
.list {
    background-image:url(/EMS/images/viewlist.png) !important;
}
.tabs {
    background-image:url(/EMS/images/tabs.gif) !important;
}
.folderEdit {
    background-image:url(/EMS/images/folder_wrench.png) !important;
}
.icon-print {
    background-image:url(/EMS/images/printer.png) !important;
}
.icon-worstOffender {
    background-image:url(/EMS/images/worstOffender.png) !important;
}
.icon-critical {
    background-image:url(/EMS/images/critical.png) !important;
    background-repeat: no-repeat;
    background-position:2px;
}
.icon-major {
    background-image:url(/EMS/images/major.png) !important;
    background-repeat: no-repeat;
    background-position:2px;
}
.icon-minor {
    background-image:url(/EMS/images/minor.png) !important;
    background-repeat: no-repeat;
     background-position:2px;
}
.icon-NA {
    background-image:url(/EMS/images/others.png) !important;
    background-repeat: no-repeat;
    background-position:2px;
}
.icon-mapped {
    background-image:url(/EMS/images/mapped.png) !important;
    background-repeat: no-repeat;
}

.icon-findAlarm {
    background-image:url(/EMS/images/find_alarm.png) !important;
    background-repeat: no-repeat;
    background-position:2px;
}
.x-grid-dirty-cell {
    background-image:none;
}
.x-grid-dirty-cell {
    background-image:none;
}
.icon-preview {
    background-image:url(/EMS/images/preview.gif) !important;
}
.icon-elbow-line {
    background-image:url(/EMS/images/elbow-line.gif) !important;
}
/*
 *	Added by Krishnadass Chellasamy.Modified panels default color value to blue
 *  22 Sep 2011 Reverted back the background color change.
 */
/* .x-panel-body-default{background:#DFE8F6 !important;border-color:#99bbe8;color:black;border-width:1px;border-style:solid;
} */
/* Extjs 7 */
.x-panel-body-default {
    border-width: 1px;
    border-color: transparent;
    background-color: #efefef !important;
	
}
.addMapping {
     background-image:url(/EMS/images/add.png) !important ;
 }
 
 .icon-finder {
    background-image: url(/EMS/images/find.png) !important;
}
 .normal-folder {
    background-image: url(/EMS/images/folder.gif) !important;
}
.line_tree{
	background-image: url(/EMS/images/elbow-line-small.png) !important;
	 background-repeat: no-repeat;
	 
	}
.empty-folder{
		background-image: url(/EMS/images/empty.gif);
	}
 .red-folder {
    background-image: url(/EMS/images/NEImages/SubGroup/flod-red.png) !important;
}
 .orange-folder {
   background-image: url(/EMS/images/NEImages/SubGroup/flod-orange.png) !important;
}
 .yellow-folder {
   background-image: url(/EMS/images/NEImages/SubGroup/flod-yellow.png) !important;
}
 .green-folder {
   background-image: url(/EMS/images/NEImages/SubGroup/flod-green.png) !important;
}
/*
 *	Modified by Krishnadass Chellasamy.Changed image reference to icon and added new class for tree rendering
 *  Modified by Krishnadass Chellasamy.Changed unavailabe icon reference from "unavailable.png" to "Unavailable.png". 
 */
  .black-ne {
   background-image: url(/EMS/images/unmanage.png) !important;
   background-repeat: no-repeat;
   background-position: center;
}
 .cyan-ne {
   background-image: url(/EMS/images/Unavailable.png) !important;
   background-repeat: no-repeat;
   background-position: center;
} 
 .red-x-ne {
   background-image: url(/EMS/images/critical-x.png) !important;
   background-repeat: no-repeat;
   background-position: center;
} 
 .deep-x-ne {
   background-image: url(/EMS/images/major-x.png) !important;
   background-repeat: no-repeat;
   background-position: center;
} 
 .yellow-x-ne {
   background-image: url(/EMS/images/minor-x.png) !important;
   background-repeat: no-repeat;
   background-position: center;
}
 .green-x-ne {
   background-image: url(/EMS/images/green-x.png) !important;
   background-repeat: no-repeat;
   background-position: center;
} 
 .green-ne {
   background-image: url(/EMS/images/manage.png) !important;
   background-repeat: no-repeat;
   background-position: center;
} 
 .red-ne {
   background-image: url(/EMS/images/critical.gif) !important;
   background-repeat: no-repeat;
   background-position: center;
}  
  .deep-ne {
   background-image: url(/EMS/images/major.gif) !important;
   background-repeat: no-repeat;
   background-position: center;
}  
  .yellow-ne {
   background-image: url(/EMS/images/minor.gif) !important;
   background-repeat: no-repeat;
   background-position: center;   
}
  .remanage-ne {
   background-image: url(/EMS/images/remanage.png) !important;
   background-repeat: no-repeat;
   background-position: center;   
}
  .audit-ne {
   background-image: url(/EMS/images/audit.png) !important;
   background-repeat: no-repeat;
   background-position: center;   
}
  .ptp-client-node {
   background-image: url(/EMS/images/ptp_gm.png) !important;
   background-repeat: no-repeat;
   background-position: center;   
}

  .ptp-client-minor {
   background-image: url(/EMS/images/ptp_minor.gif) !important;
   background-repeat: no-repeat;
   background-position: center;   
}

  .ptp-client-major {
   background-image: url(/EMS/images/ptp_major.gif) !important;
   background-repeat: no-repeat;
   background-position: center;   
}

  .ptp-client-critical {
   background-image: url(/EMS/images/ptp_critical.gif) !important;
   background-repeat: no-repeat;
   background-position: center;   
}

  .ptp-client-minor-png {
   background-image: url(/EMS/images/ptp_minor.png) !important;
   background-repeat: no-repeat;
   background-position: center;   
}

  .ptp-client-major-png {
   background-image: url(/EMS/images/ptp_major.png) !important;
   background-repeat: no-repeat;
   background-position: center;   
}

  .ptp-client-critical-png {
   background-image: url(/EMS/images/ptp_critical.png) !important;
   background-repeat: no-repeat;
   background-position: center;   
}
.icon-critical-png {
    background-image:url(/EMS/images/critical.png) !important;
    background-repeat: no-repeat;
    background-position: center;
}
.icon-major-png {
    background-image:url(/EMS/images/major.png) !important;
    background-repeat: no-repeat;
    background-position: center;
}
.icon-minor-png {
    background-image:url(/EMS/images/minor.png) !important;
    background-repeat: no-repeat;
    background-position: center;
}
/*  .black-ssu {
   background-image: url(/EMS/images/NEImages/SSU2K/ssu2k_black.jpg) !important;
}
 .cyan-ssu {
   background-image: url(/EMS/images/NEImages/SSU2K/ssu2k_cyan.jpg) !important;
} 
 .red-x-ssu {
   background-image: url(/EMS/images/NEImages/SSU2K/SSU2000_red_X.gif) !important;
} 
 .deep-x-ssu {
   background-image: url(/EMS/images/NEImages/SSU2K/SSU2000_deep_X.gif) !important;
} 
 .yellow-x-ssu {
   background-image: url(/EMS/images/NEImages/SSU2K/SSU2000_yellow_X.gif) !important;
}
 .green-ssu {
   background-image: url(/EMS/images/NEImages/SSU2K/ssu2k_green.jpg) !important;
} 
 .red-ssu {
   background-image: url(/EMS/images/NEImages/SSU2K/SSU2000_red.gif) !important;
}  
  .deep-ssu {
   background-image: url(/EMS/images/NEImages/SSU2K/SSU2000_deep.gif) !important;
}  
  .yellow-ssu {
   background-image: url(/EMS/images/NEImages/SSU2K/SSU2000_yellow.gif) !important;
}  */
.legend-label{
	font-size: 10px;
	font-family: bold tahoma,arial,verdana,sans-serif;
	/*background-color: #DFE8F6; */	
	height:20px;
}
.x-grid3-check-col-off {
	background-image:url(../images/default/menu/unchecked.gif);
}

.x-grid3-row-severity-critical {
	background-color: #FE0000 !important;
	background-image: none;
	border-color:#a3bae9;
}
.x-grid3-row-severity-major {
	background-color: #FFA500;
	background-image: none;
	border-color:#a3bae9;
}

.x-btn-default-toolbar-small {
    /*border-color: #b2b2b2 !important;*/
    border-color: white !important;
}

.x-grid-item-selected {
	/* border-style: solid; */ /*Priyanka: to remove border and position move  */
    border-color: #e3e0e0;
    font: bold 11px/13px tahoma, arial, verdana, sans-serif !important;
    background-color: #D7D7D7 !important;
	
}

.x-grid3-row-severity-minor {
	background-color: #FFE600 ;
	background-image: none;
	border-color:#a3bae9;
}


.x-combo-list .x-combo-selected-critical{     
	border-color:#a3bae9 !important;
    background-color:#FE0000;
}

#target .thumb{
	padding: 3px;
	position: center;
	background-position: center;
}
#target .thumb img{
	height: 16px;
	width: 16px;
	position: center;
	cursor:pointer;
	background-repeat: no-repeat;
   	background-position: center;
}
#target .thumb-wrap{
	float: left;
	margin: 4px;
	cursor:pointer;
	margin-right: 0;
	padding: 5px;
}
#target .thumb-wrap span{
	display: block;
	overflow: visible;
	text-align: center;
	background-color: transparent;

}


#target .portThumb{
	padding: 3px;
	position: center;
	background-position: center;
}
#target .portThumb img{
	height: 16px;
	width: 16px;
	position: center;
	cursor:pointer;
	background-repeat: no-repeat;
   	background-position: center;
}
#target .portThumb-wrap{
	float: left;
	margin: 4px;
	cursor:pointer;
	margin-right: 0;
	padding: 5px;
}
#target .portThumb-wrap span{
	display: block;
	overflow: visible;
	text-align: center;
	background-color: transparent;
	font-family:verdana;
	font-weight:bold;
 	font-size:9px; 	
}




#target .x-view-over{
    border:1px solid #dddddd;
    background: #efefef url(../resources/images/default/grid/row-over.gif) repeat-x left top;
	padding: 4px;
}

#target .x-view-selected{
	background: #eff5fb url(images/selected.gif) no-repeat right bottom;
	border:1px solid #99bbe8;
	padding: 4px;
}
#target .x-view-selected .thumb{
	background:transparent;
}

#target .x-item-selected{
	background: #eff5fb url(images/selected.gif) no-repeat right bottom;
	border:1px solid #99bbe8;
	padding: 4px;
}
#target .x-item-selected .thumb{
	background:transparent;
}

#target .loading-indicator {
	font-size:11px;
	background-image:url(../resources/images/default/grid/loading.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left:20px;
	margin:10px;
}

.dd-proxy {
    opacity:0.4;
    -moz-opacity:0.4;
    filter:alpha(opacity=40);
    cursor:default ! important;
}
.x-grid3-hd-text {
	display: block;
	padding: 3px 5px 3px 5px;
	text-align:center;
	font-weight:bold;
	-moz-user-select: none;
	-khtml-user-select: none;
    -webkit-user-select:ignore;
}
.icon-add {
    background-image: url(/EMS/images/add.png) !important;
}

.icon-discover {
    background-image: url(/EMS/images/discover.png) !important;
}

.icon-deletecross {
    background-image: url(/EMS/images/deleteCross.png) !important; 
}

.icon-edit {
	background-image: url(/EMS/images/doc.gif) !important;
}

.icon-cross {
    background-image: url(/EMS/images/cross.png) !important;
}
.icon-alarms {
    background-image: url(/EMS/images/alarms.png) !important;
}
.icon-events {
    background-image: url(/EMS/images/events.png) !important;
}
.icon-list {
    background-image: url(/EMS/images/viewlist.png) !important;
}
.icon-passthru {
    background-image: url(/EMS/images/passthru.gif) !important;
}
.right {
  text-align: right;
}

.icon-user {
    background-image: url(/EMS/images/user.png) !important;
}
.icon-graph {
	background-image: url(/EMS/images/performance.png) !important;
}

.icon-create {
    background-image: url(/EMS/images/create.png) !important;
}

.icon-open {
	background-image: url(/EMS/images/open.gif) !important;
}

#logtext{
	text-decoration: none;
	/*color:#15428B;*/
	color:white;
	font-weight: bold;
}

.ux-layout-center-item {
    margin:0 auto;
    text-align:left;
}
.ux-layout-center .x-panel-body,   
body.ux-layout-center {            
    text-align:center;
}
.icon-configuration {
    background-image: url(/EMS/images/configuration.png) !important;
}
.tree_default
{
	font-family:verdana;
	font-size:55px;
	color:#3C4358;
	padding:0px;
}

.details_label 
 {
 	font-weight:bold;
 	font-size:11px; 	
 	font-family: tahoma,arial,verdana,sans-serif;
 	
 }
 
.x-form-item-label {
  font:bold 11px tahoma, arial, helvetica, sans-serif;
  /* text-align:left; */
}

.display_field{
	float:left;
	margin:0;
	font:normal 11px tahoma,arial,verdana,sans-serif;
	color:black;
}
 
.x-form-readOnly-label{
	cursor: default;
    opacity: .6;
    -moz-opacity: .6;
    filter: alpha(opacity=60);
  	cursor: default;
  	color: gray;
    border-bottom-color:#b5b8c8;
    text-decoration:none;
    font-color:gray;
}
 
.product_dsc 
 {
 	/*font-weight:bold;*/
 	/*font-size:11px;*/ 	
 	font-family: tahoma,arial,verdana,sans-serif;
 	
 }  
 
.editable-gridCell{	
	background-color: white ;
	} 


.x-config-notavail-label{	
	font:bold 20px tahoma, arial, helvetica, sans-serif;	
	}
 
.tablespacing{
	border-collapse:separate; 
	border-spacing:1em;
	} 
 .x-grid-checkheader {
    height: 14px;
    background-image: url('/EMS/images/unchecked.gif');
    background-position: 50% -2px;
    background-repeat: no-repeat;
    background-color: transparent;
}

.x-grid-checkheader-checked {
    background-image: url('/EMS/images/checked.gif');
}

.x-grid-checkheader-editor .x-form-cb-wrap {
    text-align: center;
}

.x-grid-dirty-cell {
     background-image:none;
}
.local-x-form-display-field {
	font-weight:bold;
	text-align:left;
    display: block;
    z-index: 2;
    color:RED;
}
div.copyRightText{
	/*text-align:center;*/
	color:black;
	font: 11px Verdana, Arial,Bold, sans-serif;
}

/* STYLE CSS Document */

div.symmLogo{
	position:absolute;
	top:0;
	left:0;	
	height:8%;
	width:194px;
	}
div.symmtext{	
	top:0;
	right:0;
	font: 30px Verdana, Arial,Bold, sans-serif;
	color:#20A0E8;
	background-color:white;
}	

td.LoginText{
	font: 11px Verdana, Arial, Bold, sans-serif;
	color:#00009C;
}
div.footerText{
	background-color:white;
	text-align:right;
	color:black;
	font: 12px Verdana, Arial,Bold, sans-serif;
	width:100vw;
}


#login{	
	width: 25%;
	border-width: thin;
	border: 1px groove;
}
	
#header ul {
		list-style: none;
		padding: 0;
		margin: 0;
}

#header {
	width: 100%;
	height: 100%;
}

#header li {
	float: left;
	border: 1px outset;
	border-width: thin;
	border-color:#C2DFFF;
	font: 12px Verdana, sans-serif;
	border-bottom-width: 0;
	margin: 0 0.20em 0 0;
}
	
#header #tab-a {
	display: white;
	color: white;
	text-decoration: none;
	padding-left: 0px;
	padding-right: 0px;
}
	
#header #tab-a:hover {
	color: #00009C;
}
	
#header #selected {
	padding-bottom: 1px; 
	color: black;
	font-weight: bold;
}
	
#header #selected #tab-a {
	color: black;
}
	
#content {
	clear: both;
	color: black;
	padding: 1em;
	border: 2 groove;
	background-color: #C2DFFF;
}
	
#div-button{
	background-color: white;
	width: 75%;
}

#anchor{
	font: 11px Verdana, Arial, sans-serif;
}
#fault-table { 
	border-collapse: collapse;
	border: 1px groove; 
	padding: 0.5em;
}

#fault-table th{ 
	padding: 0.25em; 
	font:  11px Verdana,Arial, sans-serif;
	background-color: #C2DFFF;
	font-weight: bold;
}
	
#fault-table td { 
	font:  11px Verdana, Arial, sans-serif;
	padding-left: 1.5em;
	padding-right: 1.5em;
}

#id_UserPreference_Window .x-panel-header-default-horizontal.x-header-noborder {
    padding: 2px 3px 2px 3px;
}

.x-tab-button {
	text-align : center;
}

#fault-table caption {
  caption-side: top;
  font: 17px Verdana, Arial, bold, sans-serif;
  text-align: center;
  padding: 0.25em 0;
  color:#00009C;
}

div.title {
  font: 11px Verdana, Arial, Bold, sans-serif;
  text-align: left;
 
  background-color: #C2DFFF;
}

div.content {
    border: #48f solid 3px;
    clear: left;
    padding: 1em;
}

#Abs {
	
}
	
.Errortext{
	font: 12px Verdana, Arial, Bold, sans-serif;
	color:red;
	font-weight: bold;
}

#menudiv{
	border-style: groove;
	border-width: thin;
	}
	
.item{
	font: 11px Verdana, Arial, sans-serif;
	padding-bottom: 0.15em;
	padding-right: 1.5em;
}
	
#menu-a{
	text-decoration: none;
	border:none;
	color: black;
}

#title1{
	width: 22%; 
	background-color: white; 
	border-style: groove;
	border-width: thin; 
	margin: 25px;
}

#menu-img{
	border-style: none;
	text-align: center;
}

#title {
  font: 11px Verdana, Arial, sans-serif;
  font-weight:bold;
  text-align: center;
  color: black;
  width: 70px;
  background-color:white ;
}
	

.x-counter-disp {
	font:bold 11px tahoma, arial, helvetica, sans-serif;
}

div.item {
	width:75px; /*added*/
	height:40px;	/*added*/
	text-align:center;
	align : center;		
	font-size:11px;
	font-family:sans-serif;
	position:absolute;
	background:transparent;
}
.draggable {
}
#win .x-panel-body {
	background-color:#f0f0f0 ! important;
	position:relative;
}
.dd-proxy {
	opacity:0.4;
	-moz-opacity:0.4;
	filter:alpha(opacity=40);
	cursor:default ! important;
}
.button_disable{
	background-color:lightgrey !important;
}
.portConfig{
	text-align:center;
	font: 10px Verdana, Arial, Bold, sans-serif;
	color:black;
	font-weight: bold;
}
.loginForm{
	background-color:#e0e0e0 !important; //to remove framen border
}

.loginSecurityForm{
	background-color:#0066FF !important;

}

.x-reset .x-column-header {
    border-style: none solid none none;
    color: #666666;
    font: bold 11px tahoma,arial,verdana,sans-serif !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}

.x-column-header  *{
    font: bold 11px tahoma,arial,verdana,sans-serif !important;
}

.x-reset .x-window-header-text-default {
    color: #000000 !important;
    font-family: tahoma,arial,verdana,sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 16px;
}

.login-error-display-field {
	font-family: tahoma,arial,verdana,sans-serif;
    font-size: 15px;
    font-weight: bold;
	text-align:left;
    color:RED;
}
.TP10-console-display-field {
	font-family: tahoma,arial,verdana,sans-serif;
    font-size: 15px;
    font-weight: bold;
	text-align:left;
    color:GREY;
}
.TP10-status-display-field {
	font-family: tahoma,arial,verdana,sans-serif;
    font-size: 12px;
    /* font-weight: bold; */
	text-align:left;
    color:GREY;
}
.TP10-status-display-field-Red {
	font-family: tahoma,arial,verdana,sans-serif;
    font-size: 12px;
    /* font-weight: bold; */
	text-align:left;
    color:RED;
}
.TP10-status-display-field-Green {
	font-family: tahoma,arial,verdana,sans-serif;
    font-size: 12px;
	text-align:left;
    color:#008000;
}
.x-reset .x-tab-bar-top .x-tab-bar-body {
    border-width: 1px 1px 0;
    padding: 0 0px !important;
}

.icon-checker {
    background-image:url(/EMS/images/checker.gif) !important;
    background-repeat: no-repeat;
    background-position:25px;
    background-color: transparent;
}

.dashboard-panel-header *{
    color: #666666;
    background-color: #E6E6E6;
    font: bold 11px tahoma,arial,verdana,sans-serif !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
    background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(50%, #f3f3f3), color-stop(51%, #e6e6e6), color-stop(100%, #d9d9d9));
	background-image:-webkit-linear-gradient(center top, #ffffff,#f3f3f3 50%,#e6e6e6 51%,#d9d9d9);
	background-image:-moz-linear-gradient(center top, #ffffff,#f3f3f3 50%,#e6e6e6 51%,#d9d9d9);
	background-image:-o-linear-gradient(center top, #ffffff,#f3f3f3 50%,#e6e6e6 51%,#d9d9d9);
	background-image:-ms-linear-gradient(center top, #ffffff,#f3f3f3 50%,#e6e6e6 51%,#d9d9d9);
	background-image:linear-gradient(center top, #ffffff,#f3f3f3 50%,#e6e6e6 51%,#d9d9d9)}
 }
 
 .import {
    background-image:url(/EMS/images/import.png) !important;
	}
 .export {
    background-image:url(/EMS/images/export.png) !important;
	}
	
.icon-edit {
    background-image:url(/EMS/images/edit.png) !important;
    background-repeat: no-repeat;
    background-position:2px;
}

.icon-config {
    background-image:url(/EMS/images/config-edit.png) !important;
    background-repeat: no-repeat;
    background-position:0px;
}

.display-header {
	font-family: tahoma,arial,verdana,sans-serif;
    font-size: 12px;
    font-weight: bold; 
	text-align:left;
    color:BLACK;
}
.firmware-sftp-ftp-main .x-column-header-inner {
	zoom: 1;
	font-family: tahoma,arial,verdana,sans-serif;
    font-size: 11px;
    font-weight: bold; 
	position: relative;
	white-space: nowrap;
	line-height: 22px;
	padding: 0px 6px 12px 96px;
	background-color:lightgrey !important;
	color:#666666;
	text-shadow:rgba(255, 255, 255, 0.298039) 0 1px 0;
	vertical-align:text-top;
}
	
.firmware-sftp-ftp-sub .x-column-header-inner {
	zoom: 1;
	font-family: tahoma,arial,verdana,sans-serif;
    font-size: 11px;
    font-weight: bold; 
	position: relative;
	white-space: nowrap;
	line-height: 22px;
	padding: 0px 6px 12px 96px;
	background-color:#F0F0F0 !important;
	color:#666666;
	text-shadow:rgba(255, 255, 255, 0.298039) 0 1px 0;
	vertical-align:text-bottom;
}

.grid-row-span .x-grid3-row {
    border-bottom: 0;
}
.grid-row-span .x-grid3-col {
    border-bottom: 1px solid #ededed;
}
.grid-row-span .row-span {
    border-bottom: 1px solid #fff;
}
.grid-row-span .row-span-first {
    position: relative;
}
.grid-row-span .row-span-first .x-grid3-cell-inner {
    position: absolute;
}
.grid-row-span .row-span-last {
    border-bottom: 1px solid #ededed;
}

x-form-trigger-wrap {
    border-radius: 4px;   
}

.x-form-text-wrap {
    border-radius: 4px;
}

textarea,textarea:focus,input,input:focus{	
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    border: 1px solid #0000ff;
    border-radius: 1px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0px 0px 0px #ff0000;
    -moz-box-shadow: 0px 0px 0px #ff0000;
    -webkit-box-shadow: 0px 0px 0px #ff0000;
}

button,button:focus,input,input:focus{	
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    border: 1px solid #0000ff;
    border-radius: 1px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0px 0px 0px #ff0000;
    -moz-box-shadow: 0px 0px 0px #ff0000;
    -webkit-box-shadow: 0px 0px 0px #ff0000;
}

input:focus,textarea:focus { 
    outline: none;
    border: 1px solid #7bc1f7;
    box-shadow: 0px 0px 8px #7bc1f7;
    -moz-box-shadow: 0px 0px 8px #7bc1f7;
    -webkit-box-shadow: 0px 0px 8px #7bc1f7;
}

input:focus,button:focus { 
    outline: none;
    border: 1px solid #7bc1f7;
    box-shadow: 0px 0px 8px #7bc1f7;
    -moz-box-shadow: 0px 0px 8px #7bc1f7;
    -webkit-box-shadow: 0px 0px 8px #7bc1f7;
}

/*
* Hasanvali: Added logoff image
*/
.logoff{
          background-image:url(/EMS/images/logoff.png) !important;
}

/*
* Vinayak: Added position for manage image
*/
.icon-green {
	background-image: url(/EMS/images/manage.png) !important;
	background-repeat: no-repeat;
	background-position: 2px;
}

/*
* Hasanvali: Added Virtual image
*/
 .virtual-ne {
   background-image: url(/EMS/images/virtual.png) !important;
   background-repeat: no-repeat;
   background-position: center;   
}

 .gray-ne {
   background-image: url(/EMS/images/gray.png) !important;
   background-repeat: no-repeat;
   background-position: center;
} 
#neInfoDetails {
	background-color: #ffffff !important;
	border-color: white;
	box-shadow: #fff 0 1px 0px 0 inset, #fff 0 -1px 0px 0 inset, #fff -1px 0
		0px 0 inset, #ffffff 1px 0 0px 0 inset;
}

#neInfoDetails .x-window-header-default {
	background-color: #ffffff !important;
	border-color: white;
	box-shadow: #ffffff 0 1px 0px 0 inset, #ffffff -1px 0 0px 0 inset,
		#ffffff 1px 0 0px 0 inset;
}

#neInfoDetails .x-window-body-default {
	background-color: #ffffff !important;
	border-color: white;
}


#ptpSyncTrialTarget .thumb{
	padding: 3px;
	position: center;
	background-position: center;
}
#ptpSyncTrialTarget .thumb img{
	height: 16px;
	width: 16px;
	position: center;
	cursor:pointer;
	background-repeat: no-repeat;
   	background-position: center;
}
#ptpSyncTrialTarget .thumb-wrap{
	float: left;
	margin: 4px;
	cursor:pointer;
	margin-right: 0;
	padding: 5px;
}
#ptpSyncTrialTarget .thumb-wrap span{
	display: block;
	overflow: visible;
	text-align: center;
	background-color: transparent;

}


#ptpSyncTrialTarget .portThumb{
	padding: 3px;
	position: center;
	background-position: center;
}
 #ptpSyncTrialTarget .portThumb img{
	position: center;
	cursor:pointer;
	background-repeat: no-repeat;
   	background-position: center;
}
#ptpSyncTrialTarget .portThumb-wrap{
	float: left;
	margin: 4px;
	cursor:pointer;
	margin-right: 0;
	padding: 5px;
}
#ptpSyncTrialTarget .portThumb-wrap span{
	display: block;
	overflow: visible;
	text-align: center;
	background-color: transparent;
	font-family:verdana;
	font-weight:bold;
 	font-size:9px; 	
}




#ptpSyncTrialTarget .x-view-over{
    border:1px solid #dddddd;
    background: #efefef url(../resources/images/default/grid/row-over.gif) repeat-x left top;
	padding: 4px;
}

#ptpSyncTrialTarget .x-view-selected{
	background: #eff5fb url(images/selected.gif) no-repeat right bottom;
	border:1px solid #99bbe8;
	padding: 4px;
}
#ptpSyncTrialTarget .x-view-selected .thumb{
	background:transparent;
}

#ptpSyncTrialTarget .x-item-selected{
	background: #eff5fb url(images/selected.gif) no-repeat right bottom;
	border:1px solid #99bbe8;
	padding: 4px;
}
#ptpSyncTrialTarget .x-item-selected .thumb{
	background:transparent;
}

#ptpSyncTrialTarget .loading-indicator {
	font-size:11px;
	background-image:url(../resources/images/default/grid/loading.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left:20px;
	margin:10px;
}

.sync-trial-master-column {
	zoom: 1;
	font-family: tahoma,arial,verdana,sans-serif;
    font-size: 11px;
    font-weight: bold;
	position: relative;
	white-space: nowrap;
	line-height: 22px;
	/*padding: 0px 6px 12px 96px;*/
	/* background-color:lightgrey !important; */
	color:#666666;
	text-shadow:rgba(255, 255, 255, 0.298039) 0 1px 0;
	vertical-align:text-top;
	border: 1px solid #666666;
}

.trail-column-grid-border {
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
}

.multiline-row .x-grid-cell-inner {
    overflow: auto !important;
    white-space: normal !important;
    text-overflow: ellipsis;
    display: block;
}
/* Extjs 7 changes */
/* .x-panel-body-default {
    border-width: 1px;
    border-color: transparent;
    background-color: #efefef !important;
} */

.panelbody{
    border-width: 1px;
    border-color: transparent;
    background-color: #126da0 !important;
	
}

.panelbodywithNoBorder{
    
    background-color: #126da0 !important;
	
}

.tbarbuttonFont{
	font-weight: bold;
	/*color:#FFD180;*/
	/*color:#FFffff;*/
}

#cpeTreePanel, #ptpClockIdAvailGrid, #ssuNeDetail_Gps3{ /*unable display grid data in Ruleset and PTP-Groups view in chrome  */
	-webkit-backface-visibility : hidden !important;
}

#id_treeSubPanel1 fieldset, #id_treeSubPanel1 fieldset .x-toolbar-default 
, #idtp4100_treeEwSubPane1 fieldset, #idtp4100_treeEwSubPane1 fieldset .x-toolbar-default,  #gpsfwPerformanceSelectToolbar {
	background-color: #fff;
	background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
}
.x-tree-view {
    background-color: #fff;
}

#backupRestoreNeListgrd-body * {
	background-color: #fff;
}
.x-title-text-default {
	background-color: #ebebeb;
}

#tree .x-grid-item-selected {	
    background-color: #D7D7D7 !important;
	
}

.x-tip-default {
    background-color: #fff !important;
    background-image:none !important;
}

#ngsUserLogout-innerCt{
	background-color: #126da0;
}

.x-toolbar-toolbar-level3 [id$='ServerPushChkBox'] * {
	color:#ffffff !important;
}

.fontcolor  .x-form-cb-label {color: #ffffff !important;}

.x-toast {
    top: 50% !important; 
}

.x-fieldset-header-default > .x-fieldset-header-text { /*legends are not visible in chrome  */
	position:static;
}

html {
    overflow-y: scroll;
    overflow-x: hidden;
}

*{
    -ms-overflow-style: auto ;  /* Edge and IE doesnt support webkit-scrollbar and -ms-autohiding-scrollbar overlaps elements, hence auto hiding is not available*/
    scrollbar-width: thin;  /* Firefox */
    scrollbar-color: transparent transparent;
}

div:hover{
  scrollbar-width: thin !important;
  scrollbar-color: rgba(0, 0, 0, 0.3) transparent !important;
}

::-webkit-scrollbar {
   width: 7px;
   height:7px;
   background: transparent;
}

*:hover::-webkit-scrollbar {
   width: 7px;
   height:7px;
}
/* Optional: show position indicator */
::-webkit-scrollbar-thumb {
    background: transparent;
}

*:hover::-webkit-scrollbar-thumb {
    background: #c0c0c0;
}

.requiredfield {
	color:red;
	font-weight:bold;
}

.checked {
	background-image:url(/EMS/images/checked.gif) !important;
}

.unchecked {
	background-image:url(/EMS/images/unchecked.gif) !important;
}

   #ngsUserLogout a:focus {
  background-color: #d5e7fd !important;
  color : black !important;
  transform: scale(1.08);
}

/* .x-keyboard-mode .x-btn-focus.x-btn-networkpane-blue-button-small {  
    -webkit-filter: invert(100%);
    filter: invert(100%);
} */

 span {
 outline: 0 !important;
    }
a.x-btn:focus {
  border: 1px solid !important;
 /*  transform: scale(1.08); */
}

 .x-grid-item-focused .x-grid-cell-inner:before {
 border: 2px solid !important;
 }
 
 .x-column-header-focus .x-column-header-inner:after {
 border: 2px solid !important;
    }
    
 #dockedbreadCrumbArea *, #id_dockedbreadCrumbArea *{
	color:#000 !important;
}

.toggleOff .x-form-checkbox-default {
    background: url(/EMS/images/onoff.jpg) no-repeat;
    width:40px;
    height:20px;
    position:absolute;
    margin:1px 0px 5px 0px;
    /* background-position: 0px -22px; */
}

.labelPos {
    padding-left: 43px !important;
}

.togglefocus .x-keyboard-mode .x-form-checkbox-focus.x-form-checkbox-default {
	border:none !important;
}

.togglefocus .x-keyboard-mode .x-form-cb-checked .x-form-checkbox-focus.x-form-checkbox-default {
	border:none !important;
}

.toggleOn .x-form-checkbox-default {
   background: url(/EMS/images/onoff.jpg) no-repeat !important;
   	background-position: 0px -20px !important;
   	position:absolute;
}

#idNetworkPanel-body {
	overflow: auto !important;
}

/* #southFooter div.footerText{
	background-color:inherit;
	text-align:right;
	width:80% !important;
	color:black;
	font: 12px Verdana, Arial,Bold, sans-serif;
} */

#logicalviewCanvasCanvasFieldset { background : #efefef !important}
.link-ne {
   background-image: url(/EMS/images/nelink.png) !important;
   background-repeat: no-repeat;
   background-position: center;   
}

#logicalviewCanvasCanvasFieldset, #topo_ptpPaperPanel{ background : #efefef !important}

.dot {
  height: 10px;
  width: 10px;
  background-color: blue;
  margin-left:10px;
  margin-top:5px;
  /* border-radius: 50%; */
  display: inline-block;
}

.secondary_class {
	background: #f2f2f2 !important;
}

.joint-element {
	cursor: pointer !important;
}

.arrowPointer {
   cursor:move !important;
}

.UserCls,.UserCls .x-form-item-label,.UserCls .x-form-display-field
{
  min-height:16px;
  padding-top:0;
  margin-top:0;
  margin-bottom:0;
}

#generalDetailsPannel .x-mask , #sftpDetailsPannel .x-mask{
	background-image: none;
    background-color: #f2f2f29c !important;
    cursor: default;
    border-style: solid;
    border-width: 1px;
    border-color: transparent;
}

#systemAdminPanel-region ,#systemAdminPanel-region-body,#GoogleMapSettingPanel{
	width:100%;
	height :100% !important;
}

#GoogleMapSettingPanel-outerCt ,#GoogleMapSettingPanel-body {
	height : 90% !important ;
}
 .mapCSSClass {
 background: transparent;
 background-color : transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before {
  border : none !important;
}

#mapTree .x-tree-icon-parent,#mapTree .x-tree-icon-leaf,#mapTree .x-tree-icon-leaf, #mapTree .x-tree-icon-parent-expanded  {
                display: none !important;
 }
 
.mapCss {
    background-position:center  !important;
    background-repeat: no-repeat;
    background-image: url("/EMS/images/save.png") !important; 
}

.noPointer {
	pointer-events: none !important;
}

.filterConainerTextCls {
	font: 700 11px/13px tahoma, arial, verdana, sans-serif
}

.filterContainerDisabledCls  {
	font-weight: bold;
    opacity: 0.2
}