body{
	background-color:#DFE8F6;
	color:#333;
	font:12px Arial, Helvetica, sans-serif;
}

input:focus,
textarea:focus,
select:focus {
  outline: none;
  box-shadow: none;
}

input::-moz-focus-inner {
  border: 0;
}

.link-panel a{
	display:block;
	padding:10px 0 1px 10px;
	font-weight:bold;
	border-bottom:1px solid #99BBE8;
	background-color:#EFF8FF;
}

.link-panel a:link, .link-panel a:visited{
	text-decoration:none;
	color:#333;
}

.link-panel a:hover{
	text-decoration:none;
	color:#15428B;
	background-color:#E0EEFA;
}

span#num_days_top_pages, span#num_days_kpi, span#num_days, span#exec_ltensn_count, span#exec_lteeri_count, span#exec_5gnsn_count, span#exec_5geri_count, span#exec_5gsam_count
{
	display:block;
	float:right;
	width:140px;
	margin-top:-23px;
}

span#exec_ltensn_count, span#exec_lteeri_count , span#exec_5gnsn_count , span#exec_5geri_count, span#exec_5gsam_count
{	
	width:110px !important;	
}

span#num_days_top_pages input, span#num_days_kpi input, span#num_days input, 
span#exec_ltensn_count input, span#exec_lteeri_count input , span#exec_5gnsn_count input , span#exec_5geri_count input, span#exec_5gsam_count input {
	width:30px;
	border:1px solid #bbb;
}
span#num_days_top_pages input:focus, span#num_days_kpi input:focus, span#num_days input:focus, 
span#exec_ltensn_count input:focus, span#exec_lteeri_count input:focus , span#exec_5gnsn_count input:focus , span#exec_5geri_count input:focus, span#exec_5gsam_count input:focus
{
	border:1px solid #ccc;
}

.carrierbtnSmall .x-btn button{	font-size:0.8em;}
.carrierbtnMedium .x-btn button{font-size:9px;}

.sectorbtnSmall .x-btn button{	font-size:0.8em;}
.sectorbtnMedium .x-btn button{
	font-size:9px; 
	padding-left: 0px;
	padding-right: 0px;
	min-width: 18px;
	width: 18px;
	max-width: 18px;
}

.sectorbtnlabelMedium .x-btn button{	font-size:9px;}
.sectorbtnlabelSmall .x-btn button{	font-size:9px;}

.sector-tlbx-aa .x-toolbar-left-row .x-toolbar-cell:first-of-type {
	vertical-align: baseline;
}

.sectorsContainerMain {/* FireFOX */
	/* width: 312px; */
	/* height: 46px; */
	overflow-y: auto;
	scrollbar-color: #CDCDCD #F0F0F0;
	scrollbar-width: thin;
}

/* Works on Chrome/Edge/Safari */
.sectorsContainerMain::-webkit-scrollbar {
  width: 12px;
}
.sectorsContainerMain::-webkit-scrollbar-track {
  background: #F0F0F0;
}
.sectorsContainerMain::-webkit-scrollbar-thumb {
  background-color: #CDCDCD;
  border-radius: 20px;
  border: 3px solid #F0F0F0;
}



/*
.carrierbtnSmall .x-btn button{	font-size:0.8em;}
.carrierbtnMedium .x-btn button{font-size:10px; padding-left: 1px;  padding-right: 1px;}

.sectorbtnSmall .x-btn button{	font-size:0.8em;}
.sectorbtnMedium .x-btn button{font-size:10px; padding-left: 0px;  padding-right: 0px;}

.sectorbtnlabelMedium .x-btn button{	font-size:10px;}
.sectorbtnlabelSmall .x-btn button{	font-size:10px;}
*/


.icon-plus{
	background-image:url(icons/add.gif) !important;
}

.icon-delete{
	background-image:url(icons/delete.gif) !important;
}

.icon-edit{
	background:transparent url(icons/edit.png) no-repeat scroll 0px 4px !important;
}

.icon-commit{
	background:transparent url(icons/table_save.png) no-repeat scroll 0px 0px !important;
}

.icon-restore{
	background:transparent url(icons/table_refresh.png) no-repeat scroll 0px 0px !important;
}

.icon-show-uncommited{
	background:transparent url(icons/table_row_delete.png) no-repeat scroll 0px 0px !important;
}

.icon-expand{
	background:transparent url(icons/arrow-branch-270-left.png) no-repeat scroll 0px 0px !important;
}

