table {
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
}
h5 {
    font-size: 18px;
    font-size: 1.125rem;
    color: #444444;
    text-rendering: optimizeLegibility;
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
}
a, .ui-page-theme-a a, html .ui-bar-a a, html .ui-body-a a, html body .ui-group-theme-a a,
.ui-page-theme-a a:hover, html .ui-bar-a a:hover, html .ui-body-a a:hover, html body .ui-group-theme-a a:hover
{ color:#404040; text-shadow: none; }
a.btnText { text-decoration: underline; }
a.btnText:hover { text-decoration: none; }

a.btnText, a.btnText:active, a.btnText:hover, a.btnText:visited { color: #404040; }

select {
    border: 1px solid #111;
    background: transparent;
    padding-left: 5px;
    padding-right: 35px;
    border: 1px solid #ccc;
    height: 32px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(images/layout/ddlarrow.png);
    background-repeat: no-repeat;
    background-size: 20px 32px;
    background-position: right center;
    cursor: pointer;
}
select:hover {
    background-image: url(images/layout/ddlarrowblack.png);
}
option:checked, option:hover {
    color: #000;
    background: #ffcd03;
}
@media screen and (min-width: 0\0) {
  select {
    background: none;
    padding: 5px;
  }
}
.ui-icon-bars:after,.ui-icon-info:after { background-image:none;}

.ui-page-theme-a .ui-btn, html .ui-bar-a .ui-btn, html .ui-body-a .ui-btn, html body .ui-group-theme-a .ui-btn, html head + body .ui-btn.ui-btn-a, .ui-page-theme-a .ui-btn:visited, html .ui-bar-a .ui-btn:visited, html .ui-body-a .ui-btn:visited, html body .ui-group-theme-a .ui-btn:visited, html head + body .ui-btn.ui-btn-a:visited {
    text-shadow: none;
    border-radius: 2px;
    background-color: #e6e6e6;
}
.ui-page-theme-a .ui-btn.ui-btn-active, html .ui-bar-a .ui-btn.ui-btn-active, html .ui-body-a .ui-btn.ui-btn-active, html body .ui-group-theme-a .ui-btn.ui-btn-active, html head + body .ui-btn.ui-btn-a.ui-btn-active, .ui-page-theme-a .ui-checkbox-on:after, html .ui-bar-a .ui-checkbox-on:after, html .ui-body-a .ui-checkbox-on:after, html body .ui-group-theme-a .ui-checkbox-on:after, .ui-btn.ui-checkbox-on.ui-btn-a:after, .ui-page-theme-a .ui-flipswitch-active, html .ui-bar-a .ui-flipswitch-active, html .ui-body-a .ui-flipswitch-active, html body .ui-group-theme-a .ui-flipswitch-active, html body .ui-flipswitch.ui-bar-a.ui-flipswitch-active, .ui-page-theme-a .ui-slider-track .ui-btn-active, html .ui-bar-a .ui-slider-track .ui-btn-active, html .ui-body-a .ui-slider-track .ui-btn-active, html body .ui-group-theme-a .ui-slider-track .ui-btn-active, html body div.ui-slider-track.ui-body-a .ui-btn-active {
    background-color: transparent;
    font-size:16px;
    border-color: none;
    color: #333;
    text-shadow: none;
    border-top: solid #FFCD03;
}

.ui-btn .settings-select{font-weight:normal;}
.ui-select {background:#eee;clear: both;}

.ui-page-theme-a .ui-input-text,.ui-page-theme-a .ui-input-search {
margin: 0 0;
border-width: 1px;
border-style: solid;
border-color: #737373;
clear: both;
border-radius: 0px;
box-shadow: none;
max-width: 420px;
}

html .ui-body-b .ui-body-inherit{
    background: #E4E4E4;
    color:#222;
    text-shadow: none;
    margin:4px 0;
}
html .ui-body-b .ui-focus{
    box-shadow:none;
}


body {
    font-family:'HelveticaNeue-Light', 'HelveticaNeue', Helvetica, Arial, sans-serif;
    font-size:14px;
    height:100%;
    margin:0;
    padding:0;
    width:100%;
    text-shadow: none!important;
}

/* Portrait layout (default) */
[data-role="header"] {
	border-bottom:none;
	border-top:none;
	margin:0;
	clear:both;
	overflow:hidden;
	text-align:center;
}

[data-role="header"] img {
	width:50%;
	height:50%;
}
[data-role="header"] h1 {
	display:inline!important;
    font-size:26px!important;
    font-weight:normal;
    overflow:visible;
    text-align:left;
    margin:0!important;
    font-family: 'Neuropolitical';
    color:#191919;
    text-shadow: 1px 0.05em 0 #666;
	padding:0px 0px!important;

}
[data-role="footer"] {
	border:none!important;
}


h3 {
    font-size:1.2em;
    font-weight:normal;
    margin:0;
    overflow:visible;
    padding: 12px 0 0 5px;
    text-align:center;
}


.event {
    border-radius:4px;
    -webkit-border-radius:4px;
    color:#FFFFFF;
    font-size:12px;
    margin:0px 30px;
    padding:2px 0px;
}

.event.listening {
    background-color:#333333;
    display:block;
}

.event.received {
    background-color:#4B946A;
    display:none;
}

@keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.4; }
    to { opacity: 1.0; }
}

@-webkit-keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.4; }
    to { opacity: 1.0; }
}

.blink {
    animation:fade 3000ms infinite;
    -webkit-animation:fade 3000ms infinite;
}


/** Keep all styles in our sheet for now, clearly defined for separation later **/

/* Page containers */
.pages { min-height:200px;display:none;}

/* Serial Number with Tools */
#snTitleBar {
  height:36px;display:block;text-align:center;position:relative;clear:both;
  background: rgb(0, 0, 0);
  white-space:nowrap;overflow:hidden;
}
#snTitleBar #assetName {vertical-align:middle;line-height:35px;text-shadow:none;
  color: #F3F3F3;
  font-weight:bold;font-size:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.nameAndTools{

}
@media ( min-width:900px ) {
#leftControls { position: absolute;left:0;top:0; width:50px; display:block;text-align:left;height:100%;}
#rightControls { position: absolute;right:0;top:0; display:inline-block;text-align:right;height:100%;}
#snTitleBar #assetName{width:50%;display:inline-block;}
}

@media ( max-width:900px ) {
    #leftControls {  float:left;width:38px; display:block;text-align:left;height:100%;}
    #rightControls {  float:right; display:block;text-align:right;height:100%;}
}





#snTitleBar #toolsButton { float:left;}
#snTitleBar .tool {display:inline-block;}
#snTitleBar .tool.dismissalarms {float:left;}
#snTitleBar .tool.dismissalarms a.normal {background:url(images/clear-icon.png) no-repeat;float:right;height:15px;display:block;width:35px;}
#popupBut {float:right;display:block;}

#toolsMenu { margin-top:5px;}
#assetListMenu { background-image: url("images/layout/menu.png");border:none;display:block;height: 40px;width: 50px;background-position: 15px 8px;background-size:20px 20px; background-repeat: no-repeat; cursor: pointer;}
#assetListMenu:hover { background-color: #222;}
#assetListMenu.alert {background: url("images/menu-icon-alert.png") no-repeat;background-position: 10px 8px;background-size:23px 23px;background-position: 10px 8px;}


/* Main content wrapper */
#content-wrapper { height:100%; min-height:100%;padding:0;clear:both;text-shadow:none;}

/* AssetList Panel */
#assetpanelSelector { background:##363636;}
#hdr { display:block;
width:100%;height:30px;
padding:0 0 0px 0;}








.left-filler { display:inline-block;float:left;min-width:40px;line-height: 0;min-height: 30px; }


.star{
    width:40px;
    height:50px;
    background:url(images/notstarred.png) 50% 50% no-repeat;background-size:20px 20px;
    display: inline-block;
}
.oldie .star { background:url(images/notstarred1x.png) 50% 50% no-repeat; }

.locationItem .star{
    display: block;
    float:left;
    width:46px;
    height:36px;
}
.star.starred{
    background:url(images/starred.png) 50% 50% no-repeat;background-size:20px 20px;
}
.oldie .star.starred { background:url(images/starred1x.png) 50% 50% no-repeat; }

.star.readonly{
    background:url(images/notstarredgray.png) 50% 50% no-repeat;background-size:20px 20px;
}
.oldie .star.readonly { background:url(images/notstarredgray1x.png) 50% 50% no-repeat; }

.star.starred.readonly{
    background:url(images/starredgray.png) 50% 50% no-repeat;background-size:20px 20px;
}
.oldie .star.starred.readonly { background:url(images/starredgray1x.png) 50% 50% no-repeat; }

.left-filler .alarm { font-size:1.4em;display: inline-block;height: 60px;width: 48px;position:relative;}
.oldie .alrm-none div.left-filler .alarm, .oldie ul.AssetListView .assetItems .alarm.normal { background:url(images/alarm-green1x.png) 50% 50% no-repeat; }
.alrm-normal div.left-filler .alarm  { background:url(images/alarm-green.png) 50% 50% no-repeat;background-size:24px 24px;}
ul.AssetListView .assetItems .alarm.normal { background:url(images/b-alarm-green.png) 50% 50% no-repeat;background-size:24px 24px;}
.alrm-low div.left-filler .alarm { background:url(images/alarm-blue.png) 50% 50% no-repeat;background-size:24px 24px;}
ul.AssetListView .assetItems .alarm.low { background:url(images/b-alarm-blue.png) 50% 50% no-repeat;background-size:24px 24px;}
.alrm-medium div.left-filler .alarm { background:url(images/alarm-yellow.png) 50% 50% no-repeat;background-size:24px 24px;}
ul.AssetListView .assetItems .alarm.medium { background:url(images/b-alarm-yellow.png) 50% 50% no-repeat;background-size:24px 24px;}
.alrm-high div.left-filler .alarm { background:url(images/alarm-orange.png) 50% 50% no-repeat;background-size:24px 24px;}
ul.AssetListView .assetItems .alarm.high { background:url(images/b-alarm-orange.png) 50% 50% no-repeat;background-size:24px 24px;}
.alrm-critical div.left-filler .alarm { background:url(images/alarm-red.png) 50% 50% no-repeat;background-size:24px 24px;}
ul.AssetListView .assetItems .alarm.critical { background:url(images/b-alarm-red.png) 50% 50% no-repeat;background-size:24px 24px;}
.alrm-none div.left-filler .alarm  { background:url(images/alarm-green.png) 50% 50% no-repeat;background-size:24px 24px;}
ul.AssetListView .assetItems .alarm.none { background:url(images/b-alarm-green.png) 50% 50% no-repeat;background-size:24px 24px;}
.st-disabled div.left-filler .alarm{ background:url(images/alarm-green.png) 50% 50% no-repeat;background-size:24px 24px;}
.st-suppressed div.left-filler .alarm{ background:url(images/alarm-green.png) 50% 50% no-repeat;background-size:24px 24px;}


.st-disabled div.valuestatus2 { background:url(images/off-lamp.png) no-repeat center center;background-size:10px 10px;}
.st-default div.valuestatus2 { background:url(images/green-lamp.png) no-repeat center center;background-size:10px 10px;}
.st-suppressed div.valuestatus2 { background:url(images/off-lamp.png) no-repeat center center;background-size:10px 10px;}
.st-good div.valuestatus2 { background:url(images/green-lamp.png) no-repeat center center;background-size:10px 10px;}
.st-low div.valuestatus2 { background:url(images/blue-lamp.png) no-repeat center center;background-size:10px 10px;}
.st-error div.valuestatus2  { background:url(images/red-lamp.png) no-repeat center center;background-size:10px 10px;}
.st-warning div.valuestatus2  { background:url(images/warning-lamp.png) no-repeat center center;background-size:10px 10px;}