.icon-collapse{
	background:transparent url(icons/arrow-branch-090-left.png) no-repeat scroll 0px 0px !important;
}

.icon-NT{
	background:transparent url(icons/NortelSmall.gif) no-repeat scroll 0px 0px !important;
}

.icon-LU{
	background:transparent url(icons/LucentSmall.gif) no-repeat scroll 0px 0px !important;
}

.icon-Wifi, .icon-ANY{
	background:transparent url(icons/wifi_002.png) no-repeat scroll 0px 0px !important;
}

.icon-ER{
	background:transparent url(icons/EricssonSmall.gif) no-repeat scroll 0px 0px !important;
}

.icon-SAM{
	background:transparent url(icons/sam_001.png) no-repeat scroll 0px 0px !important;
}

.icon-NSN{
	background:transparent url(icons/NSNSmall.gif) no-repeat scroll 0px 0px !important;
}

.icon-site{
	background:transparent url(icons/site.jpg) no-repeat scroll 0px 0px !important;
}

.icon-add-tab{
	background:transparent url(icons/ui-tab--plus.png) no-repeat scroll 0px 0px !important;
}

.icon-refresh{
	background:transparent url(icons/arrow-circle-double-135.png) no-repeat scroll 0px 0px !important;
}

.icon-clear{
	background:transparent url(icons/broom.png) no-repeat scroll 0px 0px !important;
}

.icon-table-view{
	background:transparent url(icons/table.png) no-repeat scroll 0px 0px !important;
}

.icon-export-excel{
	background:transparent url(icons/table_go.png) no-repeat scroll 0px 0px !important;
}

.icon-reload{
	background:transparent url(icons/arrow_redo.png) no-repeat scroll 0px 0px !important;
}

.icon-duplicate-row{
	background:transparent url(icons/database_add.png) no-repeat scroll 0px 0px !important;
}

.icon-view-my-account{
	background:transparent url(icons/user_go.png) no-repeat scroll 0px 0px !important;
}

.icon-search{
	background:transparent url(icons/magnifier.png) no-repeat scroll 0px 0px !important;
}

.icon-realtime-tab{
		background:transparent url(icons/clock.png) no-repeat scroll 0px 0px !important;
}

.btn-save{
	background:transparent url(icons/disk.png) no-repeat scroll 3px 3px !important;
}

.btn-preview{
	background:transparent url(icons/page.png) no-repeat scroll 0px 3px !important;
}

.btn-stand-out{
	background-image:none;
	background-color:#cc0000;
}

.upload-icon {
    background: url('icons/page_white_get.png') no-repeat 0 0 !important;
}

.root-node, .root-node a span,
li.x-tree-node .x-tree-node-el a.x-tree-node-anchor span {
	color:#15428D;
	font-size:12px;
	font-weight:bold;
}

li.x-tree-node ul .x-tree-node-el a.x-tree-node-anchor span {
    color:#000;
	font-size:11px;
	font-weight:normal;
}

div.item-uncommited{
	color:#cc0000;
	background:#D5E2F2;
}

#fi-button-msg {
    border: 2px solid #ccc;
    padding: 5px 10px;
    background: #eee;
    margin: 5px;
    float: left;
}

.switch-icon-NT{
	background:transparent url(icons/NortelSmall.gif) no-repeat scroll 0px 0px !important;
}

.switch-icon-NT div{
	padding-left:15px !important;
}

.switch-icon-LU{
	background:transparent url(icons/LucentSmall.gif) no-repeat scroll 0px 0px !important;
}

.switch-icon-LU div{
	padding-left:15px !important;
}

.switch-icon-ER{
	background:transparent url(icons/EricssonSmall.gif) no-repeat scroll 0px 0px !important;
}

.switch-icon-ER div{
	padding-left:15px !important;
}

.switch-icon-NSN{
	background:transparent url(icons/NSNSmall.gif) no-repeat scroll 0px 0px !important;
}

.switch-icon-NSN div{
	padding-left:15px !important;
}

.details{
	padding:5px;
}

.error-warning{
	background-color:#ff0000;
}

.error-alert{
	background-color:#ffcc00;
}

.error-none{
	background-color:#5BCF5A;
}

.x-form-file-wrap {
	position: relative;
	height: 22px;
}
.x-form-file-wrap .x-form-file {
	position: absolute;
	right: 0;
	-moz-opacity: 0;
	opacity: 0;
	/* filter:alpha(opacity: 0); */
	z-index: 2;
	height: 22px;
}
.x-form-file-wrap .x-form-file-btn {
	position: absolute;
	right: 0;
	z-index: 1;
}
.x-form-file-wrap .x-form-file-text {
    position: absolute;
    left: 0;
    z-index: 3;
    color: #777;
}

div#info-content{
	padding:5px;
}

div#info-content table{
	border-collapse:collapse;
	margin:0px;
	padding:0px;
	border:1px solid #ddd;
	width:100%;
}

div#info-content table thead{
	border-bottom:2px solid #C1D5F0;
	background:#D2DFF2;
}

div#info-content table th{
	font-weight:bold;
}

div#info-content table th, div#info-content table td{
	padding:3px 5px;
	border-bottom:1px solid #ddd;
	vertical-align:top;
}

div#info-content table thead th, div#info-content table thead td{
	border-bottom:none;
	color:#15428D;
}

div#info-content table li{
	clear:both;
}

div#info-content table li strong{
	color:#205EAF;
	margin-right:5px;
	display:block;
	float:left;
	width:75px;
	text-align:right;
}

div#info-content table dt strong{
	font-weight:bold;
	text-align:right;
	margin-right:5px;
	color:#333;
}

div#info-content table dt{
	color:#333;
	font-weight:bold;
	background-color:#d5d5d5;
	padding:3px 5px;
}

div#info-content table dl dd{
	padding-left:7px;
}

div.show_sql_data{
	display:none;
}

div#info-content table th{
	font-weight:bold;
	width:15%;
}

div#info-content table th.group_name{
	background:#D9E4F4;
}

div#info-content table table th{
	background:#d5d5d5;
}

.required label span {font-size:10px; color:#cc0000;}

.readonly label {color:#777;}
.readonly input {background:#EAEAEA;color:#666}

.heading{
	line-height:170%;
}

.align-middle{
	margin-top:4px;
}

.chart{
	width:90%;
	height:270px;
	margin:0 0 5px 10px;
}

table#sector-0 button,
table#sector-1 button,
table#sector-2 button,
table#sector-3 button,
table#sector-4 button,
table#sector-5 button,
table#sector-6 button{
	width:auto; /* width:10px; */
	padding:0px;
	margin:0px;
}

/* ----------------------------------------
	login
------------------------------------------*/
#view-latest-messages {
    clear: both;
    display: block;
    padding-top: 10px;
}

#view-trouble-tickets {
    clear: both;
    display: block;
    padding-top: 10px;
}

.message {
  padding: 5px;
  line-height: 150%;
}

/* ----------------------------------------
	cellpage - alertview
------------------------------------------*/

table#subregion_alert_view{
	padding:0px;
	margin:10px auto;
	border:2px solid #fff;
	border-collapse:collapse;
	border-spacing:0;
	width:80%;
}
table#subregion_alert_view th{
	background-color:#C2D7EF;
	text-align:center;
	font-weight:bold;
	font-size:13px;
}

table#subregion_alert_view th, table#subregion_alert_view td{
	border:1px solid #fff;
	padding:3px;
	margin:0px;
}

table#subregion_alert_view th.switch{
	border-bottom:2px solid #fff;
	cursor:pointer;
	color:#15428D;
}

table#subregion_alert_view tfoot tr td.hour{
	cursor:pointer;
	color:#15428D;
	font-weight:bold;
}

table#subregion_alert_view tbody tr th.technology{
	cursor:pointer;
	color:#15428D;
}

table#subregion_alert_view tbody tr td.alert {
	background:#EFB3B3 none repeat scroll 0 0;
	color:#CC0000;
	cursor:pointer;
	text-align:center;
	width:15px;
}

table#subregion_alert_view tbody tr td.alert.no-warning {
	background:#A4EFAE none repeat scroll 0 0;
	color:#cc0000;
    cursor:pointer;
	text-align:center;
	width:15px;
}

table#subregion_alert_view tbody tr td.no-alert{
	background:#A4EFAE;
	width:15px;
	text-align:center;
	color:#333;
}

table#subregion_alert_view tbody tr td.no-data{
	background:#DFDFDF;
	width:15px;
	text-align:center;
	color:#333;
}

table#subregion_alert_view tbody tr th.empty, table#subregion_alert_view tfoot tr td.empty{
	border-left:2px solid #fff;
}

table#subregion_alert_view tbody tr th.empty{
	border-bottom:1px solid #C2D7EF;
	width:10%;
}

table#subregion_alert_view tfoot tr th, table#subregion_alert_view tfoot tr td.empty{
	border-top:2px solid #fff;
	background-color:#C2D7EF;
}