.st-disabled div.value {color:#999999;}
.st-default div.value {color:#008000;}
.st-suppressed div.value {color:#999999;}
.st-good div.value {color:#008000;}
.st-low div.value {color:#1b5d8a;}
.st-error div.value {color:#cb0000;}
.st-warning div.value {color:#d6ae00;}

.name-wrapper { overflow:hidden; }

.name { padding-left:2px;text-shadow: none;font-weight:normal;margin-top: 6px; }

.st-disabled div.name{color:#818181;font-style:italic;}
.st-suppressed div.name{color:#818181;font-style:italic;}

.info-icon { float: right;  height:32px;width:32px;position:relative;}
.assetitemRow .info-icon { float: right;margin:15px 0px 15px 5px;  height:32px;width:32px;position:relative;}
.info_tt { float:right; width:32px; height:32px; background-image:url(images/layout/info.png); background-size: 32px 32px; cursor:pointer; }
.oldie .info_tt { background-image:url(images/layout/info1x.png); }


.execute-icon {
float: left;
width: 34px;
height: 34px;
position: relative;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
/*box-shadow: 0px 1px 4px #888888;*/
}
.oldie .execute-icon { border: 1px solid #ccc; }

.executeAction{
display: block;
float: left;
width: 34px;
height: 34px;
padding: 8px;
vertical-align: middle;
margin: auto;
box-sizing: content-box;

}
.executeAction.clickable .execute-icon{cursor:pointer;background-image: url("images/actionButton.png");}
.oldie .executeAction.clickable .execute-icon {background-image: url("images/actionButton1x.png");}

.executeAction .execute-icon  {background-image: url("images/actionButtonGray.png");background-size:24px 24px;background-position:50% 50%;}
.oldie .executeAction .execute-icon {background-image: url("images/actionButtonGray1x.png");}

.transactStatus.busy  {background-image: url("images/ajax-loader.gif");background-size:24px 24px;background-position:50% 50%;cursor:pointer;width:30px;}
.oldie .transactStatus.busy {background-image: url("images/ajax-loader.gif");}

.executeAction.clickable .execute-icon.resetfavorites  {background-image: url(images/starButStarred.png);background-size:24px 24px;background-position:50% 50%;cursor:pointer;}
.oldie .executeAction.clickable .execute-icon.resetfavorites { background-image: url(images/starButStarred1x.png); }

.executeAction.disabled .execute-icon.resetfavorites  {background-image: url(images/starredgray.png);background-size:24px 24px;background-position:50% 50%;}
.oldie .executeAction.disabled .execute-icon.resetfavorites { background-image: url(images/starredgray1x.png); }

.executeAction .execute-icon {background-color:#404040;background-position:center;background-repeat:no-repeat;}
.executeAction.clickable .execute-icon:hover {background-color: #4f4f4f;}
.executeAction.clickable .execute-icon:active{background-color: #ffcd03;}

.status-icon { float: left;height:30px; }
.actn-action .transactStatus { display:inline-block;height:50px;background-repeat:no-repeat;}

.executeAction.clickable .execute-icon.button_notebutton { background-image: url(images/notes.png);cursor:pointer; }
.oldie .executeAction.clickable .execute-icon.button_notebutton { background-image: url(images/notes1x.png); }

/* Meter List Item style Classes */

.subview.meterItem {
    clear: both;
    border-bottom: 1px solid #D5D5D5;

    background-color: #FFFFFF;
    max-width: 716px;
    margin: 0 auto;
}
 .meterItem .assetitemRow{
cursor:pointer;
}

.alarms{
    display:none;
}

 .meterItem div.name {
     position:relative;text-overflow:ellipsis;
     margin-top: 12px;
     min-height: 18px;
}
 .meterItem.value div.name { margin-top: 0; }
 .meterItem div.value-wrapper { overflow:hidden;min-height:30px;position:relative;}
 .meterItem div.value {
    line-height: 14px;
    padding: 3px 0px 3px 1px;
    text-shadow: none;
    font-weight:bold;
    vertical-align:top;
    white-space: normal;
    background-color:transparent;
}

.valuestatus2 { width: 25px;
height: 20px;
display: block;
text-align: center;
float: left;
}

.meterItem div.value.alpha, li.meterItem div.value.numeric{ font-size:1em;text-transform: uppercase;}

.snDetails { margin:8px 0;}
.snDetails  div.name { color: #999999; display: inline; text-shadow: 0 2px 0 #666666;}
.snDetails  div.locLink {  display: inline;float: right;position: relative; }

/* Icons */


#mainPane .maintoolbar, .content, .fleetcontent { padding:0; margin: 0; width: 100%; min-width: 320px;}

#tools-list-template h2 { margin:0 0 0 10px; }
#toolsListMenu { padding:0 10px 5px 0; }


#assetListPanel, #toolsListPanel, #toolItems {
  color:#ddd;
  background: #000;
  text-decoration:none;
  min-height:300px;
  position:relative;
  text-shadow: none;
}
#assetListPanel h2, #toolsListPanel h2 {
  background:#2e2e2e;color:#9c9c9c;margin:0 auto;line-height:30px;text-align: center;font-weight:bold;text-transform:uppercase;}

ul.AssetListView{padding:0;margin:0;position:relative;min-height:60px;min-height: calc(100% - 90px);}
.assetItems { list-style:none; padding:0;margin:0;height:45px;cursor:pointer;}
.assetItems.selected {
  background: #FFCD03;
    color: black;
}



/*li.assetItems:hover { background:#1f1f1f; }*/ /* Hover causes issues on iOS*/
.assetItems  .alarm { width:24px;height:35px;font-size:12px;margin-top:7px;background-position:50% 50%;}
.assetItems  span.action { float:right;}

/* Settings, Actions Page styles */
ul.settingsItemList, ul.actionsItemList { list-style:none;padding:0;margin:0;}
.genItem { margin: 2%;
padding: 2%;
border: 1px solid #CCC;
box-shadow: 0px 1px 2px #cecece;
background: #fdfdfd;
border-radius: 2px;}


.groupHeader { text-shadow:none;color:#444;font-size:18px;padding:2px 0 1% 0;text-overflow:ellipsis;overflow:hidden;white-space: nowrap; line-height: 30px;}
.choiceItem { }
li.genItem .choiceItem select{clear:both;display:block;}

.content label, .fleetcontent label{text-shadow:none;overflow:hidden;color:#555;font-size:14px;font-weight:600;margin: 8px 0;display: block;}
.content label.textual, .fleetcontent label.textual{line-height: 24px;font-weight: bold;}
.content .textual, .fleetcontent .textual{ color:#333;display:inline; }
.content input.textual, .fleetcontent input.textual{ margin: 0; min-height: 2.2em;text-align: left;width: 100%; max-width: 420px;
    border: 1px solid #bbb;background: transparent none;-webkit-appearance: none;-webkit-border-radius: inherit;border-radius: inherit;padding: .4em;line-height: 1.4em;box-sizing: border-box; outline: 0;}
.content .inlineLabel, .fleetcontent .inlineLabel{display:inline;}
.subview{margin:10px 0;min-height:30px;clear:both;}
.graphHolder {min-height: 105px; }
.settings-name-wrapper .transactStatus.busy{ background: url("images/ajax-loader.gif") no-repeat left;display:inline-block;width:30px;height:30px;vertical-align: middle;margin:auto;background-size:24px 24px;}
.settings-name-wrapper .transactStatus.executing{ background: url("images/ajax-loader.gif") no-repeat left;display:inline-block;width:30px;height:30px;vertical-align: middle;margin:auto;background-size:24px 24px;}


.syncTime{margin-top:50px;text-align:center;color:#888;}




/* JQM UI Components overrides */
.ui-popup {
    padding: 15px;
border-radius: 1px;
box-shadow: 0 5px 16px rgba(0,0,0,.3);
}

#toolAction{

}

.tool-icon{
    height:36px;
    width:36px;
    display:block;
    cursor: pointer;
    float:right;

}

.loc-map-icon.good { float:right; width:32px; height:32px; background-image:url(images/layout/map.png); background-size: 32px 32px; cursor:pointer; margin: 9px 5px; }
.oldie .loc-map-icon.good { background-image:url(images/layout/map1x.png); }
.loc-map-icon.disabled { float:right; width:32px; height:32px; background-image:url(images/layout/mapdisabled.png); background-size: 32px 32px; cursor:default; margin: 9px 5px; background-color: #ccc; }
.oldie .loc-map-icon.disabled { background-image:url(images/layout/mapdisabled1x.png); }
.loc-map-icon.disabled:hover { background-color: #ccc; }

.map-icon.good {  background:url(images/layout/map.png) no-repeat center;background-size:36px 36px;}
.map-icon.disabled {  background:url(images/layout/mapdisabled.png) no-repeat center;cursor:default;background-size:36px 36px;}
.action-icon{padding:0;background:url(images/default.png) no-repeat center;background-size:24px 24px;}
.tool_dismissalarms.normal{padding:0;background:url(images/dismiss-alarms-normal.png) no-repeat center;background-size:24px 24px;}
.tool_dismissalarms.low{padding:0;background:url(images/dismiss-alarms-low.png) no-repeat center;background-size:24px 24px;}
.tool_dismissalarms.medium{padding:0;background:url(images/dismiss-alarms-medium.png) no-repeat center;background-size:24px 24px;}
.tool_dismissalarms.high{padding:0;background:url(images/dismiss-alarms-high.png) no-repeat center;background-size:24px 24px;}
.tool_dismissalarms.critical{padding:0;background:url(images/dismiss-alarms-critical.png) no-repeat center;background-size:24px 24px;}
.tool_dismissalarms.none{padding:0;background:url(images/dismiss-alarms-disabled.png) no-repeat center;background-size:24px 24px;cursor:default;}


@media ( min-width:750px ) {

	/* wrap on wide viewports once open */

	.ui-panel-page-content-open.ui-panel-page-content-position-left {
		margin-right: 23em;
	}
	.ui-panel-page-content-open.ui-panel-page-content-position-right {
		margin-left: 23em;
	}
	.ui-panel-page-content-open {
		width: auto;
	}
	/* disable "dismiss" on wide viewports */
	.ui-panel-dismiss {
		display: none;
	}


	/* same as the above but for panels with display mode "push" only */

	.ui-panel-page-content-open.ui-panel-page-content-position-left.ui-panel-page-content-display-push {
		margin-right: 17em;
	}
	.ui-panel-page-content-open.ui-panel-page-content-position-right.ui-panel-page-content-display-push {
		margin-left: 17em;
	}
	.ui-panel-page-content-open.ui-panel-page-content-display-push {
		width: auto;
	}

	.ui-panel-dismiss-display-push {
		display: none;
	}
}

.expandable{
    height:auto;
    clear:both;


    margin:0px 14px 14px 14px;
    border-top:1px solid #ebebeb;

}
.alarmDesc{text-shadow:none;}
.alarmDesc td, .alarmDesc th{ padding: 5px;}
.alarmDesc th {color:#999;font-weight:normal; }
.alarmDesc th.timeHeader{padding-left:20px;}

.alarmDesc td .normal { display: inline-block; margin-right: 5px; vertical-align: middle;
                       background:url(images/alarm-green.png) no-repeat;
                       background-size: 12px 12px; width: 12px; height: 12px;
                       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/css/images/alarm-green.png', sizingMethod='scale');
                       -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/css/images/alarm-green.png', sizingMethod='scale')";}
.alarmDesc td .low { display: inline-block; margin-right: 5px; vertical-align: middle;
                       background:url(images/alarm-blue.png) no-repeat;
                       background-size: 12px 12px; width: 12px; height: 12px;
                       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/css/images/alarm-blue.png', sizingMethod='scale');
                       -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/css/images/alarm-blue.png', sizingMethod='scale')";}
.alarmDesc td .medium { display: inline-block; margin-right: 5px; vertical-align: middle;
                       background:url(images/alarm-yellow.png) no-repeat;
                       background-size: 12px 12px; width: 12px; height: 12px;
                       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/css/images/alarm-yellow.png', sizingMethod='scale');
                       -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/css/images/alarm-yellow.png', sizingMethod='scale')";}
.alarmDesc td .high { display: inline-block; margin-right: 5px; vertical-align: middle;
                       background:url(images/alarm-orange.png) no-repeat;
                       background-size: 12px 12px; width: 12px; height: 12px;
                       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/css/images/alarm-orange.png', sizingMethod='scale');
                       -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/css/images/alarm-orange.png', sizingMethod='scale')";}
.alarmDesc td .critical { display: inline-block; margin-right: 5px; vertical-align: middle;
                       background:url(images/alarm-red.png) no-repeat;
                       background-size: 12px 12px; width: 12px; height: 12px;
                       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/css/images/alarm-red.png', sizingMethod='scale');
                       -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/css/images/alarm-red.png', sizingMethod='scale')";}



/* Mobile app layout without jQuery mobile*/
#sidePane { float: left; transition: margin-left 0.2s linear; position: relative; background-color: #000; height: 100vh; vertical-align: top; overflow-x: auto; overflow-y: auto; } /*width: 320px; */
/*#sidePane.inactive { margin-left: -320px;}*/
#mainPane { transition: width 0.2s linear; background-color: #f3f3f3; height: 100vh; vertical-align: top; overflow: auto; }
#popup-message{
    font-size:14px;
    font-weight:normal;
    padding: 5px;
    text-align:center;
}

#navbar > ul { list-style: none;margin: 0;padding: 0;position: relative;display: block;border: 0;max-width: 100%;overflow: visible;}



.assname{text-overflow:ellipsis;overflow:hidden;width:120px;white-space: nowrap;margin-top:15px;}

/* The following line fixes a bug with safari where the side pane would not draw after it was closed and opened */
/*#sidePane{border:solid 1px transparent;}*/
#mainpage{overflow:auto;}

.actionRow{min-height:50px; clear: both;}
.actionRow .more-icon {margin-right:5px;}
.actionRow.detailsshown { box-shadow: 2px 2px 6px #aaa; }
.actionRow .name-wrapper{padding-top: 10px;}
.actionRow .info-icon{margin-top: 9px;}
a.actnHist { display: block;margin: 0 auto;text-align: center;width: 100px;padding: 10px;cursor: pointer;}
.logo{
    width:30px;
    height:30px;
    background:url(images/logo-transbg.png);
}


.pills { background:#F3F3F3;}
.pills li .tabLabel { padding:2px 0;border:none;font-size:10px;text-transform:capitalize;}

.ui-btn.ui-btn-active .intab { font-weight:bold;font-size:10px;}

.pills li{
  /*height:100%;*/
  position:relative;margin-left: -1px; display: inline-block; text-align: center;}

/*.pills li:after { content:" ";background:URL(img/nav-sep.png)  no-repeat;background-size: cover;width:1px;height:45px;padding: 0;position: absolute;right: 0;top:0;z-index: 20;}*/
.pills li > a { display: block; background-color: #e6e6e6; cursor: pointer; }
.pills li > a:hover { background-color: #ededed; }
.pills li > a.ui-btn-active { background-color: transparent;border-color: none;color: #333;text-shadow: none;border-top: solid #FFCD03;font-weight: bold;}
.pills li > a.ui-btn-active:hover { background-color: transparent; }
.intab{
    margin:0;padding: 2px 0 1px;margin-right: 1px;
}
.intab:before {
    content: " ";
	padding:0;
    margin:1px auto 3px;width: 24px;height: 24px;vertical-align:middle;display:block;
}
.ui-btn-active .intab {
    padding: 0px 0 0px;
}

.intab:before{ }
.dashboard-link .intab:before { background: url(images/speedometer.png) no-repeat;background-size:24px 24px;}
.alarms_Values-link .intab:before { background: url(images/alarmvalue.png) no-repeat;background-size:24px 24px; }
.settings-link .intab:before { background: url(images/layout/gearblack.png) no-repeat;background-size:24px 24px; }
.actions-link .intab:before { background: url(images/play.png) no-repeat;background-size:24px 24px;}
.diagnostic-link .intab:before { background: url(images/diagno.png) no-repeat;background-size:24px 24px;}

@media ( min-width:900px ) {
    .intab:before {
      display:inline-block;
      margin:1px 3px 3px;
    }
}


.loader{
    background: url(images/ajax-loader.gif) no-repeat center;
    background-size: 23px 23px;
    height:30px;
    width:23px;
    float:right;
    filter: Alpha(Opacity=18);
    opacity: .18;
    display:none;

}





.serial.inline{display:inline-block;vertical-align:middle;margin-top:5px;}
#serialNumber { font-style:italic;font-size:12px;}
.serialctn { display:inline-block; vertical-align:middle;margin-top:6px;}
#friendly { line-height:30px!important;}
/*#friendly:after { content:" ";background:URL(img/edit.png) no-repeat 50% 20%;background-size:100%;display:inline-block;height:24px;width:24px;}*/

.panelControls{
  padding:0px 4px 3px 4px;
  background: url(/theme/img/logo-text.png) no-repeat top left;
  background-size: 250px 60px;
}
#search{font-size:14px;padding: .4em;line-height: 1.4em;display: block;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
    -ms-box-sizing: border-box;box-sizing: border-box;outline: 0;margin: 10px 0px 4px 0px;min-height: 2.2em;text-align: left;border: 0;
    -webkit-appearance: none;-webkit-border-radius: inherit;border-radius: inherit;padding-left: 1.75em;background: #e4e4e4 url(images/layout/findblack.png) no-repeat 5px center; background-size: 16px 16px; }

#pleaseselect{
    padding:10%;
    text-align:center;
    color:#777;
}

.splash:before{
content: " ";
background: url(images/ajax-loader.gif) no-repeat center;
background-size: 23px 23px;
filter: Alpha(Opacity=18);
opacity: .18;
position:fixed;
width:100%;
height: 100%;
background-color: #fff;
z-index: 9999;
}

.ui-icon-delete:after{
    filter: Alpha(Opacity=30);
    opacity: .30;
    background-color: rgba(0, 0, 0, 1.0);
}

.ui-input-search.ui-input-has-clear .ui-btn.ui-input-clear, .ui-input-text.ui-input-has-clear .ui-btn.ui-input-clear{
    margin:-13px .1em 0;
}

.textualView .loader { height: 23px; }

.paneButton{
    padding:5px;
    text-shadow: none;
    font-size:14px;
}

.syncIssue{
    width:150px;
    height:40px;
    line-height:40px;
    padding-right:30px;
    margin:auto;
    color:white;
    position:relative;
}

.syncIssue.active{
    background: url(images/ajax-loader.gif) no-repeat right;
    background-size: 23px 23px;

    filter: Alpha(Opacity=30);
    opacity: .30;
}

.centeredloader{
    background: url(images/ajax-loader-left.gif) no-repeat top 60px center;
    background-size: 32px 32px;
    height:100%;
    min-height:30px;
    width:100%;
    filter: Alpha(Opacity=18);
    opacity: .2;
    background-color: #000;
    position:absolute;
    top: 0;
    left: 0;
    margin:auto;

}
.oldie .centeredloader{ background: url(images/ajax-loader-left1x.gif) no-repeat center; }

.AssetListView.TabPaneView .centeredloader {
    background: url(images/ajax-loader.gif) no-repeat center;
    background-color: transparent;
}
.oldie .AssetListView.TabPaneView .centeredloader {
    background: url(images/ajax-loader1x.gif) no-repeat center;
}
.locationItem { margin: 2%;
padding: 2%;
border: 1px solid #CCC;
box-shadow: 0px 1px 2px #cecece;
background: #fdfdfd;
border-radius: 2px;}

.locationItem .na{
    display:none;
}
.locationItem.st-disabled .na{
    display:block;
    line-height: 36px;
}
/*.ui-panel.ui-panel-open {
    position:fixed;
}
.ui-panel-inner {
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}*/

.tooltippop .box-content {    border: none;}
.box-content { padding: 0px; display: block; border: 1px solid #000; border-top: none; overflow: hidden;}

.panelTools > a{
    width:42px;
    height:42px;
    display:inline-block;
    border-radius: 50%;
    background-color: #222;
    background-position: center;
    background-repeat:no-repeat;
    display: inline-block;
    margin: 1px;
}
.panelTools > a:active {
    background-color: #ffcd03;
}
.panelTools > a:hover {
    background-color: #2f2f2f;
}
.filtersBut{
    background-image: url("images/layout/filter.png");
    background-size: 18px 18px;
}
.userBut{
    background-image: url(images/layout/user.png);
    background-size: 18px 18px;
}
.starBut{
    background-image: url(images/starBut.png);
    background-size: 18px 18px;
}

.starBut.starred{
    background-image: url(images/starButStarred.png);
    background-size: 18px 18px;
}

/*
.panelTools{min-height:40px;width:100%;margin:2px 0;text-align: right;
}
*/
.panelTools{min-height:40px;margin:2px 0; width: 44px; margin-left: 269px; }
.atmlink .panelTools, .amslink .panelTools { width: 88px; margin-left: 225px; }

.filters{display:block;clear:left;padding:0;line-height:0;}
html .filters .filter{
    color: #000;
    display: inline-block;
    font-family: HelveticaNeue-Light, HelveticaNeue, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    background:#ffcd03;text-transform:Capitalize;border-radius:4px;margin:4px;padding:5px;line-height:normal;white-space:nowrap;max-width:92%;text-overflow: ellipsis;overflow: hidden;cursor:pointer;text-shadow:none;
}
html .filters .filter:hover{
    color:#000; background-color: #ffcd03;
}
.remFilter{display:inline-block;margin:0 3px;}

.filterPicker{text-align:center;background:#e6e6e6;border-top-right-radius:4px;border-top-left-radius:4px;margin: 3px 1px; width: 310px;}
.filterPickerTab{display:inline-block;margin:0;padding:9px 4px 7px;text-shadow:none;cursor:pointer;width:30%;color:#555;}
.filterPickerTab.selected{border-top:3px solid #ffcd03; background-color:#F3F3F3; font-weight:bold; color: #222; }

.filterPickerList{height:172px;background:#F3F3F3;border-bottom-right-radius:4px;border-bottom-left-radius:4px;overflow-y:auto;overflow-x:hidden;}
.unselectAllFiltersCtn, .filterItem{background-color:#F3F3F3; text-shadow:none;line-height:38px;border-bottom: 1px solid #404040;color: black;white-space:nowrap;overflow-x: hidden;text-overflow: ellipsis;cursor:pointer;text-transform:Capitalize;}
.filterItem.selected{background:url(images/layout/applyblack.png) left 5px center no-repeat; background-size: 24px 24px; vertical-align: middle; background-color:#ffcd03; color:#000; }
.unselectAllFiltersCtn { text-align: center; padding: 5px 0; }
.unselectAllFilters { display: inline-block; width: 100px; height: 25px; line-height: 25px; cursor: pointer; background-color: #404040; color: #fff;
    padding: 0 10px; font-family: 'Open Sans', sans-serif, Arial; font-weight: 800; vertical-align: middle; }
.unselectAllFilters:hover { background-color: #ffcd03; color: #000; }

#signout, #manageLogin {cursor: pointer;margin: 3px;}
#signout a, #manageLogin a{
    color: white;
    background-color: #222;
    border-radius: 5px;
    border-style: none;
    text-shadow:none;
    margin:auto 0px;
    vertical-align:middle;
    background-size:20px 20px;
    margin: 3px 0px;
    width: 290px;
    display: inline-block;
    text-align: center;
}
#signout a:hover, #manageLogin a:hover { background-color: #ffcd03; color: #000;}
.showAll {
    text-align: center;
}

.showAllBut
{
    padding: 15px 40px;
cursor: pointer;
display: inline-block;
font-size: 16px;
}

.roundlight,.onofflights{
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  line-height: 18px;
}

.tooltippop
{
  position:absolute;
  display: inline-block;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 18px 0px;
  background-color:White;
  max-width:98%;
  z-index:999999;
  color: #333;
}

.titlebar
{
 text-align:center;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis
}


.content, .fleetcontent{
    position:relative;
}

.quickmap { display: inline-block; vertical-align: middle; width:24px; height:24px; background-image:url(images/layout/quickmap.png); background-size: 24px 24px; cursor:pointer; margin: 0 5px; }
.oldie .quickmap { background-image:url(images/layout/quickmap1x.png); }


.history-icon
{
    float:right;
    width:50px;
    height:50px;
    background:url(images/clock.png) no-repeat center;
    background-size: 32px 32px;
    cursor:pointer;
}

.reset-icon { float:right; width:32px; height:32px; background-image:url(images/layout/refresh.png); background-size: 24px 24px; cursor:pointer; margin: 15px 8px; }
.oldie .reset-icon { background:url(images/layout/refresh1x.png) no-repeat center; }
.btnCircle.reset-icon { background-position: 5px center;}

.reportLink
{
cursor: pointer;
display: block;
padding: 10px;
border-bottom: 1px solid#ddd;
color: #444;
}
.reportLink:hover
{
 background-color:#f2f2f2;

}


.custReportLink
{
cursor: pointer;
display: block;
padding: 10px;
border-bottom: 1px solid#ddd;
color: #444;
}
.custReportLink:hover
{
 background-color:#f2f2f2;

}


.shortcutLink
{
cursor: pointer;
display: block;
padding: 10px;
border-bottom: 1px solid#ddd;
color: #444;
}
.shortcutLink:hover
{
 background-color:#f2f2f2;

}
.reportLinkNone
{
cursor: default;
display: block;
padding: 5px 10px;
border-bottom: 1px solid#ddd;
color: #444;
line-height: 32px;
}
.listh
{
    padding:4PX;
    background-color:#eee;
    font-size: 20px;
}


.timepick{display: inline;}
.tphours{height:30px;margin:5px 1px;}
.tpminutes{height:30px;margin:5px 1px;}
.datepick
{
 height: 30px;
 margin: 5px;
}
.actiondetails{padding:4px;}
.actbuttons{text-align:right;}
.actbutton{
display: inline-block;
font-family: "Arimo";
font-weight: 600;
padding: 2px 6px;
margin:3px;
text-align: center;
background-color:#128AC6;
color: white;
cursor:pointer;
    }
.actbutton:hover
{
    background-color:#76bDdB;
}
.actmessage
{
   text-align:center;
   margin:10px;
}
.schedule{
    font-size:0.8em;
}

.textualPopup
{
    Font-size:12px;
    line-height:18px;
    white-space: pre-wrap;
    padding:5px;
    line-height:normal;
}

.GlobalApiLoader
{

    position:fixed;
    bottom:0;
    left:0;
    right:0;
    opacity: 0.3;
    margin: 4px auto;
    z-index: 999;
}


/* WorkNotes*/
.workNotesSection { overflow: auto; font-size: 12px; box-shadow: rgba(0,0,0,0) 0px 5px 18px 0px; }
.noteTypesHolder { position: relative; margin: 5px; }

.note { padding: 10px; }
.note.odd { background-color:#F7F7F7; }
.note .txt, .nTypesSelection span, .addNewNoteControls .txt{ font-weight: bold; width: 90px; display: inline-block; text-align: right; margin-right: 10px;}
.nType, .nTime { display: inline-block; }
.nType { min-width: 50%; max-width: 100%; float: left; height: 32px;}
.nTime { min-width: 50%; max-width: 100%; height: 32px; line-height: 32px;}
.nType, .nTime, .nDesc { margin: 5px 0;}
.descForNote, .descForAdd { width: 75%; width: -moz-calc(100% - 120px); width: -webkit-calc(100% - 120px); width: -o-calc(100% - 120px); width: calc(100% - 120px); vertical-align: text-top; border: 1px solid #737373; padding: 0 5px; }
.typesForNote {  border: 1px solid #737373; margin-right: 10px; }

.pageSizeHolder { padding: 5px; }
.pageSizeHolder .ddlPageSize { border: 1px solid #bbb; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 0 5px; }
.noteTypesHolder { display: inline-block; vertical-align: top; padding: 0 10px;}
.addManageTypesHolder { position: relative; margin: 5px; display: inline-block; }
.addManageTypeIndicator { cursor: pointer; vertical-align: middle; }

.addNewNoteHolder { position: relative; margin: 5px; }

.addNewNoteIndicator { cursor: pointer; vertical-align: middle; }
.nTypesSelection { vertical-align: text-top; display: inline-block; }

.addNewNoteControls { margin: 5px; border : 1px solid #d8d8d8; padding: 5px; }
.addNewNoteControls .ctn { margin: 5px 0; }
.addNewNoteControls .ctn.btns { text-align: right; margin-right: 5px; }
.noteTypesSelection, .noteTypesForAdd { border: 1px solid #737373; margin-right: 10px;  }
.btnAddNewNote, .btnCancelNewNote { display: inline-block; background: #128AC6; text-align: center; cursor: pointer; color: #fff; padding: 0 10px; white-space: nowrap; vertical-align: text-top; margin: 0 5px; line-height: 1.5em; }
.noteTypesSelection { min-width: 100px; }
.addManageTypesControls { border: 1px solid #d8d8d8; padding: 10px; margin: 5px; }
.addManageTypesControls .txt { margin-right: 10px; }
.typeForAdd { border: 1px solid #737373; padding: 5px; margin: 3px 10px; width: 250px; }
.btnAddNewType, .btnCancelManageTypes, .btnExportPdf { display: inline-block; background: #404040; text-align: center; white-space: nowrap; vertical-align: top; }

.addManageTypesControls .txtEditType { margin: 3px 10px; padding: 5px; width: 250px; border: 1px solid #737373; }
.addManageTypesControls .txt { margin: 5px 10px; line-height: 1.2em; font-weight: bold; }
.addManageTypesControls { display: block; }
.closePanel { width: 100%; text-align: right;line-height: 18px;font-size: 16px;height: 18px;}
.workNotesHolder .paginationSection { width: 100%; height: 20px; text-align: center; margin: 1%; padding-bottom: 2%; display: block;}
.oldie .workNotesView { border: 1px solid #d8d8d8; }
.workNotesTitle { background-color: #DFE0DA; color: #555444; padding: 5px; }

.btnExportPdfIndicator { display: inline-block; vertical-align: middle; width: 24px; height: 24px; background-image: url(images/layout/exppdf.png); background-size: 24px 24px; margin: 0 5px 0 -5px; }
.btnAddNewNoteIndicator { display: inline-block; vertical-align: middle; width: 24px; height: 24px; background-image: url(images/layout/add.png); background-size: 24px 24px; margin: 0 5px 0 -5px; }
.btnManageTypesIndicator { display: inline-block; vertical-align: middle; width: 24px; height: 24px; background-image: url(images/layout/gear.png); background-size: 24px 24px; margin: 0 5px 0 -5px;  }

/*Asset Types*/
.machineTypesView { font-size: 16px; }
.oldie .machineTypesView { border: 1px solid #d8d8d8; }
.manageMachineTypeSection { overflow: auto; max-width: 740px; max-height: 600px; box-shadow: rgba(0,0,0,0) 0px 5px 18px 0px; }
.icon { cursor: pointer; margin-left: 10px; }
.machineTypes .machineType { display: inline-block; width: 230px; margin: 5px; font-size: 0.8em; height: 40px; vertical-align: middle; white-space: nowrap; line-height: 40px;}
.machineType .txt { display: inline-block; width: 128px; }
.machineTypes .icoMType { max-width: 30px; max-height: 30px; padding: 2px 5px; display: inline-block; vertical-align: middle; }
.icoMType { cursor: pointer; margin-right: 10px; }
.machineType.currentType { border: 1px solid #ffcd03; color: #000; background: #ffcd03; font-weight: bold; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; vertical-align: top;}
.selectMachineTypes { background-color: #000; color: #fff; padding: 5px; }
.selTypes{padding: 6px;}

.machineType .deleteType { margin: auto; display: inline-block; vertical-align: middle; }
.btnDeletableIndicator { display: inline-block; text-align: center; cursor: pointer; color: #fff; padding: 0 10px; white-space: nowrap; vertical-align: text-top; margin: 5px 30px 5px 5px; line-height: 1.2em; float: right; }


/*NetworkMsgPopup*/
.networkMsgPopup { Font-size:12px;
    line-height:18px;
    white-space: pre-wrap;padding:5px;line-height:normal; }
.networkMsgPopup.success { background-color: rgba(25,220,25,0.5);}
.networkMsgPopup.error { background-color: rgba(220,25,25,0.5);}
.networkMsgPopup.info { background-color: rgba(30,150,220,0.5);}

/*
.ic-cancel:after { content: "\00D7"; color: #555; font-weight: bold; font-size: larger; padding: 3px; cursor: pointer; }
.ic-cancel { display: inline-block; cursor: pointer; width: 20px; }
*/
.ic-plus:after { content: "\002B"; color: #128AC6; font-weight: bold; font-size: larger; padding: 3px; cursor: pointer; }
.ic-plus { display: inline-block; }


.ic-cancel { width: 18px; height: 18px; position: absolute; right: 0; top: 0; background: #404040 url(images/layout/close1x.png) center center no-repeat; background-size: 16px 16px; z-index: 99; cursor: pointer; }
.oldie .ic-cancel { background: #404040 url(images/layout/close2x.png) center center no-repeat; }
.ic-cancel:hover {  width: 18px; height: 18px; position: absolute; right: 0; top: 0; background: #4f4f4f url(images/layout/close1x.png) center center no-repeat; background-size: 16px 16px; z-index: 99; }
.oldie .ic-cancel:hover { background: #4f4f4f url(images/layout/close2x.png) center center no-repeat; }

.queryNoticeSection { height: 35px; }
.queryNotice { margin: 0 30px; font-size: 1.2em; line-height: 35px;}

.clientButtonView
{
    min-height: 50px;
clear: both;
}
.clientButtonView .name-wrapper {
padding-top: 8px;
}


.setting-select .currentValue {
border: 1px solid #bbb; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
padding: 2px 19px 2px 5px;
cursor: pointer; max-width: 400px; margin: 10px 0;
background:url(images/layout/ddlarrow.png) right no-repeat; background-size:20px 32px;
height: 24px;line-height: 24px;
}
.oldie .setting-select .currentValue { background:url(images/layout/ddlarrow1x.png) right no-repeat;  }

.setting-select .currentValue:hover { background:url(images/layout/ddlarrowblack.png) right no-repeat; background-size:20px 32px; }
.oldie .setting-select .currentValue:hover { background:url(images/layout/ddlarrowblack1x.png) right no-repeat; }


.settings-name-wrapper {
padding-top: 10px;
}


.setting-select .currentStatus { color: #555555; font-size: 0.9em; margin-left: 30px; }
.tooltippop .options { min-width: 200px; }
.tooltippop .options .opt { cursor: pointer; color: #555555; padding: 5px 10px; line-height: 2em;}
.tooltippop .options .opt:hover { background-color: #ffcd03; color: #000; text-shadow: none; }

.cancelTr:before
{
content: "\00D7";
cursor: pointer;
font-size: 24px;
height: 26px;
width: 26px;
color: Red;
vertical-align: middle;}

.resultStatus .cancelTr { margin-left: 20px; }

.bbDiaghead {
margin: 6px;
font-size: 22px;
}
.bbDiagText {
margin: 7px;
max-width: 320px;
font-size: 16px;
}
.bbDiagOk, .bbDiagCancel {
display: inline-block;
background: #128AC6;
margin: 9px;
width: 100px;
text-align: center;
cursor:pointer;
color:White;
font-size: 16px;
}
.bbDiagButts
{
    text-align:center; margin:5px 0;
}
.bbResetVal .resetVal { width: 100px; text-align: right;}
.bbResetVal .valuetypeMsg { font-size: 0.8em; color: #f00; }

.pin { width:24px;height:24px; background-image:url(images/layout/unpinblack.png); background-size:16px 16px; cursor:pointer; display: inline-block; vertical-align: middle; background-repeat:no-repeat; background-position:center;}
.oldie .pin { background-image:url(images/layout/unpinblack2x.png); }

.pin.pinned{ background-image:url(images/layout/pinblack.png);background-size:16px 16px; background-repeat:no-repeat; background-position:center;}
.oldie .pin.pinned { background-image:url(images/layout/pinblack2x.png); }

tr.pinned, .reportsTable tr.odd.pinned, .reportsTable tr.pinned
{
    /*background-color:#FFFFC8;*/
}

.moreInfoAlarm { display: inline-block; width: 18px; height: 19px; background: url(images/reports-icon-over-c.png) no-repeat center;
                 background-size: 18px 19px; cursor: pointer; vertical-align: middle; margin: 0 3px;
                 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='images/reports-icon-over-c.png', sizingMethod='scale');
                 -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='images/reports-icon-over-c.png', sizingMethod='scale')"; }

/*Quick map view*/
.quickmapView { position: relative; }
.quickmapView .staticMap { display: block; }
.quickmapView .switchMapType { border: 1px solid #bbb; width: 50px; height: 50px; position: absolute; top: 5px; left: 5px; cursor: pointer; }



.txtLeft { text-align: left; }
.txtCenter { text-align: center; }
.txtRight { text-align: right; }

.address .textual { cursor: pointer; }

.meterHeader {
    height: 36px;
    line-height: 36px;
    padding: 0 0 0 8px;
    font-size: 18px;
    font-size: 1.125rem;
    margin: 0;
}

.more-icon {
    margin: 0 0 0 5px;
}
.more-icon { float:right; width:32px; height:32px; background-image:url(images/layout/rightarrow.png); background-size: 9px 16px; background-position: 55% 50%; cursor:pointer; }
.oldie .more-icon { background-image:url(images/layout/rightarrow1x.png); }

.more-icon.minus { float:right; width:32px; height:32px; background-image:url(images/layout/downarrow.png); background-size: 16px 9px; background-position: 50% 55%; cursor:pointer; }
.oldie .more-icon.minus { background-image:url(images/layout/downarrow1x.png); }

.meterHeader .more-icon { margin-top: 2px; margin-bottom: 2px; }
.actn-action .more-icon { margin-top: 9px; margin-bottom: 9px; }
.choiceItem.actn-action .more-icon {  margin-top: 0px; margin-bottom: 0px; }
.meterHeader .history-icon {
  width: 50px;
  height: 36px;

}

.valuestatus1 {
  float: right;
  min-height: 60px;
  display: inline-block;
  margin: 0 5px;
  line-height: 60px;
  font-size: 12px;
}

 .groupIco
{
    display: inline-block;
    margin:22px 0 22px 7px;
    width:16px;
    height:16px;
    background: url(images/group32.png) no-repeat center;
    background-size: 16px 16px;
    vertical-align: middle;
	float: right;
}
.oldie .groupIco{ background: url(images/group16.png) no-repeat center; }

.signalInfo { display: inline-block; vertical-align: middle; white-space: pre-wrap; height: 100%; text-align: right; line-height: 16px; }
@media screen and (max-width: 500px) {
    .signalInfo {
        width: 60px;
    }
}
@media screen and (min-width: 500px) {
    .signalInfo {
        width: 160px;
    }
}
.linkHistory { cursor: pointer; color: #128AC6; }
.linkHistoryForMobile { color: #128AC6; }

.loaderMiddle{
    background: url(images/ajax-loader.gif) no-repeat center;
    background-size: 23px 23px;
    height:100px;
    width: 100%;
    filter: Alpha(Opacity=18);
    opacity: .18;
}

.meterHeader .alarm { display: inline-block; width: 44px; height: 32px; cursor: pointer;   }

.meterHeader.alrm-normal .alarm { background:url(images/alarm-green.png) left center no-repeat; background-size: 28px 28px; vertical-align: middle; }
.oldie .meterHeader.alrm-normal .alarm { background:url(images/alarm-green1x.png) left center no-repeat; }

.meterHeader.alrm-low .alarm { background:url(images/alarm-blue.png) left center no-repeat; background-size: 28px 28px; vertical-align: middle; }
.oldie .meterHeader.alrm-low .alarm { background:url(images/alarm-blue1x.png) left center no-repeat; background-size: 28px 28px;}

.meterHeader.alrm-medium .alarm { background:url(images/alarm-yellow.png) left center no-repeat; background-size: 28px 28px; vertical-align: middle; }
.oldie .meterHeader.alrm-medium .alarm { background:url(images/alarm-yellow1x.png) 50% 50% no-repeat; }

.meterHeader.alrm-high .alarm { background:url(images/alarm-orange.png) left center no-repeat; background-size: 28px 28px; vertical-align: middle; }
.oldie .meterHeader.alrm-high .alarm{ background:url(images/alarm-orange1x.png) left center no-repeat; }

.meterHeader.alrm-critical .alarm { background:url(images/alarm-red.png) left center no-repeat; background-size: 28px 28px; vertical-align: middle; }
.oldie .meterHeader.alrm-critical .alarm { background:url(images/alarm-red1x.png) left center no-repeat; }

.meterHeader.alrm-none .alarm { background:url(images/alarm-green.png) left center no-repeat; background-size: 28px 28px; vertical-align: middle; }
.oldie .meterHeader.alrm-none .alarm { background:url(images/alarm-green1x.png) left center no-repeat; }

.acount
{
  height: 14px;
  min-width: 14px;
  padding: 2px 2px 2px 2px;
  position: absolute;
  right: 0px;
  bottom: 9px;
  border-radius: 10px;
  background-color: #404040;
  color: #ffcd03;
  line-height: 16px;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  text-shadow: none;
}
.alarm:hover .acount { background-color: #ffcd03; color: #000; }
.acount:hover { background-color: #ffcd03; color: #000; }
.valueextra
{
  display: inline-block;
  padding: 2px 2px;
  color: #888;
  font-size: 11px;
}

.direction { margin-left: 10px; display: inline-block; width: 24px; height: 24px; background:url(images/noHeading.png) center center no-repeat; background-size: 24px 24px; vertical-align: middle; }
.oldie .direction { background:url(images/noHeading1x.png) 50% 50% no-repeat; }
.direction.N { background:url(images/N.png) center center no-repeat; background-size: 24px 24px; vertical-align: middle; }
.oldie .direction.N { background:url(images/N1x.png) 50% 50% no-repeat; }
.direction.E { background:url(images/E.png) center center no-repeat; background-size: 24px 24px; vertical-align: middle; }
.oldie .direction.E { background:url(images/E1x.png) 50% 50% no-repeat; }
.direction.S { background:url(images/S.png) center center no-repeat; background-size: 24px 24px; vertical-align: middle; }
.oldie .direction.S { background:url(images/S1x.png) 50% 50% no-repeat; }
.direction.W { background:url(images/W.png) center center no-repeat; background-size: 24px 24px; vertical-align: middle; }
.oldie .direction.W { background:url(images/W1x.png) 50% 50% no-repeat; }
.direction.NE { background:url(images/NE.png) center center no-repeat; background-size: 24px 24px; vertical-align: middle; }
.oldie .direction.NE { background:url(images/NE1x.png) 50% 50% no-repeat; }
.direction.NW { background:url(images/NW.png) center center no-repeat; background-size: 24px 24px; vertical-align: middle; }
.oldie .direction.NW { background:url(images/NW1x.png) 50% 50% no-repeat; }
.direction.SE { background:url(images/SE.png) center center no-repeat; background-size: 24px 24px; vertical-align: middle; }
.oldie .direction.SE { background:url(images/SE1x.png) 50% 50% no-repeat; }
.direction.SW { background:url(images/SW.png) center center no-repeat; background-size: 24px 24px; vertical-align: middle; }
.oldie .direction.SW { background:url(images/SW1x.png) 50% 50% no-repeat; }


.applybut
{
    background-color: #4ED966;
    line-height: 36px;
    height: 36px;
    margin: 0;
    float:left;
    font-family: "entypo";
    color:White;
    width:30px;
    text-align:center;
    cursor:pointer;
}
.applybut:hover
{
    background-color: #5Ee976;
}

.menubut { line-height: 36px; height: 36px; margin: 0; width:30px; text-align:center; cursor:pointer;
           background: #232323 url(images/layout/submenu.png) center center no-repeat; background-size: 24px 24px; display: inline-block; }
.oldie .menubut { background: #232323 url(images/layout/submenu1x.png) center center no-repeat; }

.menubut:hover { background: #ffcd03 url(images/layout/submenublack.png) center center no-repeat; background-size: 24px 24px; }
.oldie .menubut:hover { background: #ffcd03 url(images/layout/submenublack1x.png) center center no-repeat; }
.toggleSwitch
{
  height: 10px;
  width: 36px;
  float: right;
  border-radius: 8px;
  background-color: #828282;
  position: relative;
  margin: 17px 5px;
}

.toggleControl
{
 line-height:26px;
 font-size: 16px;
 text-align: center;
}

.toggle
{
  height: 20px;
  width: 20px;
  border-radius: 10px;
  background-color: #ECECEC;
  position: absolute;
  top: -6px;
  left: -5px;
  box-shadow: 0px 1px 5px #4A4A4A;
  transition: left 0.4s, background-color 0.4s;

}

.toggle.on
{
    left: 21px;
    background-color: #ffcd03;
}

.schedNarrow
{
 font-size:14px;
 padding: 10px;
 max-width: 700px;
 margin: auto;
 line-height:30px;

}

span.periodName {
  font-weight: bold;
}

.nextPeriod {
  font-size: 16px;
  color: gray;
}

input.textual:disabled {
  background-color: #f2f2f2;
  border: none;
}

.button {
    background-color: #128AC6;
    color: white;
    display: inline-block;
    padding: 5px;
    line-height:20px;
    cursor:pointer;
    margin:5px;
}

.scheduleBody {
  font-size: 16px;
}

.reportType-content
{
      margin: 10px;
}

.reportType-content label
{
      font-weight: bold;
}

/* Device Migration */
.deviceMigrationView { height: 390px;}
.deviceMigrationBody .box-content { padding: 10px; border-bottom: none; }
.currentDeviceInfo { margin: 5px 0 10px 0}
.newSerialSection { margin: 10px 0; }
.deviceMigration .newSerial { width: 160px; height: 30px; padding: 2px 10px; border: 1px solid #bbb; vertical-align: bottom; border-radius: 5px; margin: 0 10px; }
.newSerialSection { vertical-align: middle; }
.lblNewSerial { display: inline-block; line-height: 30px; vertical-align: text-top; }
.btnApplyNewSerial { display: inline-block; background: #128AC6; text-align: center; cursor: pointer; color: #fff; padding: 0 10px; white-space: nowrap; vertical-align: text-top; margin-left: 5px; line-height: 30px; }
.tblSerialNumHistory { table-layout: auto; width: 100%; overflow: auto; white-space: pre-wrap; background-color: #fff; border-collapse: collapse; font-size: 12px; }
.tblSerialNumHistory th { font-weight: bold; font-style: italic; background-color: #F3F3F3; padding: 0 5px;}
.tblSerialNumHistory tr { border-top: 1px dotted #D9D9D9; border-bottom: 1px dotted #D9D9D9; }
.tblSerialNumHistory td { padding: 0 5px; }
.tblSerialNumHistory tbody tr:nth-child(even) { background-color: #F3F3F3; }
.serialNumHistory .serialNumHistoryTitle { color: #222; padding: 3px 0;}
.serialNumHistory { border-top: 1px solid #D9D9D9; margin: 5px 0; max-height: 200px; overflow: auto; }
.migrationStatus { font-size: 12px; color: #f00; }
.migrationStatus.success { color: #128AC6; }

.box-sub-hdr, .box-sub-hdr-sm {
    padding: 0;
    color: #555444;
    margin: 0;
    background: #DFE0DA;
    width: 100%;
    font-size: 1.2em;
    height: 36px;
    line-height: 36px;
    clear: both;
    vertical-align: middle;
}

.box-sub-hdr-sm .txt, .box-sub-hdr .txt {
    padding: 0 5px;
    display: block;
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
		background-color: #000;
    color: #fff;
}

/* Assinment Operator */
.manageOperatorIcon { display: inline-block; width: 32px; height: 32px; background-image: url(images/layout/gear.png); background-size: 32px 32px; vertical-align: middle; cursor: pointer; margin: 0 30px; }
.oldie .manageOperatorIcon { background-image: url(images/layout/gear1x.png); }
.operatorView { height: 460px;}
.manageOperatorBody .box-content { padding: 10px; border-bottom: none; vertical-align: top; }
.lblAssignOperator { display: inline-block; line-height: 30px; }
.btnAssignNewOperator {display: inline-block; text-align: center; cursor: pointer; padding: 0 10px; white-space: nowrap; margin-left: 5px; line-height: 26px;}
.tblOperatorHistory { table-layout: auto; width: 100%; overflow: auto; white-space: pre-wrap; background-color: #fff; border-collapse: collapse; font-size: 12px; }
.tblOperatorHistory th { font-weight: bold; font-style: italic; background-color: #F3F3F3; padding: 0 5px;}
.tblOperatorHistory tr { border-top: 1px dotted #D9D9D9; border-bottom: 1px dotted #D9D9D9; }
.tblOperatorHistory td { padding: 0 5px; }
.tblOperatorHistory tbody tr:nth-child(even) { background-color: #F3F3F3; }
.operatorHistoryTitle { font-weight: bold; padding: 3px 0;}
.operatorHistory { border-top: 1px solid #D9D9D9; margin: 5px 0; max-height: 200px; overflow: auto; vertical-align: top; }
.assignOperatorContolsCtn { vertical-align: top; }
.manageOperatorBody .assignOperatorStatus { font-size: 12px; color: #f00; }
.manageOperatorBody .assignOperatorStatus.success { color: #128AC6; }
.selectOperator { width: 130px; height: 30px; border: 1px solid #737373; padding: 0 5px; }
.currentOperator { font-weight: bold; }
.createUserCtn { position: relative; }
.addNewUserIndicator { cursor: pointer; vertical-align: middle; }
.btnAddNewUserIndicator { height: 26px; cursor: pointer; }
.addNewUserControls {border: 1px solid #737373; margin: 5px 0; padding: 5px 10px;}
.addNewUserControls .txt { width: 90px; display: inline-block; text-align: right; }
.addNewUserControls input { width: 200px; height: 25px; padding: 3px; border: 1px solid #737373; margin-left: 10px; }
.addNewUserControls .nameCtn { margin: 5px 0; }
.addNewUserControls .btnCtn { margin: 5px; text-align: right; }
.btnAddNewUser, .btnCancelNewUser { display: inline-block; text-align: center; cursor: pointer; padding: 0 10px; white-space: nowrap; margin-right: 10px; line-height: 25px;}
.btnAddNewUserIndicator { display: inline-block; vertical-align: middle; width: 24px; height: 24px; background-image: url(images/layout/add.png); background-size: 24px 24px; margin: 0 5px 0 -5px; }
.assignNewOperatorCtn { margin-top: 3px; }

.paginationSection { width: 100%; margin: 8px; display: block; font-size: 14px; height: 30px; }
.ButtonPrevPage, .ButtonNextPage { height: 32px; width: 32px; float: left; }
.ButtonPrevPage.on  {background-image: url(images/layout/leftarrow.png); background-size: 9px 16px; background-position: 45% 50%; }
.oldie .ButtonPrevPage.on { background-image: url(images/layout/leftarrow1x.png); }
.ButtonNextPage.on  {background-image: url(images/layout/rightarrow.png); background-size: 9px 16px; background-position: 55% 50%; }
.oldie .ButtonNextPage.on { background-image: url(images/layout/rightarrow.png); }
.ButtonPrevPage.off  {background-image: url(images/layout/leftarrowdisabled.png); background-size: 9px 16px; cursor: default; background-position: 45% 50%; }
.oldie .ButtonPrevPage.off { background-image: url(images/layout/leftarrowdisabled1x.png); }
.ButtonNextPage.off  {background-image: url(images/layout/rightarrowdisabled.png); background-size: 9px 16px; cursor: default; background-position: 55% 50%; }
.oldie .ButtonNextPage.off { background-image: url(images/layout/rightarrowdisabled1x.png); }
.LabelPage { display: inline-block; line-height: 30px; height: 30px; border-radius: 5px; margin: 0 8px; float: left; }

.grapharea { margin: 10px 0;}
.reportsChart { margin: 0; display: inline-block; }
.ctnChartLegends { display: inline-block; width: 250px; overflow: hidden; }
.ctnChartLegends .chartLegends { overflow: auto; }
.chartTitle { color: #128AC6; padding: 5px 0; margin: 0 10px; font-weight: bold; font-size: 16px; }
circle { cursor: pointer; }

.dataPointPopup { margin: 5px; padding: 0 5px; font-size: 14px; }
.chartlabel, .chartvalue { display: inline-block; }
.chartvalue .ic_rssi {display: inline-block;}
.chartlabel { width : 100px; color: #128AC6; font-style: italic; }

.chartMsg, .customChartMsg { display: inline-block; }
.chartMsg.warning, .chartMsg.critical { margin: 5px 20px; }
.customChartMsg.warning, .customChartMsg.critical { margin: 5px 20px; }
.chartMsg.warning { width: 24px; height: 24px; background:url(images/atmhealth/health-yellow.png) no-repeat center; background-size: 24px 24px; vertical-align: middle; cursor: pointer; }
.customChartMsg.warning { width: 24px; height: 46px; background:url(images/atmhealth/health-yellow.png) no-repeat center; background-size: 24px 24px; vertical-align: middle; cursor: pointer; }
.oldie .chartMsg.warning, .oldie .customChartMsg.warning { background:url(images/atmhealth/health-yellow1x.png) no-repeat center; }
.chartMsg.critical { width: 24px; height: 24px; background:url(images/atmhealth/health-red.png) no-repeat center; background-size: 24px 24px; vertical-align: middle; cursor: pointer; }
.customChartMsg.critical { width: 24px; height: 46px; background:url(images/atmhealth/health-red.png) no-repeat center; background-size: 24px 24px; vertical-align: middle; cursor: pointer;  }
.oldie .chartMsg.critical, .oldie .customChartMsg.critical { background:url(images/atmhealth/health-red1x.png) no-repeat center; }

.chartLegendsHeader { width: 100%; }

.reportsChartSection > div { border-top: 1px solid #eee; padding: 10px 0; }
.reportsChartSection > div:last-child { border-bottom: 1px solid #eee; }

.legendRect { width: 13px; height: 13px; display: inline-block; margin-left: 5px; cursor: help; }
.legendText { display: inline-block; margin-left: 5px; cursor: help; }
.legendHeader { display: inline-block; margin-left: 5px; }
.legendActionCtn { text-align: center; }
.legendActions { display: inline-block; vertical-align: middle; }
.legend rect, .legend text { cursor: pointer; }
.btnShowHideGrid, .btnYScaleConverter { cursor: pointer;}
.chartActions .printChart, .customChartActions .printCustomChart { width: 70px; }
.ctnChartLegends { font-size: 13px; }
.printChartWrapper { width: 670px; }
.ctnLegendsPrint .legendTitle { padding: 3px 0; font-size: 16px; font-weight: bold; }
.ctnLegendsPrint .legendContents { border: 1px solid #555; border-radius: 5px; padding: 5px; }
.printChartWrapper .reportTitle { font-size: 18px; font-weight: bold; padding: 10px; }
.toggleControl label { display: inline-block; margin: 7px 10px; }
.toggleControl.showgridctn, .toggleControl.fullyscalectn, .toggleControl.weekviewctn, .toggleControl.autorefreshallctn { display: inline-block; cursor: pointer; margin: 0 10px;}
.ctnReportsChart { overflow: hidden;    text-align: center; }
.card {
    margin: 2%;
    padding: 1%;
    border: 1px solid #F1F1F1;
    box-shadow: 0px 3px 9px #BBB9B9;
    background: #fff;
}





/* CSS to change side panel width. Unfortunately this is what we have to do if we keep using jquery mobile */
.ui-panel {
    width: 320px;
}
/* Panel positioning (for overlay and push) */
/* Panel left closed */
.ui-panel-position-left {
	left: -320px;
}
/* Wrapper and fixed toolbars positioning (for reveal and push) */
/* Panel left open */
.ui-panel-page-content-position-left {
	left: 320px;
	right: -320px;
}
.ui-panel-animate.ui-panel-page-content-position-left {
	-webkit-transform: translate3d(320px,0,0);
	-moz-transform: translate3d(320px,0,0);
	transform: translate3d(320px,0,0);
}
/* Dismiss model open */
.ui-panel-dismiss-open.ui-panel-dismiss-position-left {
	left: 320px;
}
@media (min-width:55em) {
	.ui-responsive-panel .ui-panel-page-content-open.ui-panel-page-content-position-left {
		margin-right: 320px;
	}
	.ui-responsive-panel .ui-panel-page-content-open.ui-panel-page-content-position-right {
		margin-left: 320px;
	}

}






.reportSortHeader {
    min-height: 42px;
    padding: 4px 0px 8px;
    line-height: 42px;
    position: relative;
}

.reportsTable .reportSortHeader {
    padding: 15px 4px;
}

.reportSortHeader .colHeader {
    display: inline-block;
    line-height: 16px;
    vertical-align: middle;
}

.orderTriangleUp { width:16px; height:16px; margin-left:-8px; background-image:url(images/layout/arrowup.png); background-size: 16px 16px; position:absolute; top:0px; left:50%; cursor:pointer; }
.oldie .orderTriangleUp { background-image:url(images/layout/arrowup1x.png); }

.orderTriangleDn { width:16px; height:16px; margin-left:-8px; background-image:url(images/layout/arrowdown.png); background-size: 16px 16px; position:absolute; bottom:0px; left:50%; cursor:pointer;}
.oldie .orderTriangleDn { background-image:url(images/layout/arrowdown1x.png); }

.orderTriangleUp:hover, .orderTriangleUp.sortselected { background-image:url(images/layout/arrowupblack.png); background-size: 16px 16px; background-color: #2f2f2f; border-radius: 50%; }
.oldie .orderTriangleUp:hover, .oldie .orderTriangleUp.sortselected { background-image:url(images/layout/arrowupblack1x.png); }
.orderTriangleDn:hover, .orderTriangleDn.sortselected { background-image:url(images/layout/arrowdownblack.png); background-size: 16px 16px; background-color: #2f2f2f; border-radius: 50%; }
.oldie .orderTriangleDn:hover, .oldie .orderTriangleDn.sortselected { background-image:url(images/layout/arrowdownblack1x.png); }
.orderTriangleUp.sortselected, .orderTriangleDn.sortselected { background-color: #ffcd03; }


.assetTable .orderTriangleUp { margin-top: 2px; }
.assetTable .orderTriangleDn { margin-bottom: 2px; }

.reportSortHeader.priority_h{width:30px;}
.reportSortHeader.healthpriority_h{width:30px;}
/*
.reportSortHeader.assetxref_h{width:145px;}
.amslink .reportSortHeader.assetxref_h{width: 125px;}
.amslink .reportSortHeader.detectedid_h{width: 165px;}
.amslink .reportSortHeader.asset_sn_h{width: 165px;}
.atmlink .reportSortHeader.assetxref_h{width: 160px;}
.atmlink .reportSortHeader.detectedid_h{width: 100px;}
.atmlink .reportSortHeader.asset_sn_h{width: 100px;}
*/

.amslink .reportSortHeader.assetxref_h{width:125px;}
.atmlink .reportSortHeader.assetxref_h{width:160px;}
.amslink .reportSortHeader.detectedid_h{width: 165px;}
.atmlink .reportSortHeader.detectedid_h{width: 100px;}
.reportSortHeader.asset_sn_h{width: 80px;}
.reportSortHeader.name_h{width: 120px;}

/*ATM Health New*/
.ctnHealth { position: relative; width: 300px; height: 100px; margin: 0 auto;}
.ctnHealth .health-icon, .ctnHealth .stay-icon { cursor: pointer; }

.ctnHealth .machine.bg { width: 50px; height: 50px; background:url(images/atmhealth/health_bg.png) no-repeat center; background-size: 50px 50px;  position: absolute; top: 15px; left: 1px; }
.oldie .ctnHealth .machine.bg { background: url(images/atmhealth/health_bg1x.png) no-repeat center; }
.ctnHealth .machine.bg:hover { width: 50px; height: 50px; background:url(images/atmhealth/health_bgyellow.png) no-repeat center; background-size: 50px 50px;  position: absolute; top: 15px; left: 1px; }
.oldie .ctnHealth .machine.bg:hover { background: url(images/atmhealth/health_bgyellow1x.png) no-repeat center; }

.ctnHealth .device.bg { width: 50px; height: 50px; background:url(images/atmhealth/health_bg.png) no-repeat center; background-size: 50px 50px;  position: absolute; top: 15px; left: 82px; }
.oldie .ctnHealth .device.bg { background: url(images/atmhealth/health_bg1x.png) no-repeat center; }
.ctnHealth .device.bg:hover { width: 50px; height: 50px; background:url(images/atmhealth/health_bgyellow.png) no-repeat center; background-size: 50px 50px;  position: absolute; top: 15px; left: 82px; }
.oldie .ctnHealth .device.bg:hover { background: url(images/atmhealth/health_bgyellow1x.png) no-repeat center; }

.ctnHealth .dpl.bg { width: 50px; height: 50px; background:url(images/atmhealth/health_bg.png) no-repeat center; background-size: 50px 50px;  position: absolute; top: 15px; left: 163px; }
.oldie .ctnHealth .dpl.bg { background: url(images/atmhealth/health_bg1x.png) no-repeat center; }
.ctnHealth .dpl.bg:hover { width: 50px; height: 50px; background:url(images/atmhealth/health_bgyellow.png) no-repeat center; background-size: 50px 50px;  position: absolute; top: 15px; left: 163px; }
.oldie .ctnHealth .dpl.bg:hover { background: url(images/atmhealth/health_bgyellow1x.png) no-repeat center; }

.ctnHealth .tprov.bg { width: 50px; height: 50px; background:url(images/atmhealth/health_bg.png) no-repeat center; background-size: 50px 50px;  position: absolute; top: 15px; left: 244px; }
.oldie .ctnHealth .tprov.bg { background: url(images/atmhealth/health_bg1x.png) no-repeat center; }
.ctnHealth .tprov.bg:hover { width: 50px; height: 50px; background:url(images/atmhealth/health_bgyellow.png) no-repeat center; background-size: 50px 50px;  position: absolute; top: 15px; left: 244px; }
.oldie .ctnHealth .tprov.bg:hover { background: url(images/atmhealth/health_bgyellow1x.png) no-repeat center; }

.ctnHealth .machine.bg.offline, .ctnHealth .device.bg.offline, .ctnHealth .dpl.bg.offline, .ctnHealth .tprov.bg.offline { cursor: default; width: 50px; height: 50px; background:url(images/atmhealth/health_bg_offline.png) no-repeat center; background-size: 50px 50px;}
.oldie .ctnHealth .machine.bg.offline, .oldie .ctnHealth .device.bg.offline, .oldie .ctnHealth .dpl.bg.offline, .oldie .ctnHealth .tprov.bg.offline  { background: url(images/atmhealth/health_bg_offline1x.png) no-repeat center; }
.ctnHealth .machine.bg.offline:hover, .ctnHealth .device.bg.offline:hover, .ctnHealth .dpl.bg.offline:hover, .ctnHealth .tprov.bg.offline:hover { width: 50px; height: 50px; background:url(images/atmhealth/health_bg_offline.png) no-repeat center; background-size: 50px 50px;}
.oldie .ctnHealth .machine.bg.offline:hover, .oldie .ctnHealth .device.bg.offline:hover, .oldie .ctnHealth .dpl.bg.offline:hover, .oldie .ctnHealth .tprov.bg.offline:hover  { background: url(images/atmhealth/health_bg_offline1x.png) no-repeat center; }

.ctnHealth .machine_device.bg { width: 30px; height: 7px; background:url(images/atmhealth/health_conn.png) no-repeat center; background-size: 30px 7px;  position: absolute; top: 37px; left: 52px;}
.oldie .ctnHealth .machine_device.bg { background: url(images/atmhealth/health_conn1x.png) no-repeat center; }
.ctnHealth .machine_device.bg:hover { width: 30px; height: 7px; background:url(images/atmhealth/health_connyellow.png) no-repeat center; background-size: 30px 7px;  position: absolute; top: 37px; left: 52px;}
.oldie .ctnHealth .machine_device.bg:hover { background: url(images/atmhealth/health_connyellow1x.png) no-repeat center; }

.ctnHealth .device_dpl.bg { width: 30px; height: 7px; background:url(images/atmhealth/health_conn.png) no-repeat center; background-size: 30px 7px;  position: absolute; top: 37px; left: 133px;}
.oldie .ctnHealth .device_dpl.bg { background: url(images/atmhealth/health_conn1x.png) no-repeat center; }
.ctnHealth .device_dpl.bg:hover { width: 30px; height: 7px; background:url(images/atmhealth/health_connyellow.png) no-repeat center; background-size: 30px 7px;  position: absolute; top: 37px; left: 133px;}
.oldie .ctnHealth .device_dpl.bg:hover { background: url(images/atmhealth/health_connyellow1x.png) no-repeat center; }

.ctnHealth .dpl_tprov.bg { width: 30px; height: 7px; background:url(images/atmhealth/health_conn.png) no-repeat center; background-size: 30px 7px;  position: absolute; top: 37px; left: 214px;}
.oldie .ctnHealth .dpl_tprov.bg { background: url(images/atmhealth/health_conn1x.png) no-repeat center; }
.ctnHealth .dpl_tprov.bg:hover { width: 30px; height: 7px; background:url(images/atmhealth/health_connyellow.png) no-repeat center; background-size: 30px 7px;  position: absolute; top: 37px; left: 214px;}
.oldie .ctnHealth .dpl_tprov.bg:hover { background: url(images/atmhealth/health_connyellow1x.png) no-repeat center; }

.ctnHealth .machine_device.bg.offline, .ctnHealth .device_dpl.bg.offline, .ctnHealth .dpl_tprov.bg.offline { cursor: default; width: 30px; height: 7px; background:url(images/atmhealth/health_conn_offline.png) no-repeat center; background-size: 30px 7px; }
.oldie .ctnHealth .machine_device.bg.offline, .oldie .ctnHealth .device_dpl.bg.offline, .oldie .ctnHealth .dpl_tprov.bg.offline { background: url(images/atmhealth/health_conn_offline1x.png) no-repeat center; }
.ctnHealth .machine_device.bg.offline:hover, .ctnHealth .device_dpl.bg.offline:hover, .ctnHealth .dpl_tprov.bg.offline:hover { width: 30px; height: 7px; background:url(images/atmhealth/health_conn_offline.png) no-repeat center; background-size: 30px 7px; }
.oldie .ctnHealth .machine_device.bg.offline:hover, .oldie .ctnHealth .device_dpl.bg.offline:hover, .oldie .ctnHealth .dpl_tprov.bg.offline:hover { background: url(images/atmhealth/health_conn_offline1x.png) no-repeat center; }


.ctnHealth .ic_machine { width: 31px; height: 31px; background:url(images/atmhealth/machine.png) no-repeat center; background-size: 31px 31px;  position: absolute; top: 10px; left: 10px; z-index:99999; }
.oldie .ctnHealth .ic_machine { background: url(images/atmhealth/machine1x.png) no-repeat center;}
.ctnHealth .machine.bg:hover .ic_machine { width: 31px; height: 31px; background:url(images/atmhealth/machineblack.png) no-repeat center; background-size: 31px 31px;  position: absolute; top: 10px; left: 10px; z-index:99999; }
.oldie .ctnHealth .machine.bg:hover .ic_machine { background: url(images/atmhealth/machineblack1x.png) no-repeat center;}

.ctnHealth .machine.bg.offline .ic_machine { cursor: default; width: 31px; height: 31px; background:url(images/atmhealth/machinegrey.png) no-repeat center; background-size: 31px 31px;  position: absolute; top: 10px; left: 10px; z-index:99999; }
.oldie .ctnHealth .machine.bg.offline .ic_machine { background: url(images/atmhealth/machinegrey1x.png) no-repeat center;}
.ctnHealth .machine.bg.offline:hover .ic_machine { width: 31px; height: 31px; background:url(images/atmhealth/machinegrey.png) no-repeat center; background-size: 31px 31px;  position: absolute; top: 10px; left: 10px; z-index:99999; }
.oldie .ctnHealth .machine.bg.offline:hover .ic_machine { background: url(images/atmhealth/machinegrey1x.png) no-repeat center;}

.ctnHealth .ic_device { width: 28px; height: 15px; background:url(images/atmhealth/device.png) no-repeat center; background-size: 28px 15px;  position: absolute; top: 26px; left: 12px; z-index:99999; }
.oldie .ctnHealth .ic_device { background: url(images/atmhealth/device1x.png) no-repeat center;}
.ctnHealth .device.bg:hover .ic_device { width: 28px; height: 15px; background:url(images/atmhealth/deviceblack.png) no-repeat center; background-size: 28px 15px;  position: absolute; top: 26px; left: 12px; z-index:99999; }
.oldie .ctnHealth .device.bg:hover .ic_device { background: url(images/atmhealth/deviceblack1x.png) no-repeat center;}

.ctnHealth .device.bg.offline .ic_device { cursor: default; width: 28px; height: 15px; background:url(images/atmhealth/devicegrey.png) no-repeat center; background-size: 28px 15px;  position: absolute; top: 26px; left: 12px; z-index:99999; }
.oldie .ctnHealth .device.bg.offline .ic_device { background: url(images/atmhealth/devicegrey1x.png) no-repeat center;}
.ctnHealth .device.bg.offline:hover .ic_device { width: 28px; height: 15px; background:url(images/atmhealth/devicegrey.png) no-repeat center; background-size: 28px 15px;  position: absolute; top: 26px; left: 12px; z-index:99999; }
.oldie .ctnHealth .device.bg.offline:hover .ic_device { background: url(images/atmhealth/devicegrey1x.png) no-repeat center;}

.ctnHealth .ic_device.wired { width: 28px; height: 7px; background:url(images/atmhealth/device_noantenna.png) no-repeat center; background-size: 28px 7px;  position: absolute; top: 35px; left: 12px; z-index:99999; }
.oldie .ctnHealth .ic_device.wired { background: url(images/atmhealth/device_noantenna1x.png) no-repeat center;}
.ctnHealth .device.bg:hover .ic_device.wired { width: 28px; height: 7px; background:url(images/atmhealth/device_noantennablack.png) no-repeat center; background-size: 28px 7px;  position: absolute; top: 35px; left: 12px; z-index:99999; }
.oldie .ctnHealth .device.bg:hover .ic_device.wired { background: url(images/atmhealth/device_noantennablack1x.png) no-repeat center;}

.ctnHealth .device.bg.offline .ic_device.wired { cursor: default; width: 28px; height: 7px; background:url(images/atmhealth/device_noantennagrey.png) no-repeat center; background-size: 28px 7px;  position: absolute; top: 35px; left: 12px; z-index:99999; }
.oldie .ctnHealth .device.bg.offline .ic_device.wired { background: url(images/atmhealth/device_noantennagrey1x.png) no-repeat center;}
.ctnHealth .device.bg.offline:hover .ic_device.wired { width: 28px; height: 7px; background:url(images/atmhealth/device_noantennagrey.png) no-repeat center; background-size: 28px 7px;  position: absolute; top: 35px; left: 12px; z-index:99999; }
.oldie .ctnHealth .device.bg.offline:hover .ic_device.wired { background: url(images/atmhealth/device_noantennagrey1x.png) no-repeat center;}


.ctnHealth .ic_dpl { width: 39px; height: 24px; background:url(images/atmhealth/dpl.png) no-repeat center; background-size: 39px 24px;  position: absolute; top: 13px; left: 5px; z-index:99999; }
.oldie .ctnHealth .ic_dpl { background: url(images/atmhealth/dpl1x.png) no-repeat center;}
.ctnHealth .dpl.bg:hover .ic_dpl { width: 39px; height: 24px; background:url(images/atmhealth/dplblack.png) no-repeat center; background-size: 39px 24px;  position: absolute; top: 13px; left: 5px; z-index:99999; }
.oldie .ctnHealth .dpl.bg:hover .ic_dpl { background: url(images/atmhealth/dplblack1x.png) no-repeat center;}

.ctnHealth .dpl.bg.offline .ic_dpl { cursor: default; width: 39px; height: 24px; background:url(images/atmhealth/dplgrey.png) no-repeat center; background-size: 39px 24px;  position: absolute; top: 13px; left: 5px; z-index:99999; }
.oldie .ctnHealth .dpl.bg.offline .ic_dpl { background: url(images/atmhealth/dplgrey1x.png) no-repeat center;}
.ctnHealth .dpl.bg.offline:hover .ic_dpl { width: 39px; height: 24px; background:url(images/atmhealth/dplgrey.png) no-repeat center; background-size: 39px 24px;  position: absolute; top: 13px; left: 5px; z-index:99999; }
.oldie .ctnHealth .dpl.bg.offline:hover .ic_dpl { background: url(images/atmhealth/dplgrey1x.png) no-repeat center;}

.ctnHealth .ic_tprov { width: 27px; height: 32px; background:url(images/atmhealth/tprov.png) no-repeat center; background-size: 27px 32px;  position: absolute; top: 9px; left: 12px; z-index:99999; }
.oldie .ctnHealth .ic_tprov { background: url(images/atmhealth/tprov1x.png) no-repeat center;}
.ctnHealth .tprov.bg:hover .ic_tprov { width: 27px; height: 32px; background:url(images/atmhealth/tprovblack.png) no-repeat center; background-size: 27px 32px;  position: absolute; top: 9px; left: 12px; z-index:99999; }
.oldie .ctnHealth .tprov.bg:hover .ic_tprov { background: url(images/atmhealth/tprovblack1x.png) no-repeat center;}

.ctnHealth .tprov.bg.offline .ic_tprov { cursor: default; width: 27px; height: 32px; background:url(images/atmhealth/tprovgrey.png) no-repeat center; background-size: 27px 32px;  position: absolute; top: 9px; left: 12px; z-index:99999; }
.oldie .ctnHealth .tprov.bg.offline .ic_tprov { background: url(images/atmhealth/tprovgrey1x.png) no-repeat center;}
.ctnHealth .tprov.bg.offline:hover .ic_tprov { width: 27px; height: 32px; background:url(images/atmhealth/tprovgrey.png) no-repeat center; background-size: 27px 32px;  position: absolute; top: 9px; left: 12px; z-index:99999; }
.oldie .ctnHealth .tprov.bg.offline:hover .ic_tprov { background: url(images/atmhealth/tprovgrey1x.png) no-repeat center;}

.ctnHealth .ic_rssi {  position: absolute; top: 5px; left: 8px; z-index:99999; }
.ic_rssi { margin: 3px;}
.ic_rssi.rssiunknown { width: 30px; height: 20px;  background:url(images/atmhealth/rssi_unknown_icon.png) no-repeat center; background-size: 30px 20px; }
.oldie .ic_rssi.rssiunknown  { background: url(images/atmhealth/rssi_unknown_icon1x.png) no-repeat center;}
.ic_rssi.rssi0 { width: 30px; height: 20px;  background:url(images/atmhealth/rssi0icon.png) no-repeat center; background-size: 30px 20px; }
.oldie .ic_rssi.rssi0  { background: url(images/atmhealth/rssi0icon1x.png) no-repeat center;}
.ic_rssi.rssi1 { width: 30px; height: 20px;  background:url(images/atmhealth/rssi1icon.png) no-repeat center; background-size: 30px 20px; }
.oldie .ic_rssi.rssi1  { background: url(images/atmhealth/rssi1icon1x.png) no-repeat center;}
.ic_rssi.rssi2 { width: 30px; height: 20px;  background:url(images/atmhealth/rssi2icon.png) no-repeat center; background-size: 30px 20px; }
.oldie .ic_rssi.rssi2  { background: url(images/atmhealth/rssi2icon1x.png) no-repeat center;}
.ic_rssi.rssi3 { width: 30px; height: 20px;  background:url(images/atmhealth/rssi3icon.png) no-repeat center; background-size: 30px 20px; }
.oldie .ic_rssi.rssi3  { background: url(images/atmhealth/rssi3icon1x.png) no-repeat center;}
.ic_rssi.rssi4 { width: 30px; height: 20px;  background:url(images/atmhealth/rssi4icon.png) no-repeat center; background-size: 30px 20px; }
.oldie .ic_rssi.rssi4  { background: url(images/atmhealth/rssi4icon1x.png) no-repeat center;}
.ic_rssi.rssi5 { width: 30px; height: 20px;  background:url(images/atmhealth/rssi5icon.png) no-repeat center; background-size: 30px 20px; }
.oldie .ic_rssi.rssi5  { background: url(images/atmhealth/rssi5icon1x.png) no-repeat center;}
.ic_rssi.rssi6 { width: 30px; height: 20px;  background:url(images/atmhealth/rssi6icon.png) no-repeat center; background-size: 30px 20px; }
.oldie .ic_rssi.rssi6  { background: url(images/atmhealth/rssi6icon1x.png) no-repeat center;}
.ic_rssi.rssi7 { width: 30px; height: 20px;  background:url(images/atmhealth/rssi7icon.png) no-repeat center; background-size: 30px 20px; }
.oldie .ic_rssi.rssi7  { background: url(images/atmhealth/rssi7icon1x.png) no-repeat center;}

.ctnHealth .ic_wired { width: 39px; height: 22px; background:url(images/atmhealth/wired.png) no-repeat center; background-size: 39px 22px;  position: absolute; top: 18px; left: 7px; z-index:99999; }
.oldie .ctnHealth .ic_wired { background: url(images/atmhealth/wired1x.png) no-repeat center;}
.ctnHealth .device.bg:hover .ic_wired { width: 39px; height: 22px; background:url(images/atmhealth/wiredblack.png) no-repeat center; background-size: 39px 22px;  position: absolute; top: 18px; left: 7px; z-index:99999; }
.oldie .ctnHealth .device.bg:hover .ic_wired { background: url(images/atmhealth/wiredblack1x.png) no-repeat center;}

.ctnHealth .device.bg.offline .ic_wired { width: 39px; height: 22px; background:url(images/atmhealth/wiredgrey.png) no-repeat center; background-size: 39px 22px;  position: absolute; top: 18px; left: 7px; z-index:99999; }
.oldie .ctnHealth .device.bg.offline .ic_wired { background: url(images/atmhealth/wiredgrey1x.png) no-repeat center;}
.ctnHealth .device.bg.offline:hover .ic_wired { width: 39px; height: 22px; background:url(images/atmhealth/wiredgrey.png) no-repeat center; background-size: 39px 22px;  position: absolute; top: 18px; left: 7px; z-index:99999; }
.oldie .ctnHealth .device.bg.offline:hover .ic_wired { background: url(images/atmhealth/wiredgrey1x.png) no-repeat center;}

.ctnHealth .ic_rssi.rssiunknown { width: 30px; height: 20px;  background:url(images/atmhealth/rssi_unknown_bars.png) no-repeat center; background-size: 30px 20px; }
.oldie .ctnHealth .ic_rssi.rssiunknown  { background: url(images/atmhealth/rssi_unknown_bars1x.png) no-repeat center;}
.ctnHealth .device.bg:hover .ic_rssi.rssiunknown { width: 30px; height: 20px;  background:url(images/atmhealth/rssi_unknown_barsblack.png) no-repeat center; background-size: 30px 20px; }
.oldie .ctnHealth .device.bg:hover .ic_rssi.rssiunknown  { background: url(images/atmhealth/rssi_unknown_barsblack1x.png) no-repeat center;}

.ctnHealth .ic_rssi.rssi0 { width: 30px; height: 20px;  background:url(images/atmhealth/rssi0bars.png) no-repeat center; background-size: 30px 20px; }
.oldie .ctnHealth .ic_rssi.rssi0  { background: url(images/atmhealth/rssi0bars1x.png) no-repeat center;}
.ctnHealth .device.bg:hover .ic_rssi.rssi0 { width: 30px; height: 20px;  background:url(images/atmhealth/rssi0barsblack.png) no-repeat center; background-size: 30px 20px; }
.oldie .ctnHealth .device.bg:hover .ic_rssi.rssi0  { background: url(images/atmhealth/rssi0barsblack1x.png) no-repeat center;}

.ctnHealth .ic_rssi.rssi1 { width: 30px; height: 20px;  background:url(images/atmhealth/rssi1bars.png) no-repeat center; background-size: 30px 20px; }
.oldie .ctnHealth .ic_rssi.rssi1  { background: url(images/atmhealth/rssi1bars1x.png) no-repeat center;}
.ctnHealth .device.bg:hover .ic_rssi.rssi1 { width: 30px; height: 20px;  background:url(images/atmhealth/rssi1barsblack.png) no-repeat center; background-size: 30px 20px; }
.oldie .ctnHealth .device.bg:hover .ic_rssi.rssi1  { background: url(images/atmhealth/rssi1barsblack1x.png) no-repeat center;}

.ctnHealth .ic_rssi.rssi2 { width: 30px; height: 20px;  background:url(images/atmhealth/rssi2bars.png) no-repeat center; background-size: 30px 20px; }
.oldie .ctnHealth .ic_rssi.rssi2  { background: url(images/atmhealth/rssi2bars1x.png) no-repeat center;}
.ctnHealth .device.bg:hover .ic_rssi.rssi2 { width: 30px; height: 20px;  background:url(images/atmhealth/rssi2barsblack.png) no-repeat center; background-size: 30px 20px; }
.oldie .ctnHealth .device.bg:hover .ic_rssi.rssi2  { background: url(images/atmhealth/rssi2barsblack1x.png) no-repeat center;}

.ctnHealth .ic_rssi.rssi3 { width: 30px; height: 20px;  background:url(images/atmhealth/rssi3bars.png) no-repeat center; background-size: 30px 20px; }
.oldie .ctnHealth .ic_rssi.rssi3  { background: url(images/atmhealth/rssi3bars1x.png) no-repeat center;}
.ctnHealth .device.bg:hover .ic_rssi.rssi3 { width: 30px; height: 20px;  background:url(images/atmhealth/rssi3barsblack.png) no-repeat center; background-size: 30px 20px; }
.oldie .ctnHealth .device.bg:hover .ic_rssi.rssi3  { background: url(images/atmhealth/rssi3barsblack1x.png) no-repeat center;}

.ctnHealth .ic_rssi.rssi4 { width: 30px; height: 20px;  background:url(images/atmhealth/rssi4bars.png) no-repeat center; background-size: 30px 20px; }
.oldie .ctnHealth .ic_rssi.rssi4  { background: url(images/atmhealth/rssi4bars1x.png) no-repeat center;}
.ctnHealth .device.bg:hover .ic_rssi.rssi4 { width: 30px; height: 20px;  background:url(images/atmhealth/rssi4barsblack.png) no-repeat center; background-size: 30px 20px; }
.oldie .ctnHealth .device.bg:hover .ic_rssi.rssi4  { background: url(images/atmhealth/rssi4barsblack1x.png) no-repeat center;}

.ctnHealth .ic_rssi.rssi5 { width: 30px; height: 20px;  background:url(images/atmhealth/rssi5bars.png) no-repeat center; background-size: 30px 20px; }
.oldie .ctnHealth .ic_rssi.rssi5  { background: url(images/atmhealth/rssi5bars1x.png) no-repeat center;}
.ctnHealth .device.bg:hover .ic_rssi.rssi5 { width: 30px; height: 20px;  background:url(images/atmhealth/rssi5barsblack.png) no-repeat center; background-size: 30px 20px; }
.oldie .ctnHealth .device.bg:hover .ic_rssi.rssi5  { background: url(images/atmhealth/rssi5barsblack1x.png) no-repeat center;}

.ctnHealth .ic_rssi.rssi6 { width: 30px; height: 20px;  background:url(images/atmhealth/rssi6bars.png) no-repeat center; background-size: 30px 20px; }
.oldie .ctnHealth .ic_rssi.rssi6  { background: url(images/atmhealth/rssi6bars1x.png) no-repeat center;}
.ctnHealth .device.bg:hover .ic_rssi.rssi6 { width: 30px; height: 20px;  background:url(images/atmhealth/rssi6barsblack.png) no-repeat center; background-size: 30px 20px; }
.oldie .ctnHealth .device.bg:hover .ic_rssi.rssi6  { background: url(images/atmhealth/rssi6barsblack1x.png) no-repeat center;}

.ctnHealth .ic_rssi.rssi7 { width: 30px; height: 20px;  background:url(images/atmhealth/rssi7bars.png) no-repeat center; background-size: 30px 20px; }
.oldie .ctnHealth .ic_rssi.rssi7  { background: url(images/atmhealth/rssi7bars1x.png) no-repeat center;}
.ctnHealth .device.bg:hover .ic_rssi.rssi7 { width: 30px; height: 20px;  background:url(images/atmhealth/rssi7barsblack.png) no-repeat center; background-size: 30px 20px; }
.oldie .ctnHealth .device.bg:hover .ic_rssi.rssi7  { background: url(images/atmhealth/rssi7barsblack1x.png) no-repeat center;}

.ctnHealth .device.bg.offline .ic_rssi.rssi0, .oldie .ctnHealth .device.bg.offline:hover .ic_rssi.rssi0,
.ctnHealth .device.bg.offline .ic_rssi.rssi1, .oldie .ctnHealth .device.bg.offline:hover .ic_rssi.rssi1,
.ctnHealth .device.bg.offline .ic_rssi.rssi2, .oldie .ctnHealth .device.bg.offline:hover .ic_rssi.rssi2,
.ctnHealth .device.bg.offline .ic_rssi.rssi3, .oldie .ctnHealth .device.bg.offline:hover .ic_rssi.rssi3,
.ctnHealth .device.bg.offline .ic_rssi.rssi4, .oldie .ctnHealth .device.bg.offline:hover .ic_rssi.rssi4,
.ctnHealth .device.bg.offline .ic_rssi.rssi5, .oldie .ctnHealth .device.bg.offline:hover .ic_rssi.rssi5,
.ctnHealth .device.bg.offline .ic_rssi.rssi6, .oldie .ctnHealth .device.bg.offline:hover .ic_rssi.rssi6,
.ctnHealth .device.bg.offline .ic_rssi.rssi7, .oldie .ctnHealth .device.bg.offline:hover .ic_rssi.rssi7,
.ctnHealth .device.bg.offline .ic_rssi.rssiunknown, .oldie .ctnHealth .device.bg.offline:hover .ic_rssi.rssiunknown
{ cursor: default; width: 30px; height: 20px;  background:url(images/atmhealth/rssibarsgrey.png) no-repeat center; background-size: 30px 20px; }
.oldie .ctnHealth .device.bg.offline .ic_rssi.rssi0, .oldie .ctnHealth .device.bg.offline:hover .ic_rssi.rssi0,
.oldie .ctnHealth .device.bg.offline .ic_rssi.rssi1, .oldie .ctnHealth .device.bg.offline:hover .ic_rssi.rssi1,
.oldie .ctnHealth .device.bg.offline .ic_rssi.rssi2, .oldie .ctnHealth .device.bg.offline:hover .ic_rssi.rssi2,
.oldie .ctnHealth .device.bg.offline .ic_rssi.rssi3, .oldie .ctnHealth .device.bg.offline:hover .ic_rssi.rssi3,
.oldie .ctnHealth .device.bg.offline .ic_rssi.rssi4, .oldie .ctnHealth .device.bg.offline:hover .ic_rssi.rssi4,
.oldie .ctnHealth .device.bg.offline .ic_rssi.rssi5, .oldie .ctnHealth .device.bg.offline:hover .ic_rssi.rssi5,
.oldie .ctnHealth .device.bg.offline .ic_rssi.rssi6, .oldie .ctnHealth .device.bg.offline:hover .ic_rssi.rssi6,
.oldie .ctnHealth .device.bg.offline .ic_rssi.rssi7, .oldie .ctnHealth .device.bg.offline:hover .ic_rssi.rssi7,
.oldie .ctnHealth .device.bg.offline .ic_rssi.rssiunknown, .oldie .ctnHealth .device.bg.offline:hover .ic_rssi.rssiunknown
{ background: url(images/atmhealth/rssibarsgrey1x.png) no-repeat center;}

.ctnHealth .PWR_CUT { width: 8px; height: 14px; background:url(images/atmhealth/machine_powercut.png) no-repeat center; background-size: 8px 14px;  position: absolute; top: 33px; left: 41px; z-index:99999; }
.oldie .ctnHealth .PWR_CUT { background: url(images/atmhealth/machine_powercut1x.png) no-repeat center; }
.ctnHealth .machine.bg:hover .PWR_CUT { width: 8px; height: 14px; background:url(images/atmhealth/machine_powercutblack.png) no-repeat center; background-size: 8px 14px;  position: absolute; top: 33px; left: 41px; z-index:99999; }
.oldie .ctnHealth .machine.bg:hover .PWR_CUT { background: url(images/atmhealth/machine_powercutblack1x.png) no-repeat center; }

.ctnHealth .TILT { width: 40px; height: 41px; background:url(images/atmhealth/machine_tilt.png) no-repeat center; background-size: 40px 41px;  position: absolute; top: 5px; left: 5px; z-index:99999; }
.oldie .ctnHealth .TILT { background: url(images/atmhealth/machine_tilt1x.png) no-repeat center; }
.ctnHealth .machine.bg:hover .TILT { width: 40px; height: 41px; background:url(images/atmhealth/machine_tiltblack.png) no-repeat center; background-size: 40px 41px;  position: absolute; top: 5px; left: 5px; z-index:99999; }
.oldie .ctnHealth .machine.bg:hover .TILT { background: url(images/atmhealth/machine_tiltblack1x.png) no-repeat center; }

.ctnHealth .DOOR1, .ctnHealth .DOOR2{ width: 31px; height: 38px; background:url(images/atmhealth/machine_door.png) no-repeat center; background-size: 31px 38px;  position: absolute; top: 10px; left: 10px; z-index:99999; }
.oldie .ctnHealth .DOOR1, .oldie .ctnHealth .DOOR2{ background: url(images/atmhealth/machine_door1x.png) no-repeat center; }
.ctnHealth .machine.bg:hover .DOOR1, .ctnHealth .machine.bg:hover .DOOR2{ width: 31px; height: 38px; background:url(images/atmhealth/machine_doorblack.png) no-repeat center; background-size: 31px 38px;  position: absolute; top: 10px; left: 10px; z-index:99999; }
.oldie .ctnHealth .machine.bg:hover .DOOR1, .oldie .ctnHealth .machine.bg:hover .DOOR2{ background: url(images/atmhealth/machine_doorblack1x.png) no-repeat center; }

.ctnHealth .device.SUSP_GRP { width: 30px; height: 30px; background:url(images/atmhealth/pause.png) no-repeat center; background-size: 30px 30px;  position: absolute; top: 25px; left: 92px; z-index:99999;  }
.oldie .ctnHealth .device.SUSP_GRP  { background: url(images/atmhealth/pause1x.png) no-repeat center; }

.ctnrssi { height: 30px; display: inline-block; margin: 0 10px; vertical-align: middle;}

.ctnHealth .machine.hasIssue { position: absolute; top: -12px; left: 38px; z-index:99999; }
.ctnHealth .device.hasIssue { position: absolute; top: -12px; left: 38px; z-index:99999; }
.ctnHealth .dpl.hasIssue { position: absolute; top: -12px; left: 38px; z-index:99999; }
.ctnHealth .tprov.hasIssue { position: absolute; top: -12px; left: 38px; z-index:99999; }
.ctnHealth .machine_device.hasIssue { position: absolute; top: -9px; left: 2px; z-index:99999; }
.ctnHealth .device_dpl.hasIssue { position: absolute; top: -9px; left: 2px; z-index:99999; }
.ctnHealth .dpl_tprov.hasIssue { position: absolute; top: -9px; left: 2px; z-index:99999; }

.healthView .hasIssue.critical { width: 24px; height: 24px; background:url(images/atmhealth/health_issue_red.png) no-repeat center; background-size: 24px 24px; }
.oldie .healthView .hasIssue.critical   { background: url(images/atmhealth/health_issue_red1x.png) no-repeat center; }
.healthView .hasIssue.high { width: 24px; height: 24px; background:url(images/atmhealth/health_issue_orange.png) no-repeat center; background-size: 24px 24px; }
.oldie .healthView .hasIssue.high   { background: url(images/atmhealth/health_issue_orange1x.png) no-repeat center; }
.healthView .hasIssue.medium { width: 24px; height: 24px; background:url(images/atmhealth/health_issue_yellow.png) no-repeat center; background-size: 24px 24px; }
.oldie .healthView .hasIssue.medium   { background: url(images/atmhealth/health_issue_yellow1x.png) no-repeat center; }
.healthView .hasIssue.warning { width: 24px; height: 24px; background:url(images/atmhealth/health_issue_yellow.png) no-repeat center; background-size: 24px 24px; }
.oldie .healthView .hasIssue.warning   { background: url(images/atmhealth/health_issue_yellow1x.png) no-repeat center; }
.healthView .hasIssue.low { width: 24px; height: 24px; background:url(images/atmhealth/health_issue_blue.png) no-repeat center; background-size: 24px 24px; }
.oldie .healthView .hasIssue.low   { background: url(images/atmhealth/health_issue_blue1x.png) no-repeat center; }
.healthView .hasIssue.normal { width: 24px; height: 24px; background:url(images/atmhealth/health_issue_green.png) no-repeat center; background-size: 24px 24px; }
.oldie .healthView .hasIssue.normal   { background: url(images/atmhealth/health_issue_green1x.png) no-repeat center; }
.healthView .hasIssue.none { width: 24px; height: 24px; background:url(images/atmhealth/health_issue_none.png) no-repeat center; background-size: 24px 24px; }
.oldie .healthView .hasIssue.none   { background: url(images/atmhealth/health_issue_none1x.png) no-repeat center; }
.healthView .hasIssue.idle { width: 24px; height: 24px; background:url(images/atmhealth/health_issue_idle.png) no-repeat center; background-size: 24px 24px; }
.oldie .healthView .hasIssue.idle   { background: url(images/atmhealth/health_issue_idle1x.png) no-repeat center; }
.healthView .hasIssue.disabled { width: 24px; height: 24px; background:url(images/atmhealth/health_issue_disabled.png) no-repeat center; background-size: 24px 24px; }
.oldie .healthView .hasIssue.disabled   { background: url(images/atmhealth/health_issue_disabled1x.png) no-repeat center; }
.healthView .hasIssue.unknown { width: 24px; height: 24px; background:url(images/atmhealth/health_issue_unknown.png) no-repeat center; background-size: 24px 24px; }
.oldie .healthView .hasIssue.unknown   { background: url(images/atmhealth/health_issue_unknown1x.png) no-repeat center; }

.overallhealthWrapper { margin: 20px 0; }
.overallhealthstatus .alarm { width: 24px; height: 24px; display: inline-block; margin-right: 20px; }
.overallhealthlevel { padding: 3px 5px; cursor: pointer; text-shadow: none; font-weight: bold; margin: 3px; display: inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px;
border-radius: 3px; text-transform:capitalize; }
.overallhealthlevel.critical { background-color: #cb0000; color: #fff; }
.overallhealthlevel.high { background-color: #e66006; color: #fff;}
.overallhealthlevel.medium { background-color: #d6ae00; color: #fff; }
.overallhealthlevel.warning { background-color: #d6ae00; color: #fff; }
.overallhealthlevel.low { background-color: #1b5d8a; color: #fff; }
.overallhealthlevel.normal { background-color: #008000; color: #fff; }
.overallhealthlevel.none, .overallhealthlevel.unknown { background-color: #999999; color: #555; }
.overallhealthlevel.disabled, .overallhealthlevel.suspended { background-color: #cccccc; color: #555; }
.overallhealthlevel.idle { background-color: #904483; color: #fff; }

.ctnHealth .health-icon.health-icon-blink { display: none; }
/*
.ctnHealth .fleet_machine_device { width: 18px; height: 18px;  position: absolute; top: 31px; left: 58px; z-index:99999; cursor: pointer; }
.ctnHealth .fleet_device_dpl { width: 18px; height: 18px; position: absolute; top: 31px; left: 139px; z-index:99999; cursor: pointer; }
.ctnHealth .fleet_dpl_tprov { width: 18px; height: 18px;  position: absolute; top: 31px; left: 220px; z-index:99999; cursor: pointer; }

.ctnHealth .fleet_machine { width: 18px; height: 18px; position: absolute; top: 6px; left: 42px; z-index:99999; cursor: pointer; }
.ctnHealth .fleet_device { width: 18px; height: 18px; position: absolute; top: 6px; left: 123px; z-index:99999; cursor: pointer; }
.ctnHealth .fleet_dpl { width: 18px; height: 18px; position: absolute; top: 6px; left: 204px; z-index:99999; cursor: pointer; }
.ctnHealth .fleet_tprov { width: 18px; height: 18px; position: absolute; top: 6px; left: 282px; z-index:99999; cursor: pointer; }
*/
.ctnHealth .fleet_machine_device { width: 30px; height: 30px; position: absolute; top: -12px; left: 0px; z-index:99999; cursor: pointer; }
.ctnHealth .fleet_device_dpl { width: 30px; height: 30px; position: absolute; top: -12px; left: 0px; z-index:99999; cursor: pointer; }
.ctnHealth .fleet_dpl_tprov { width: 30px; height: 30px; position: absolute; top: -12px; left: 0px; z-index:99999; cursor: pointer; }

.ctnHealth .fleet_machine { width: 30px; height: 30px; position: absolute; top: -16px; left: 34px; z-index:99999; cursor: pointer; }
.ctnHealth .fleet_device { width: 30px; height: 30px; position: absolute; top: -16px; left: 34px; z-index:99999; cursor: pointer; }
.ctnHealth .fleet_dpl { width: 30px; height: 30px; position: absolute; top: -16px; left: 34px; z-index:99999; cursor: pointer; }
.ctnHealth .fleet_tprov { width: 30px; height: 30px; position: absolute; top: -16px; left: 34px; z-index:99999; cursor: pointer; }

.pieSliceInfo { width: 100px; height: 20px; position: absolute; top: -30px; left: -34px; font-size: 12px; line-height: 20px; z-index: 10000; background-color: #fff; opacity: 1; text-align: center; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 18px 0px; text-transform: capitalize; }


.ctnHealth .machine_title { width:50px; height:10px; position: absolute; top:70px; left:1px; text-align:center; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 10px; font-weight: bold; color: #404040; text-transform: uppercase; }
.ctnHealth .device_title { width:70px; height:10px; position: absolute; top:70px; left:72px; text-align:center; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 10px; font-weight: bold; color: #404040; text-transform: uppercase;}
.ctnHealth .dpl_title { width:70px; height:10px; position: absolute; top:70px; left:153px; text-align:center; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 10px; font-weight: bold; color: #404040; text-transform: uppercase;}
.ctnHealth .tprov_title { width:70px; height:10px; position: absolute; top:70px; left:234px; text-align:center; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 10px; font-weight: bold; color: #404040; text-transform: uppercase;}

.ctnHealth .machine_desc { width:50px; height:10px; position: absolute; top:84px; left:1px; text-align:center; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 10px; font-style: italic; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ctnHealth .device_desc { width:70px; height:10px; position: absolute; top:84px; left:72px; text-align:center; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 10px; font-style: italic; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ctnHealth .dpl_desc { width:70px; height:10px; position: absolute; top:84px; left:153px; text-align:center; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 10px; font-style: italic; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ctnHealth .tprov_desc { width:70px; height:10px; position: absolute; top:84px; left:234px; text-align:center; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 10px; font-style: italic; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.ctnHealth .overall, .ctnHealth .fleet_overall {width: 24px; height: 24px; position: absolute; top: 0px; left: 138px; z-index: 99999; }
.ctnHealth .overall .alarm, .ctnHealth .fleet_overall .alarm { width: 24px; height: 24px;}

.ctnHealthPopupView { margin: 10px;  min-width: 250px; max-height: 600px; overflow: auto; }

.tblHealth {  table-layout: auto; width: 100%; overflow: auto; white-space: pre-wrap; background-color: #fff; border-collapse: collapse; font-size: 12px;}
.tblHealth tr { border-top: 1px dotted #eee; border-bottom: 1px dotted #eee; line-height: 36px;}
.tblHealth th { font-weight: bold; background-color: #eee; padding: 5px; text-align: center;}
.tblHealth tbody tr.even { background-color: #eee;}
.tblHealth td { padding: 0 5px;}
.tblHealth td div.ctnStatus { line-height: 24px; }

.tblHealth thead .alarm { display: inline-block; width: 32px; height: 32px; }
.tblHealth tbody .alarm { display: inline-block; width: 32px; height: 24px;}
.pieChartPopup .alarm { display: inline-block; width: 32px; height: 32px; }
.pieChartPopup { margin: 10px; min-width: 150px; font-size: 1.2em; }

.tblHealth thead .alrm-normal .alarm, .pieChartPopup .alrm-normal .alarm,
.healthView .overall.normal .alarm, .healthView .fleet_overall.normal .alarm
{ background:url(images/atmhealth/health-green.png) no-repeat center; background-size: 24px 24px; vertical-align: middle; }
.oldie .tblHealth thead .alrm-normal .alarm, .oldie .pieChartPopup .alrm-normal .alarm,
.oldie .healthView .overall.normal .alarm, .oldie .healthView .fleet_overall.normal .alarm
{ background:url(images/atmhealth/health-green1x.png) no-repeat center; }

.tblHealth thead .alrm-low .alarm, .pieChartPopup .alrm-low .alarm,
.healthView .overall.low .alarm, .healthView .fleet_overall.low .alarm
{ background:url(images/atmhealth/health-blue.png) no-repeat center; background-size: 24px 24px; vertical-align: middle; }
.oldie .tblHealth thead .alrm-low .alarm, .oldie .pieChartPopup .alrm-low .alarm,
.oldie .healthView .overall.low .alarm, .oldie .healthView .fleet_overall.low .alarm
{ background:url(images/atmhealth/health-blue1x.png) no-repeat center; }

.tblHealth thead .alrm-medium .alarm, .tblHealth thead .alrm-warning .alarm,
.pieChartPopup .alrm-medium .alarm, .pieChartPopup .alrm-warning .alarm,
.healthView .overall.medium .alarm, .healthView .fleet_overall.medium .alarm,
.healthView .overall.warning .alarm, .healthView .fleet_overall.warning .alarm
{ background:url(images/atmhealth/health-yellow.png) no-repeat center; background-size: 24px 24px; vertical-align: middle; }
.oldie .tblHealth thead .alrm-medium .alarm, .oldie .tblHealth thead .alrm-warning .alarm,
.oldie .pieChartPopup .alrm-medium .alarm, .oldie .pieChartPopup .alrm-warning .alarm,
.oldie .healthView .overall.medium .alarm, .oldie .healthView .fleet_overall.medium .alarm,
.oldie .healthView .overall.warning .alarm, .oldie .healthView .fleet_overall.warning .alarm
{ background:url(images/atmhealth/health-yellow1x.png) no-repeat center; }

.tblHealth thead .alrm-high .alarm, .pieChartPopup .alrm-high .alarm,
.healthView .overall.high .alarm, .healthView .fleet_overall.high .alarm
{ background:url(images/atmhealth/health-orange.png) no-repeat center; background-size: 24px 24px; vertical-align: middle; }
.oldie .tblHealth thead .alrm-high .alarm, .oldie .pieChartPopup .alrm-high .alarm,
.oldie .healthView .overall.high .alarm, .oldie .healthView .fleet_overall.high .alarm
{ background:url(images/atmhealth/health-orange1x.png) no-repeat center; }

.tblHealth thead .alrm-critical .alarm, .pieChartPopup .alrm-critical .alarm,
.healthView .overall.critical .alarm, .healthView .fleet_overall.critical .alarm
{ background:url(images/atmhealth/health-red.png) no-repeat center; background-size: 24px 24px; vertical-align: middle; }
.oldie .tblHealth thead .alrm-critical .alarm, .oldie .pieChartPopup .alrm-critical .alarm,
.oldie .healthView .overall.critical .alarm, .oldie .healthView .fleet_overall.critical .alarm
{ background:url(images/atmhealth/health-red1x.png) no-repeat center; }

.tblHealth thead .alrm-none .alarm, .pieChartPopup .alrm-none .alarm,
.healthView .overall.none .alarm, .healthView .fleet_overall.none .alarm
{ background:url(images/atmhealth/health-none.png) no-repeat center; background-size: 24px 24px; vertical-align: middle; }
.oldie .tblHealth thead .alrm-none .alarm, .oldie .pieChartPopup .alrm-none .alarm,
.oldie .healthView .overall.none .alarm, .oldie .healthView .fleet_overall.none .alarm
{ background:url(images/atmhealth/health-none1x.png) no-repeat center; }

.tblHealth thead .alrm-disabled .alarm, .pieChartPopup .alrm-disabled .alarm,
.healthView .overall.disabled .alarm, .healthView .fleet_overall.disabled .alarm
{ background:url(images/atmhealth/health-disabled.png) no-repeat center; background-size: 24px 24px; vertical-align: middle; }
.oldie .tblHealth thead .alrm-disabled .alarm, .oldie .pieChartPopup .alrm-disabled .alarm,
.oldie .healthView .overall.disabled .alarm, .oldie .healthView .fleet_overall.disabled .alarm
{ background:url(images/atmhealth/health-disabled1x.png) no-repeat center; }

.tblHealth thead .alrm-unknown .alarm, .pieChartPopup .alrm-unknown .alarm,
.healthView .overall.unknown .alarm, .healthView .fleet_overall.unknown .alarm
{ background:url(images/atmhealth/health-unknown.png) no-repeat center; background-size: 24px 24px; vertical-align: middle; }
.oldie .tblHealth thead .alrm-unknown .alarm, .oldie .pieChartPopup .alrm-unknown .alarm,
.oldie .healthView .overall.unknown .alarm, .oldie .healthView .fleet_overall.unknown .alarm
{ background:url(images/atmhealth/health-unknown1x.png) no-repeat center; }

.tblHealth thead .alrm-idle .alarm, .pieChartPopup .alrm-idle .alarm,
.healthView .overall.idle .alarm, .healthView .fleet_overall.idle .alarm
{ background:url(images/atmhealth/health-idle.png) no-repeat center; background-size: 24px 24px; vertical-align: middle; }
.oldie .tblHealth thead .alrm-idle .alarm, .oldie .pieChartPopup .alrm-idle .alarm,
.oldie .healthView .overall.idle .alarm, .oldie .healthView .fleet_overall.idle .alarm
{ background:url(images/atmhealth/health-idle1x.png) no-repeat center; }

.tblHealth tbody .alrm-normal .alarm { background:url(images/atmhealth/health-green.png) no-repeat center; background-size: 16px 16px; vertical-align: middle; }
.oldie .tblHealth tbody .alrm-normal .alarm { background:url(images/atmhealth/health-green1x.png) no-repeat center; }

.tblHealth tbody .alrm-low .alarm  { background:url(images/atmhealth/health-blue.png) no-repeat center; background-size: 16px 16px; vertical-align: middle; }
.oldie .tblHealth tbody .alrm-low .alarm { background:url(images/atmhealth/health-blue1x.png) no-repeat center; }

.tblHealth tbody .alrm-medium .alarm, .tblHealth tbody .alrm-warning .alarm   { background:url(images/atmhealth/health-yellow.png) no-repeat center; background-size: 16px 16px; vertical-align: middle; }
.oldie .tblHealth tbody .alrm-medium .alarm, .oldie .tblHealth tbody .alrm-warning .alarm{ background:url(images/atmhealth/health-yellow1x.png) no-repeat center; }

.tblHealth tbody .alrm-high .alarm  { background:url(images/atmhealth/health-orange.png) no-repeat center; background-size: 16px 16px; vertical-align: middle; }
.oldie .tblHealth tbody .alrm-high .alarm { background:url(images/atmhealth/health-orange1x.png) no-repeat center; }

.tblHealth tbody .alrm-critical .alarm  { background:url(images/atmhealth/health-red.png) no-repeat center; background-size: 16px 16px; vertical-align: middle; }
.oldie .tblHealth tbody .alrm-critical .alarm { background:url(images/atmhealth/health-red1x.png) no-repeat center; }

.tblHealth tbody .alrm-none .alarm  { background:url(images/atmhealth/health-none.png) no-repeat center; background-size: 16px 16px; vertical-align: middle; }
.oldie .tblHealth tbody .alrm-none .alarm { background:url(images/atmhealth/health-none1x.png) no-repeat center; }

.tblHealth tbody .alrm-disabled .alarm  { background:url(images/atmhealth/health-disabled.png) no-repeat center; background-size: 16px 16px; vertical-align: middle; }
.oldie .tblHealth tbody .alrm-disabled .alarm { background:url(images/atmhealth/health-disabled1x.png) no-repeat center; }

.tblHealth tbody .alrm-unknown .alarm  { background:url(images/atmhealth/health-unknown.png) no-repeat center; background-size: 16px 16px; vertical-align: middle; }
.oldie .tblHealth tbody .alrm-unknown .alarm { background:url(images/atmhealth/health-unknown1x.png) no-repeat center; }

.tblHealth tbody .alrm-idle .alarm  { background:url(images/atmhealth/health-idle.png) no-repeat center; background-size: 16px 16px; vertical-align: middle; }
.oldie .tblHealth tbody .alrm-idle .alarm { background:url(images/atmhealth/health-idle1x.png) no-repeat center; }

.tblHealth tbody .alrm-suspended .alarm  { background:url(images/atmhealth/health-suspended.png) no-repeat center; background-size: 16px 16px; vertical-align: middle; }
.oldie .tblHealth tbody .alrm-suspended .alarm { background:url(images/atmhealth/health-suspended1x.png) no-repeat center; }

.tblHealth .ctnStatus .alarm { display: inline-block; }
.tblHealth .col_name { min-width: 50px; }
.tblHealth .col_status { min-width: 100px; }
.healthPopupView .subtitle { font-weight: bold; font-size: 1.1em; margin: 10px 0 5px 0; }
.healthPopupView .fleetsubtitle {font-weight: bold; font-size: 1.2em; text-align: center; }
.healthloader { position: absolute; top: 0px; left: 0px; width: 310px; height: 100px; background: url(images/ajax-loader.gif) no-repeat center; background-size: 23px 23px; background-color: #fff;  z-index:999998;}
.ctnHealth .txt.offline { color: #808080; }

.ctnHealthStatus { font-size: 16px; text-align: center; line-height: 20px; font-weight: bold; margin: 5px 0 10px 0; }
.ctnHealthStatus.normal span, .ctnHealthStatus.none span { color: #008000; }
.ctnHealthStatus.critical span { color: #cb0000; text-transform: capitalize; }
.ctnHealthStatus.high span { color: #e66006; text-transform: capitalize; }
.ctnHealthStatus.medium span { color: #d6ae00; text-transform: capitalize; }
.ctnHealthStatus.warning span { color: #d6ae00; text-transform: capitalize; }
.ctnHealthStatus.low span { color: #1b5d8a; text-transform: capitalize; }
.ctnHealthStatus.idle span { color: #904483; text-transform: capitalize; }
.ctnHealthStatus.suspended span { color: #ccc; text-transform: capitalize; }

.dtype .pieChartView { cursor: pointer; }
.pieChartView, .ctnPieChart, .pieChart { width: 100%; height: 100%}
.pieChart { position: relative; }
.pieChart svg { position: absolute; }
.pieChart .piePercent { position: absolute; text-align: center; }


.assetItems  .health {
  width:24px;height:35px;font-size:12px;margin-top:7px;background-position:50% 50%;
}

ul.AssetListView .assetItems .health.normal  { background:url(images/atmhealth/b-health-green.png) 50% 50% no-repeat;background-size:24px 24px;}
ul.AssetListView .assetItems .health.low { background:url(images/atmhealth/b-health-blue.png) 50% 50% no-repeat;background-size:24px 24px;}
ul.AssetListView .assetItems .health.medium { background:url(images/atmhealth/b-health-yellow.png) 50% 50% no-repeat;background-size:24px 24px;}
ul.AssetListView .assetItems .health.high { background:url(images/atmhealth/b-health-orange.png) 50% 50% no-repeat;background-size:24px 24px;}
ul.AssetListView .assetItems .health.critical { background:url(images/atmhealth/b-health-red.png) 50% 50% no-repeat;background-size:24px 24px;}
ul.AssetListView .assetItems .health.idle { background:url(images/atmhealth/b-health-idle.png) 50% 50% no-repeat;background-size:24px 24px;}
ul.AssetListView .assetItems .health.none { background:url(images/atmhealth/b-health-none.png) 50% 50% no-repeat;background-size:24px 24px;}
ul.AssetListView .assetItems .health.unknown { background:url(images/atmhealth/b-health-unknown.png) 50% 50% no-repeat;background-size:24px 24px;}
ul.AssetListView .assetItems .health.disabled { background:url(images/atmhealth/b-health-disabled.png) 50% 50% no-repeat;background-size:24px 24px;}
ul.AssetListView .assetItems .health.suspended { background:url(images/atmhealth/b-health-suspended.png) 50% 50% no-repeat;background-size:24px 24px;}

.assetTable{table-layout:fixed;width:320px;border-collapse: separate;}

tr.assetItems td {
  border-bottom: 1px solid #000000;
  border-top: 1px solid #404040;
  padding-top: 4px;
  text-align: center;
}

tr.assetItems.selected td {
    border-bottom: 1px solid #FFCD03;
    border-top: 1px solid #000;
}

#username, #password { color: #ccc; text-shadow: none; text-align: center; }
#username .icon_logged_in {
  background: url(images/user-icon.png) no-repeat 3% 50%;
background-size: 14px;
    vertical-align: middle; display: inline-block; width: 20px; height: 20px; }



@media ( min-width:401px ) {
  .ctnHealth {
    zoom:120%;
    -moz-transform: scale(1.2);
  }
}
@media ( min-width:500px ) {
  .ctnHealth {
    zoom:150%;
    -moz-transform: scale(1.5);
  }
}

.fleetViewBut {
    height: 40px;
    vertical-align: middle;
    line-height: 38px;
    border-top: 1px solid #505050 ;
    padding-left: 135px;
    border-bottom: 1px solid #505050;
	background: url(/theme/img/fleet.png) no-repeat 8px center;
    background-size: 36px 36px;
	cursor: pointer;
}

.fleetViewBut.selected {
    border-top: 1px solid #1D1D1D ;
    border-bottom: 1px solid #FFCD03;
    background: #FFCD03 url(/theme/img/fleetblack.png) no-repeat 8px center;
    background-size: 36px 36px;
    color: black;
}

.tips {
    margin: 20px 0;
}
.tipList {
    margin: 5px 10px;
}

.tip {
    min-height: 32px;
    background: url(images/hint.png) no-repeat top left;
    background-size: 28px 28px;
    text-indent: 28px;
    padding: 4px;
    line-height: 21px;
}


.ui-panel-wrapper {
    /*box-shadow: -2px -84px 10px #000;*/
}

.reportsTable tr { line-height: 32px; }
.reportsTable td { border-width: 1px; border-right: dotted thin #f2f2f2; cursor: pointer; padding: 0 5px; }
.reportsTable { border: none; font-size: 9pt; border-collapse: collapse; table-layout: auto; min-width: 100%; background-color: White; overflow: visible;}
.reportsTable tr.odd { background-color:#eee; }
.reportsTable tbody tr:first-child { border-top: 1px solid #D0D0D0; }
.reportsTable tbody tr:last-child { border-bottom: 1px solid #D0D0D0; }
.reportsTable td.activeEq { font-weight: bold; }
.reportsTable th { text-align: center; background-color:white;}
.reportsTable th span { color: #989898; }
.reportsTableHeader { color:#989898; background-color:#FFFFFE; border-width:0px; }
.loading_msg, .customChart_loading_msg { text-align: center; height: 35px; position: absolute; left: 0; right: 0; margin: 0 auto; }
.itemDesc { color: #000000; font-style: italic; }
.reportsTable .rowIcon { display: none;}
.reportsTable td a {text-decoration: none; cursor: default; font-weight: normal;}
.reportsTable td a:link, .reportsTable td a:visited, .reportsTable td a:hover, .reportsTable td a:active { color:#333;}


.transactLog {  table-layout: auto; overflow: auto; white-space: pre-wrap; background-color: #fff; border-collapse: collapse; font-size: 12px; margin: 10px;}
.transactLog tr { border-top: 1px dotted #eee; border-bottom: 1px dotted #eee; line-height: 36px;}
.transactLog th { font-weight: bold; background-color: #eee; padding: 5px; text-align: center;}
.transactLog tbody tr:nth-child(even) { background-color: #eee;}
.transactLog td { padding: 0 5px;}
.transactLog td.Succeeded { color: green;}
.transactLog td.Failed { color: #ff0000; }
.transactLog td:first-of-type { font-weight: bold;}

.sessionlog.Succeeded { display: inline-block; width: 24px; height: 24px; background:url(images/atmhealth/health-green.png) no-repeat center; background-size: 24px 24px;vertical-align: middle; }
.sessionlog.Succeeded.error { display: inline-block; width: 24px; height: 24px; background:url(images/atmhealth/health-yellow.png) no-repeat center; background-size: 24px 24px;vertical-align: middle;}
.sessionlog.Failed { display: inline-block; width: 24px; height: 24px; background:url(images/atmhealth/health-red.png) no-repeat center; background-size: 24px 24px;vertical-align: middle;}
.sessionlog.Failed.missingRequest { display: inline-block; width: 24px; height: 24px; background:url(images/atmhealth/health-blue.png) no-repeat center; background-size: 24px 24px;vertical-align: middle;}
.oldie .sessionlog.Succeeded { background:url(images/atmhealth/health-green1x.png) no-repeat center; }
.oldie .sessionlog.Succeeded.error { background:url(images/atmhealth/health-yellow1x.png) no-repeat center; }
.oldie .sessionlog.Failed { background:url(images/atmhealth/health-red1x.png) no-repeat center; }
.oldie .sessionlog.Failed.missingRequest { background:url(images/atmhealth/health-blue1x.png) no-repeat center; }

.sessionlog.Unknown { display: inline-block; width: 24px; height: 24px; background:url(images/atmhealth/health-unknown.png) no-repeat center; background-size: 24px 24px;vertical-align: middle;}
.oldie .sessionlog.Unknown { background:url(images/atmhealth/health-unknown1x.png) no-repeat center; }



.tProvHealth td div.good { display: inline-block; width: 24px; height: 24px; background:url(images/atmhealth/health_issue_green.png) no-repeat center; background-size: 24px 24px;vertical-align: middle;}
.tProvHealth td div.offline { display: inline-block; width: 24px; height: 24px; background:url(images/atmhealth/health_issue_red.png) no-repeat center; background-size: 24px 24px;vertical-align: middle;}
.tProvHealth td div.unknown { display: inline-block; width: 24px; height: 24px; background:url(images/atmhealth/health_issue_unknown.png) no-repeat center; background-size: 24px 24px;vertical-align: middle;}

.healthstate {
    text-align: center;
}




/*Reset Password page*/
.manageLoginView .box-sub-hdr { height: 100%; }
.manageLoginView #userIDHdn { display: none; }
.manageLoginView .ctnResetPasswordControls, .manageLoginView .ctnPwdReqmts { display: inline-block; vertical-align: middle; padding: 10px; }
.ctnGadminWarning { margin: 0 10px; color: #f00; font-size: 14px; max-width: 700px;}
.ctnResetPasswordControls > div.ctn { line-height: 30px; margin: 0 10px; }
.ctnResetPasswordControls > div.ctn label { width: 150px; display: inline-block; }
.ctnResetPasswordControls > div.ctn input { width: 120px;}
.ctnResetPasswordControls .ctnButton { text-align: right; }
.btnChangePassword {background-color: #999; color: #fff; display: inline-block; font-family: 'Open Sans', sans-serif, Arial;
    			font-size: 14px; font-weight: 800; margin: 10px 0 10px 20px; padding: 7px 25px; text-transform: uppercase; text-decoration: none; line-height: 14px;
    			transition: all .4s ease-in; -moz-transition: all .4s ease-in; -o-transition: all .4s ease-in; -webkit-transition: all .4s ease-in; cursor: pointer; }
.btnChangePassword.good { background: #404040; color: #fff; cursor: pointer; }
.btnChangePassword.good:hover {background: #ffcd03; color: #000; }


.oAuthControls { max-width: 720px; border-top: 1px solid #ccc; position: relative; padding: 10px 0;}
.oAuthControls .googleControls, .oAuthControls .fbControls { min-width: 300px; vertical-align: middle; margin: 10px; }



/*ProvideEmailView*/
.provideEmailView .ctnSetEmailControls, .provideEmailView .ctnEmailReqmts { display: inline-block; vertical-align: top; padding: 5px; }
.provideEmailView .message, .provideEmailView .updateResult { padding: 10px; max-width: 555px; }
.ctnSetEmailControls > div.ctn { line-height: 30px; margin: 0 10px; }
.ctnSetEmailControls > div.ctn label { width: 95px; display: inline-block; font-size: 14px; }
.ctnSetEmailControls > div.ctn input { width: 180px;}
.ctnSetEmailControls .ctnButton { text-align: right; }
.provideEmailView .message .heading { font-weight: bold; line-height: 30px; color: #128AC6; font-size: 1.2em; }
.provideEmailView .btnUpdate, .provideEmailView .btnCancel {background-color: #ffcc03; color: #000; display: inline-block; font-family: 'Open Sans', sans-serif, Arial;
    			font-size: 14px; font-weight: 800; margin: 10px 0 10px 20px; padding: 7px 25px; text-transform: uppercase; text-decoration: none; line-height: 14px;
    			transition: all .4s ease-in; -moz-transition: all .4s ease-in; -o-transition: all .4s ease-in; -webkit-transition: all .4s ease-in; cursor: pointer; }
.provideEmailView .btnUpdate:hover, .provideEmailView .btnCancel:hover { background-color: #000; color: #ffcc03;}
.provideEmailView .ctnEmailReqmts, .provideEmailView .updateResult { font-size: 14px; }
.ctnEmailReqmts .conditions { font-weight: bold; line-height: 30px; color: #000; }
.ctnEmailReqmts .pwStrenghIndicator.good {background:url(images/atmhealth/health_issue_green.png) no-repeat left center;background-size: 24px 24px;}
.ctnEmailReqmts .pwStrenghIndicator {
    display: block;
    background: url(images/atmhealth/health_issue_red.png) no-repeat left center;
    background-size: 24px 24px;
    padding-left: 25px;
		line-height: 24px;
}
.updateResult .resSetEmail.good {background:url(images/atmhealth/health_issue_green.png) no-repeat left center; background-size: 24px 24px; }
.updateResult .resSetEmail { display: inline-block; background:url(images/atmhealth/health_issue_red.png) no-repeat left center; background-size: 24px 24px; width: 24px; height: 24px; padding-left: 25px; vertical-align: middle; }
.updateResult .res { display: inline-block; max-width: 590px; line-height: 24px;}

.oldie .ctnEmailReqmts .pwStrenghIndicator.good { background:url(images/atmhealth/health_issue_green1x.png) no-repeat center; }
.oldie .ctnEmailReqmts .pwStrenghIndicator { background:url(images/atmhealth/health_issue_red1x.png) no-repeat center; }
.oldie .updateResult .resSetEmail.good { background:url(images/atmhealth/health_issue_green1x.png) no-repeat center; }
.oldie .updateResult .resSetEmail { background:url(images/atmhealth/health_issue_red1x.png) no-repeat center; }

/*EmailValidation*/
.emailValidationView .box-sub-hdr { height: 100%; }
.emailValidationView {width:320px;}
.updateResult .resValidateEmail.good { display: inline-block; width: 24px; height: 24px; background:url(images/atmhealth/health_issue_green.png) no-repeat center; background-size: 24px 24px;vertical-align: middle; margin-right: 5px; }
.updateResult .resValidateEmail { display: inline-block; width: 24px; height: 24px; background:url(images/atmhealth/health_issue_red.png) no-repeat center; background-size: 24px 24px;vertical-align: middle; margin-right: 5px; }
.manageLoginView .updateResult { margin: 10px; }

.errMsg .errSocialLink { display: inline-block; width: 24px; height: 24px; background:url(images/atmhealth/health_issue_red.png) no-repeat center; background-size: 24px 24px;vertical-align: middle; margin-right: 5px; }

.oldie .updateResult .resValidateEmail.good { background:url(images/atmhealth/health_issue_green1x.png) no-repeat center; }
.oldie .updateResult .resValidateEmail { background:url(images/atmhealth/health_issue_red1x.png) no-repeat center; }
.oldie .errMsg .errSocialLink  { background:url(images/atmhealth/health_issue_red1x.png) no-repeat center; }

li.ctnOauthControls { padding: 0 5px; }
div.oauth-controls { background-color: #f2f2ea; padding: 5px; color: #555; margin: 5px 0;}
div.googleUserImageDiv, div.facebookUserImageDiv { margin: 3px; vertical-align: middle;font-weight:bold; }
.socialFace {vertical-align: middle;}
div.googleAuthorizeButton, div.googleDeauthorizeButton { display: inline-block; width: 135px; height: 39px; background:url(images/google.png) no-repeat center; background-size: 135px 39px;vertical-align: middle; margin-right: 10px; cursor: pointer; }
.oldie div.googleAuthorizeButton, .oldie div.googleDeauthorizeButton { background:url(images/google1x.png) no-repeat center; }
div.googleAuthorizeButton:hover { display: inline-block; width: 135px; height: 39px; background:url(images/google_hover.png) no-repeat center; background-size: 135px 39px;vertical-align: middle; margin-right: 10px; cursor: pointer; }
.oldie div.googleAuthorizeButton:hover { background:url(images/google_hover1x.png) no-repeat center; }
div.facebookAuthorizeButton { display: inline-block; width: 135px; height: 39px; background:url(images/facebook.png) no-repeat center; background-size: 135px 39px;vertical-align: middle; margin-right: 10px; cursor: pointer; }
.oldie div.facebookAuthorizeButton{ background:url(images/facebook1x.png) no-repeat center; }
div.facebookAuthorizeButton:hover { display: inline-block; width: 135px; height: 39px; background:url(images/facebook_hover.png) no-repeat center; background-size: 135px 39px;vertical-align: middle; margin-right: 10px; cursor: pointer; }
.oldie div.facebookAuthorizeButton:hover { background:url(images/facebook_hover1x.png) no-repeat center; }
.googleAuthStatusLabel, .facebookAuthStatusLabel, .googleUserImageDiv, .facebookUserImageDiv { font-size: 14px; display: inline-block; vertical-align: middle; }
.googleAuthStatusLabel, .facebookAuthStatusLabel { width: 210px; text-align: center; margin-right: 10px; }
.googleAuthStatusLabel.clickable, .facebookAuthStatusLabel.clickable { background-color: #ffcc03; color: #000; display: inline-block; font-family: 'Open Sans', sans-serif, Arial;
    			font-size: 14px; font-weight: 800; margin: 10px; padding: 7px 20px; text-decoration: none; line-height: 14px;
    			transition: all .4s ease-in; -moz-transition: all .4s ease-in; -o-transition: all .4s ease-in; -webkit-transition: all .4s ease-in; cursor: pointer; }
.googleAuthStatusLabel.clickable:hover, .facebookAuthStatusLabel.clickable:hover { background-color: #000; color: #ffcc03;}

/*Terms of Service View */
.termsOfServiceView { font-size: 12px; line-height: 15px; width: 600px; color: #333; }
@media ( max-width:600px ) {
	.termsOfServiceView {width: 320px;}
}
.termsOfServiceView div, .termsOfServiceView p { font-size: inherit; }
.termsOfServiceView .title { width: 100%; background-color: #000; color: #fff; font-size: 18px; padding: 7px; line-height: 1.5em; }
.termsOfServiceView .terms { width: 100%; height: 250px; background: #F3F3F3; padding: 7px; color: #555; overflow: auto; }
.termsOfServiceView .controls { width: 100%; padding: 7px; background-color: #ddd; font-weight: 700; font-size: 14px; }
.termsOfServiceView  .subtitle { color: #000; border-bottom: 1px solid #000; font-size: 14px; margin: 7px 0; font-style: italic; }
.tosaccept { background-color: #ffcc03; color: #000; display: inline-block; font-family: 'Open Sans', sans-serif, Arial; text-transform: uppercase;
    			font-size: 14px; font-weight: 800; margin-left: 10px; padding: 7px 20px; text-decoration: none; line-height: 14px;
    			transition: all .4s ease-in; -moz-transition: all .4s ease-in; -o-transition: all .4s ease-in; -webkit-transition: all .4s ease-in; cursor: pointer;}
.tosaccept:hover { background-color: #000; color: #ffcc03; }
.termsOfServiceView .terms ul { list-style-type: disc; list-style-position: outside; }
.termsOfServiceView .terms ul ul { list-style-type: circle; list-style-position: outside; }
.termsOfServiceView .terms ul li { margin-left: 1em; }
.feeTable th { font-weight: bold; text-align: center; vertical-align: middle; padding: 3px;}
.feeTable tr { border-collapse: collapse; border-top: 1px solid #ccc; }
.feeTable tbody tr:nth-child(odd) { background-color: #fff;}
.feeTable td { padding: 3px; }
.feeTableCol0{ width:25%; }
.feeTableCol1{ width:75%; }


/*Overlay Div*/
#overlay { position:fixed; width:100%; height:100%; left:0; top:0; z-index:1000; background-color: #000; opacity: 0.1; }


.loginUrl { padding: 15px; }

#ctnResetPassword {
    max-width: 720px;
    margin: auto;
}

#ctnResetPassword .closeManageLoginView
{
    display:none;
}


#ctnEmailValidation {
    max-width: 720px;
    margin: auto;
}

.manageLoginView, .provideEmailView, termsOfServiceView { overflow: auto; max-width: 720px;}

.warnGadminLoginView .ctnWarning { padding: 20px; }


.updateResult { padding: 10px; }
.ctnButton { padding: 5px;}







.manageLoginView .box-content { text-align: center; }
.manageLoginView .updateResult { margin: 0; padding: 0;}
.ctnResetPasswordControls > div.ctn { margin: 5px 0; }
.ctnResetPasswordControls > div.ctn label { font-size: 12px; line-height: 16px; width: 200px; margin-right: 10px; text-align: left; display: block;}
.ctnResetPasswordControls > div.ctn input { width: 200px; line-height: 25px; text-align: left; display: block; border: 1px solid #737373; padding: 0 5px; height: 25px; }

.manageLoginView .updateResult { font-size: 14px; margin: 0 10px; }
.ctnPwdReqmts .conditions { font-weight: bold; line-height: 20px; color: #000; }
.ctnPwdReqmts .pwStrenghIndicator.good { display: inline-block; width: 16px; height: 16px; background:url(images/atmhealth/health_issue_green.png) no-repeat center; background-size: 16px 16px;vertical-align: middle; margin-right: 5px; }
.ctnPwdReqmts .pwStrenghIndicator.warning { display: inline-block; width: 16px; height: 16px; background:url(images/atmhealth/health_issue_yellow.png) no-repeat center; background-size: 16px 16px;vertical-align: middle; margin-right: 5px; }
.ctnPwdReqmts .pwStrenghIndicator { display: inline-block; width: 16px; height: 16px; background:url(images/atmhealth/health_issue_red.png) no-repeat center; background-size: 16px 16px;vertical-align: middle; margin-right: 5px; }
.updateResult .resChangePwd.good { display: inline-block; width: 24px; height: 24px; background:url(images/atmhealth/health_issue_green.png) no-repeat center; background-size: 24px 24px;vertical-align: top; margin-right: 5px; }
.updateResult .resChangePwd { display: inline-block; width: 24px; height: 24px; background:url(images/atmhealth/health_issue_red.png) no-repeat center; background-size: 24px 24px;vertical-align: top; margin-right: 5px; }

.oldie .ctnPwdReqmts .pwStrenghIndicator.good { background:url(images/atmhealth/health_issue_green1x.png) no-repeat center; }
.oldie .ctnPwdReqmts .pwStrenghIndicator.warning { background:url(images/atmhealth/health_issue_yellow1x.png) no-repeat center; }
.oldie .ctnPwdReqmts .pwStrenghIndicator { background:url(images/atmhealth/health_issue_red1x.png) no-repeat center; }
.oldie .updateResult .resChangePwd.good { background:url(images/atmhealth/health_issue_green1x.png) no-repeat center; }
.oldie .updateResult .resChangePwd { background:url(images/atmhealth/health_issue_red1x.png) no-repeat center; }

.ctnNewPassword.ctn, .ctnConfirmPassword.ctn { position: relative; }
.ctnReqmtsNewPwd { font-size: 12px; margin: 0; position: absolute; top: 105px; left: -50px; z-index: 1000; text-align: left; line-height: 16px; width: 300px; }
.ctnReqmtsConfirmPwd { font-size: 12px; margin: 0; position: absolute; top: 95px; left: -50px; z-index: 1000; text-align: left; line-height: 16px; width: 300px; }

.ctnReqmtsNewPwd .ctnInnerPwdReqmts { position: relative; width: 270px; padding: 0px; background: #FFFFFF; -webkit-border-radius: 5px; -moz-border-radius: 5px;
border-radius: 5px; border: #FFCD03 solid 2px; padding: 10px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 18px 0px; }

.ctnReqmtsNewPwd .ctnInnerPwdReqmts:after { content: ''; position: absolute; border-style: solid; border-width: 0 5px 55px; border-color: #FFFFFF transparent;
display: block; width: 0; z-index: 1; margin-left: -5px; top: -55px; left: 50%; }

.ctnReqmtsNewPwd .ctnInnerPwdReqmts:before { content: ''; position: absolute; border-style: solid; border-width: 0 6px 56px; border-color: #FFCD03 transparent;
display: block; width: 0; z-index: 0; margin-left: -6px; top: -58px; left: 50%; }

.ctnReqmtsConfirmPwd .ctnInnerPwdReqmts { position: relative; width: 270px; padding: 0px; background: #FFFFFF; -webkit-border-radius: 5px; -moz-border-radius: 5px;
border-radius: 5px; border: #FFCD03 solid 2px; padding: 10px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 18px 0px; }

.ctnReqmtsConfirmPwd .ctnInnerPwdReqmts:after { content: ''; position: absolute; border-style: solid; border-width: 0 5px 50px; border-color: #FFFFFF transparent;
display: block; width: 0; z-index: 1; margin-left: -5px; top: -50px; left: 50%; }

.ctnReqmtsConfirmPwd .ctnInnerPwdReqmts:before { content: ''; position: absolute; border-style: solid; border-width: 0 6px 51px; border-color: #FFCD03 transparent;
display: block; width: 0; z-index: 0; margin-left: -6px; top: -53px; left: 50%; }

.ctnResetPasswordControls input[type="password"].good {
    background: url(images/atmhealth/health_issue_green.png) no-repeat right;
    background-size:24px 24px;
}
.oldie .ctnResetPasswordControls input[type="password"].good { background: url(images/atmhealth/health_issue_green1x.png) no-repeat right;}


#helpIcon { background-image: url("images/layout/help.png");border:none;display:block;height: 40px;width: 40px;background-position: 10px 8px;background-size:20px 20px; background-repeat: no-repeat; cursor: pointer; }
#helpIcon:hover { background-color: #222; }
.ctnHelpView { margin: 10px;  min-width: 300px; max-width: 600px; max-height: 600px; overflow: auto; }
.ctnHelpView .ctn { margin-bottom: 15px; }
.ctnHelpView .ctn .subtitle { font-weight: bold; font-size: 16px; margin: 8px 0; border-bottom: 1px solid #eee; }

.ctnHelpView table {  table-layout: auto; width: 100%; overflow: auto; white-space: pre-wrap; background-color: #fff; border-collapse: collapse; font-size: 12px;}
.ctnHelpView table tr { border-top: 1px dotted #eee; border-bottom: 1px dotted #eee; line-height: 24px;}
.ctnHelpView table tbody tr:first-of-type { border-top: none; }
.ctnHelpView table tbody tr:last-of-type { border-bottom: none; }
.ctnHelpView table th { font-weight: bold; background-color: #eee; padding: 5px; text-align: center;}
.ctnHelpView table tbody tr:nth-child(even) { background-color: #eee;}
.ctnHelpView table td { padding: 2px 5px;}
.ctnHelpView table tbody td.ic { width: 60px; text-align: center; }
.ctnHelpView table tbody .alarm { display: inline-block; width: 32px; height: 24px;}

.ctnHelpView .card { padding-top: 10px; padding-bottom: 10px; text-align: center; }
.ctnHelpView .subcategory { font-style: italic; font-weight: bold; font-size: 14px; margin: 10px 0 5px 0; }
.ctnHelpView .healthcase { font-size: 14px; margin-bottom: 5px; text-align: left; }
.ctnHelpView .alrm-normal .alarm { background:url(images/alarm-green.png) no-repeat center; background-size: 24px 24px; width: 24px; height: 24px; vertical-align: middle; }
.oldie .ctnHelpView.alrm-normal .alarm { background:url(images/alarm-green1x.png) no-repeat center; }
.ctnHelpView .alrm-low .alarm  { background:url(images/alarm-blue.png) no-repeat center; background-size: 24px 24px; width: 24px; height: 24px; vertical-align: middle; }
.oldie .ctnHelpView .alrm-low .alarm { background:url(images/alarm-blue1x.png) no-repeat center; }
.ctnHelpView .alrm-medium .alarm, .ctnHelpView .alrm-warning .alarm   { background:url(images/alarm-yellow.png) no-repeat center; background-size: 24px 24px; width: 24px; height: 24px; vertical-align: middle; }
.oldie .ctnHelpView .alrm-medium .alarm, .oldie .ctnHelpView .alrm-warning .alarm{ background:url(images/alarm-yellow1x.png) no-repeat center; }
.ctnHelpView .alrm-high .alarm  { background:url(images/alarm-orange.png) no-repeat center; background-size: 24px 24px; width: 24px; height: 24px; vertical-align: middle; }
.oldie .ctnHelpView .alrm-high .alarm { background:url(images/alarm-orange1x.png) no-repeat center; }
.ctnHelpView .alrm-critical .alarm  { background:url(images/alarm-red.png) no-repeat center; background-size: 24px 24px; width: 24px; height: 24px; vertical-align: middle; }
.oldie .ctnHelpView .alrm-critical .alarm { background:url(images/alarm-red1x.png) no-repeat center; }
.ctnHelpView .alrm-none .alarm  { background:url(images/alarm-green.png) no-repeat center; background-size: 24px 24px; width: 24px; height: 24px; vertical-align: middle; }
.oldie .ctnHelpView .alrm-none .alarm { background:url(images/alarm-green1x.png) no-repeat center; }

.ctnHelpView .health-normal .alarm { background:url(images/atmhealth/health-green.png) no-repeat center; background-size: 24px 24px; width: 24px; height: 24px; vertical-align: middle; }
.oldie .ctnHelpView.health-normal .alarm { background:url(images/atmhealth/health-green1x.png) no-repeat center; }
.ctnHelpView .health-low .alarm  { background:url(images/atmhealth/health-blue.png) no-repeat center; background-size: 24px 24px; width: 24px; height: 24px; vertical-align: middle; }
.oldie .ctnHelpView .health-low .alarm { background:url(images/atmhealth/health-blue1x.png) no-repeat center; }
.ctnHelpView .health-medium .alarm, .ctnHelpView .health-warning .alarm   { background:url(images/atmhealth/health-yellow.png) no-repeat center; background-size: 24px 24px; width: 24px; height: 24px; vertical-align: middle; }
.oldie .ctnHelpView .health-medium .alarm, .oldie .ctnHelpView .health-warning .alarm{ background:url(images/atmhealth/health-yellow1x.png) no-repeat center; }
.ctnHelpView .health-high .alarm  { background:url(images/atmhealth/health-orange.png) no-repeat center; background-size: 24px 24px; width: 24px; height: 24px; vertical-align: middle; }
.oldie .ctnHelpView .health-high .alarm { background:url(images/atmhealth/health-orange1x.png) no-repeat center; }
.ctnHelpView .health-critical .alarm  { background:url(images/atmhealth/health-red.png) no-repeat center; background-size: 24px 24px; width: 24px; height: 24px; vertical-align: middle; }
.oldie .ctnHelpView .health-critical .alarm { background:url(images/atmhealth/health-red1x.png) no-repeat center; }
.ctnHelpView .health-none .alarm  { background:url(images/atmhealth/health-none.png) no-repeat center; background-size: 24px 24px; width: 24px; height: 24px; vertical-align: middle; }
.oldie .ctnHelpView .health-none .alarm { background:url(images/atmhealth/health-none1x.png) no-repeat center; }
.ctnHelpView .health-idle .alarm  { background:url(images/atmhealth/health-idle.png) no-repeat center; background-size: 24px 24px; width: 24px; height: 24px; vertical-align: middle; }
.oldie .ctnHelpView .health-idle .alarm { background:url(images/atmhealth/health-idle1x.png) no-repeat center; }
.ctnHelpView .health-unknown .alarm  { background:url(images/atmhealth/health-unknown.png) no-repeat center; background-size: 24px 24px; width: 24px; height: 24px; vertical-align: middle; }
.oldie .ctnHelpView .health-unknown .alarm { background:url(images/atmhealth/health-unknown1x.png) no-repeat center; }
.ctnHelpView .health-disabled .alarm  { background:url(images/atmhealth/health-disabled.png) no-repeat center; background-size: 24px 24px; width: 24px; height: 24px; vertical-align: middle; }
.oldie .ctnHelpView .health-disabled .alarm { background:url(images/atmhealth/health-disabled1x.png) no-repeat center; }
.ctnHelpView .health-suspended .alarm  { background:url(images/atmhealth/health-suspended.png) no-repeat center; background-size: 24px 24px; width: 24px; height: 24px; vertical-align: middle; }
.oldie .ctnHelpView .health-suspended .alarm { background:url(images/atmhealth/health-suspended1x.png) no-repeat center; }

.ctnHelpView .hcMachine_normal { background:url(images/atmlegend/machine_normal.png) no-repeat center; background-size: 50px 50px; width: 50px; height: 50px; vertical-align: middle; display: inline-block;}
.oldie .ctnHelpView .hcMachine_normal { background:url(images/atmlegend/machine_normal1x.png) no-repeat center; }
.ctnHelpView .hcMachine_door { background:url(images/atmlegend/machine_door.png) no-repeat center; background-size: 50px 50px; width: 50px; height: 50px; vertical-align: middle; display: inline-block; }
.oldie .ctnHelpView .hcMachine_door { background:url(images/atmlegend/machine_door1x.png) no-repeat center; }
.ctnHelpView .hcMachine_tilt { background:url(images/atmlegend/machine_tilt.png) no-repeat center; background-size: 50px 50px; width: 50px; height: 50px; vertical-align: middle; display: inline-block; }
.oldie .ctnHelpView .hcMachine_tilt { background:url(images/atmlegend/machine_tilt1x.png) no-repeat center; }
.ctnHelpView .hcMachine_pwrcut { background:url(images/atmlegend/machine_pwrcut.png) no-repeat center; background-size: 50px 50px; width: 50px; height: 50px; vertical-align: middle; display: inline-block; }
.oldie .ctnHelpView .hcMachine_pwrcut { background:url(images/atmlegend/machine_pwrcut1x.png) no-repeat center; }
.ctnHelpView .hcMachine_multiple { background:url(images/atmlegend/machine_multiple.png) no-repeat center; background-size: 50px 50px; width: 50px; height: 50px; vertical-align: middle; display: inline-block; }
.oldie .ctnHelpView .hcMachine_multiple { background:url(images/atmlegend/machine_multiple1x.png) no-repeat center; }

.ctnHelpView .hcDevice_rssi7 { background:url(images/atmlegend/device_rssi7.png) no-repeat center; background-size: 50px 50px; width: 50px; height: 50px; vertical-align: middle; display: inline-block; }
.oldie .ctnHelpView .hcDevice_rssi7 { background:url(images/atmlegend/device_rssi71x.png) no-repeat center; }
.ctnHelpView .hcDevice_rssi0 { background:url(images/atmlegend/device_rssi0.png) no-repeat center; background-size: 50px 50px; width: 50px; height: 50px; vertical-align: middle; display: inline-block; }
.oldie .ctnHelpView .hcDevice_rssi0 { background:url(images/atmlegend/device_rssi01x.png) no-repeat center; }
.ctnHelpView .hcDevice_rssiunknown { background:url(images/atmlegend/device_rssiunknown.png) no-repeat center; background-size: 50px 50px; width: 50px; height: 50px; vertical-align: middle; display: inline-block; }
.oldie .ctnHelpView .hcDevice_rssiunknown { background:url(images/atmlegend/device_rssiunknown1x.png) no-repeat center; }
.ctnHelpView .hcDevice_pause { background:url(images/atmlegend/device_pause.png) no-repeat center; background-size: 50px 50px; width: 50px; height: 50px; vertical-align: middle; display: inline-block; }
.oldie .ctnHelpView .hcDevice_pause { background:url(images/atmlegend/device_pause1x.png) no-repeat center; }
.ctnHelpView .hcDevice_wired { background:url(images/atmlegend/device_wired.png) no-repeat center; background-size: 50px 50px; width: 50px; height: 50px; vertical-align: middle; display: inline-block; }
.oldie .ctnHelpView .hcDevice_wired { background:url(images/atmlegend/device_wired1x.png) no-repeat center; }

.ctnHelpView .hcDPL { background:url(images/atmlegend/dpl_normal.png) no-repeat center; background-size: 50px 50px; width: 50px; height: 50px; vertical-align: middle; display: inline-block; }
.oldie .ctnHelpView .hcDPL { background:url(images/atmlegend/dpl_normal1x.png) no-repeat center; }
.ctnHelpView .hcProcessor { background:url(images/atmlegend/tprov_normal.png) no-repeat center; background-size: 50px 50px; width: 50px; height: 50px; vertical-align: middle; display: inline-block; }
.oldie .ctnHelpView .hcProcessor { background:url(images/atmlegend/tprov_normal1x.png) no-repeat center; }
.ctnHelpView .hcConnection { background:url(images/atmhealth/health_conn.png) no-repeat center; background-size: 30px 7px; width: 30px; height: 7px; vertical-align: middle; display: inline-block; }
.oldie .ctnHelpView .hcConnection { background:url(images/atmhealth/health_conn1x.png) no-repeat center; }

.ctnHelpView .healthdiagram_normal { background:url(images/atmlegend/healthdiagram_normal.png) no-repeat center; background-size: 300px 74px; width: 300px; height: 74px; vertical-align: middle; }
.oldie .ctnHelpView .healthdiagram_normal { background:url(images/atmlegend/healthdiagram_normal1x.png) no-repeat center; }
.ctnHelpView .healthdiagram_door { background:url(images/atmlegend/healthdiagram_door.png) no-repeat center; background-size: 300px 83px; width: 300px; height: 83px; vertical-align: middle; }
.oldie .ctnHelpView .healthdiagram_door { background:url(images/atmlegend/healthdiagram_door1x.png) no-repeat center; }
.ctnHelpView .healthdiagram_tiltnpwrcut { background:url(images/atmlegend/healthdiagram_tiltnpwrcut.png) no-repeat center; background-size: 300px 84px; width: 300px; height: 84px; vertical-align: middle; }
.oldie .ctnHelpView .healthdiagram_tiltnpwrcut { background:url(images/atmlegend/healthdiagram_tiltnpwrcut1x.png) no-repeat center; }
.ctnHelpView .healthdiagram_rssi0 { background:url(images/atmlegend/healthdiagram_rssi0.png) no-repeat center; background-size: 300px 83px; width: 300px; height: 83px; vertical-align: middle; }
.oldie .ctnHelpView .healthdiagram_rssi0 { background:url(images/atmlegend/healthdiagram_rssi01x.png) no-repeat center; }

.ctnHelpView .fleethealthdiagram_ex { background:url(images/atmlegend/fleethealthdiagram_ex.png) no-repeat center; background-size: 300px 70px; width: 300px; height: 70px; vertical-align: middle; }
.oldie .ctnHelpView .fleethealthdiagram_ex { background:url(images/atmlegend/fleethealthdiagram_ex1x.png) no-repeat center; }

.ctnHelpView .healthcase ul { padding: 0 20px; }

.ctnHelpView .exhealth { display: inline-block; }
@media ( max-width:350px ) {
  .exhealth {
    zoom:90%;
    -moz-transform: scale(0.9);
  }
}

@media ( min-width:401px ) {
  .exhealth {
    zoom:110%;
    -moz-transform: scale(1.1);
  }
}
@media ( min-width:500px ) {
  .exhealth {
    zoom:130%;
    -moz-transform: scale(1.3);
  }
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.mobile div::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
    background: #f2f2f2;
}
::-webkit-scrollbar-thumb {
    background: #ccc;
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
}
::-webkit-scrollbar-thumb:window-inactive {
	background: #ccc;
}

.assetListStatus { text-align: center; padding: 10px 0; font-size: 16px; }


.filteredStatus { line-height: 25px; margin: 10px 5px; }
.remAllFilters { display: inline-block; float: right; cursor: pointer; background-color: #222; color: #fff;
    padding: 0 10px; font-family: 'Open Sans', sans-serif, Arial; font-weight: 800;  }
.remAllFilters:hover { background-color: #ffcd03; color: #000; }

.healthname { display: inline-block; width: 70px; text-transform:Capitalize; }

.ui-panel {
   position:fixed;
}
.ui-panel-inner {
   position: absolute;
   top: 1px;
   left: 0;
   right: 0;
   bottom: 0px;
   overflow-y: auto;
   overflow-x: hidden;
   -webkit-overflow-scrolling: touch;
}

.ui-panel-inner::-webkit-scrollbar-track {
    background: #000;
}


/*button css optimization*/
.btnStandard { background-color: #404040; color: #fff; display: inline-block; font-family: 'Open Sans', sans-serif, Arial; margin: 0 3px; padding: 2px 15px; text-decoration: none; cursor: pointer; border: none;  }
.btnStandard:hover { background-color: #4f4f4f; color:#fff; }
.btnStandard.warning { background-color: #4f4f4f; color:#fff; }
.btnStandard:disabled, .btnStandard:disabled:hover { background-color: #ccc; color: #999; cursor: default; }


.btnText { color: #404040; font-weight: bold; text-decoration: underline; cursor: pointer; }
.btnText:hover { background-color: #ffcd03; color: #000; text-decoration: none; }

.btnCircle { border-radius: 50%; background-color: #404040; background-position: center; background-repeat: no-repeat; cursor: pointer; background-clip: content-box;}
.btnCircle:hover { background-color: #4f4f4f; }
.btnCircle.off { border-radius: 50%; background-color: #ccc; background-position: center; background-repeat: no-repeat; cursor: pointer; }
.btnCircle.off:hover { background-color: #ccc; }

.btnCircle.transparent { background-color: transparent; }
.btnCircle.transparent:hover { background-color: #ffcd03; }


.icoTrash{ background-image: url('images/layout/trash.png'); background-size: 24px 24px; height: 24px; width: 24px; display: inline-block; vertical-align: middle; margin-right: 5px; }
.oldie .icoTrash { background-image: url('images/layout/trash1x.png'); }
.icoTrash:hover { background-color: #4f4f4f; }

#assetListPanel .ctnChooseColumn { background-color: #e6e6e6; color: #000; border-top: solid 5px #000; padding: 10px 0; }

#assetListPanel .ctnChooseColumn .ctnRadio { display: inline-block; width: 100px; }

.ctnRadio label { display:  inline-block; line-height: 20px; vertical-align: middle; height: 20px; margin: 0; font-size: 14px; cursor:pointer;}
.ctnRadio input[type="radio"] { display:none;}
.ctnRadio input[type="radio"] + label span {
    display:inline-block;
    width:20px;
    height:20px;
    vertical-align:middle;
    background:url('images/layout/radiounchecked.png') center no-repeat;
    background-size: 20px 20px;
    margin-right: 5px;
}
.oldie .ctnRadio input[type="radio"] + label span {
  background:url('images/layout/radiounchecked1x.png') center no-repeat;
}
.ctnRadio input[type="radio"]:checked + label span {
    background:url('images/layout/radiochecked.png') center no-repeat;
    background-size: 20px 20px;
}
.oldie .ctnRadio input[type="radio"]:checked + label span {
    background:url('images/layout/radiochecked1x.png') center no-repeat;
}


#assetListPanel .ctnChooseColumn .ctnCheckBox { display: inline-block; text-align: left; margin: 0 3px; }

.ctnCheckBox label { display:  inline-block; line-height: 20px; vertical-align: middle; height: 20px; margin: 0; font-size: 14px; cursor:pointer;}
.ctnCheckBox input[type="checkbox"] { display:none;}
.ctnCheckBox input[type="checkbox"] + label span {
    display:inline-block;
    width:20px;
    height:20px;
    vertical-align:middle;
    background:url('images/layout/chkunchecked.png') center no-repeat;
    background-size: 20px 20px;
    margin-right: 5px;
}
.oldie .ctnCheckBox input[type="checkbox"] + label span {
  background:url('images/layout/chkunchecked1x.png') center no-repeat;
}
.ctnCheckBox input[type="checkbox"]:checked + label span {
    background:url('images/layout/chkchecked.png') center no-repeat;
    background-size: 20px 20px;
}
.oldie .ctnCheckBox input[type="checkbox"]:checked + label span {
    background:url('images/layout/chkchecked1x.png') center no-repeat;
}