table#subregion_alert_view tfoot tr td.hour{
	background-color:#C2D7EF;
	width:15px;
	text-align:center;
}

table#subregion_alert_view thead tr th{
	border-bottom:2px solid #fff;
}

/* ----------------------------------------
	cellpage - alertview - details
------------------------------------------*/
table#alert_view_details{
	padding:0px;
	margin:10px auto;
	border:1px solid #ddd;
	border-collapse:collapse;
	border-spacing:0;
	width:90%;
}

table#alert_view_details thead{
	border-bottom:2px solid #B3CDEF;
}

table#alert_view_details th, table#alert_view_details td{
	padding:3px;
}

table#alert_view_details thead th{
	background-color:#C1D5F0;
	color:#15428D;
	border-bottom:none;
	text-align:center;
	font-weight:bold;
	font-size:13px;
}

table#alert_view_details tbody th{
	background-color:#D2DFF2;
	color:#15428D;
}

table#alert_view_details th, table#alert_view_details td{
	border-bottom:1px solid #C1D5F0;
	padding:3px 5px;
	margin:0px;
}

table#alert_view_details tbody tr.level-alert{
	background:#EFDA77;
}
table#alert_view_details tbody tr.level-warning{
	background:#EF7777;
}

table#alert_view_details tbody tr.level-ALERT{
	background:#EFDA77;
}
table#alert_view_details tbody tr.level-WARNING{
	background:#EF7777;
}

.level-alert , .level-ALERT{
	background:#EFDA77;
}
.level-warning , .level-WARNING {
	background:#EF7777;
}

/* ----------------------------------------
	cellpage - alertview - switch view
------------------------------------------*/
table#switch_view{
	padding:0px;
	margin:10px auto;
	border:2px solid #fff;
	/*border-collapse:collapse;*/
	border-spacing:3px;
	width:80%;
	background-color:#D0E0F4;
}

table#switch_view th{
	background-color:#C2D7EF;
	text-align:center;
	font-weight:bold;
	font-size:13px;
}

table#switch_view th, table#switch_view td{
	border:1px solid #B3CDEF;
	padding:3px;
	margin:0px;
}

table#switch_view td{
	border:1px solid #B3CDEF;
	padding:2px;
	background-color:#fff;
	font-size:10px;
	width:10px;
	text-align:center;
	cursor:pointer;
}


table#switch_view tbody tr td.level-alert{
	background:#EFDA77;
}

table#switch_view tbody tr td.level-warning{
	background:#EF7777;
}

table#switch_view tbody tr td.level-none{
	background:#A4EFAE;
}


div.no-collapsible-border div.x-tab-panel-header{
	border-top:none;
	border-right:none;
	border-bottom:none;
	padding:2px;
}



/* ----------------------------------------
	cellpage - kpiview
------------------------------------------*/

table#subregion_kpi_view{
	padding:0px;
	margin:10px auto;
	border:2px solid #fff;
	border-collapse:collapse;
	border-spacing:0;
	width:80%;
}
table#subregion_kpi_view th{
	background-color:#C2D7EF;
	text-align:center;
	font-weight:bold;
	font-size:13px;
}

table#subregion_kpi_view th, table#subregion_kpi_view td{
	border:1px solid #fff;
	padding:3px;
	margin:0px;
}

table#subregion_kpi_view th.date, table#subregion_kpi_view td.date{
	padding-left:7px;
	padding-right:7px;
	width:90px;
}

table#subregion_kpi_view th.switch{
	border-bottom:2px solid #fff;
	cursor:pointer;
	color:#15428D;
	padding:5px 12px;
}

table#subregion_kpi_view thead tr th{
	border-bottom:2px solid #fff;
}

table#subregion_kpi_view tbody td.cell{
	text-align:center;
	background-color:#DAE5F4;
}

table#subregion_kpi_view tfoot tr th{
	border-top:2px solid #fff;
	background-color:#C2D7EF;
}

/**
 * Calendar fix
 *
 */
.x-menu .x-date-picker {
width: 180px;
}

/**
 * Fbar styling 
 */
.x-panel-btns td.x-toolbar-cell {
    padding: 0px;
}

#carrier-btns {
 /* margin-left: -2px; */
 font-size:inherit;
}

.z_fixradiosite_zzz .z_fixradiosite_www{ 
	margin-top: -16px !important;
}

/*
	Fix for Tree padding at the bottom 
*/
.x-tree-root-ct {
	padding-bottom: 100px !important;
}

.network-panel-tree .x-tree-root-ct {
	padding-bottom: 50px !important;
}

.x-cl-mapItem { 
	font-size: 11px !important;
}
.x-cl-goup-header , .x-cmap-cl-goup-header { 
  padding: 3px 2px;
  font-weight: bold;
  border-bottom: 1px solid #99bbe8;
  margin: 4px 2px;
}

/* FIX for maps popop*/
.gm-style .gm-style-iw-c {
  max-width: 688px !important;
  max-height: 688px !important;
  /* min-width: 0px; */ 
}

/* june 2023 style for toogle (am3 or am5) LTE and 5g only */


.tooglechart {
  --width: 60px;
  --height: calc(var(--width) / 3);
  position: relative;
  display: inline-block;
  width: var(--width);
  height: var(--height);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  border-radius: var(--height);
  cursor: pointer;
}

.tooglechart input {
  display: none;
}

.tooglechart .slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--height);
  background-color: #ccc;
  transition: all 0.4s ease-in-out;
}

.tooglechart .slider::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: calc(var(--height));
  height: calc(var(--height));
  border-radius: calc(var(--height) / 2);
  background-color: #fff;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  transition: all 0.4s ease-in-out;
}

.tooglechart input:checked+.slider {
  background-color: #CDDCF0;
}

.tooglechart input:checked+.slider::before {
  transform: translateX(calc(var(--width) - var(--height)));
}
/* Adding text in the toggle button */
.tooglechart .labels {
    position: absolute;
    top: 5px;
    left: -2px;
    width: 100%;
    height: 100%;
    font-size: 10px;
    font-family: sans-serif;
    transition: all 0.4s ease-in-out;
}

.tooglechart .labels::after {
    content: attr(data-off);
    position: absolute;
    right: 5px;
    color: #4d4d4d;
    opacity: 1;
    font-weight:bold; 
    /* text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); */
    transition: all 0.4s ease-in-out;
}

.tooglechart .labels::before {
    content: attr(data-on);
    position: absolute;
    left: 5px;
    color: #15428B; /* #ffffff; */ 
    opacity: 0;
    font-weight:bold; 
    /* text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.4); */
    transition: all 0.4s ease-in-out;
}
.tooglechart input:checked~.labels::after {
    opacity: 0;
}

.tooglechart input:checked~.labels::before {
    opacity: 1;
}

.linkForChart{
  text-decoration:none;
  color: #4d4d4d;
}
.linkForChart:hover{
  text-decoration:underline;
  color: #15428B;   
}
/*
  Custom styles for WIFIWATCH
*/

/* .demoClsEP .x-panel-header .x-tool {
  float: left;
}

.demoClsEP .x-panel-header .x-panel-header-text {
  display: none;
} */
.chartZone_treeSun .x-panel-body { 
  position:relative; 
}
.chartZone_treeSun .eastChartsZone {
	width: 100%;
	height: 100%;
}

.chartZone_treeSun .eastChartsZone {
	width: 100%;
	height: 100%;
  background-color: #DFE8F6;
}

.chartZone_treeSun .eastChartsZone {
  display: flex;
  flex-direction: column;
  gap: 6px;  
}
.chartZone_treeSun .eastChartsZone .zone_a {
  flex: 4 1 0;
  min-height: 240px;
  background-color: #FFF; 
  position:relative; 
}
.chartZone_treeSun .eastChartsZone .zone_b {
  flex: 4 1 0;
  min-height: 300px;
  background-color: #FFF; /* #EFCFBE; */ 
  position:relative; 
}
.chartZone_treeSun .eastChartsZone .zone_c {
  flex: 2.5 1 0;
  overflow: auto;
  background-color: #DBDBFF; 
  position:relative;
}

.chartZone_treeSun .eastChartsZone .zone_a .zone_a_chart { 
  position:absolute; 
  width: 100%;
	height: 100%;
}
.chartZone_treeSun .eastChartsZone .zone_b .zone_b_chart { 
  position:relative; 
  width: 100%;
	height: 100%;
}

#topChartsZone #topcharta_zone #topChartA, 
#topChartsZone #topchartb_zone #topChartB, 
#topChartsZone #topchartc_zone #topChartC {
  position: absolute;
  width: 100%;
  height: 100%;
}

.chartTopZone_a,
.chartTopZone_b,
.chartTopZone_c { 
  position: absolute;  
  width: 100%;
  height: 100%;
}