/*********************************** * sitewide.css ************************************/ html{ height:100%; margin:0; padding:0; background:#FFF; overflow:hidden; } body { color:#222; } table{ border:none!important; } input { outline: none; } :focus { outline-color: transparent; outline-style: none; } /******************* Site structure Styles *******************/ #mainFrameWrapperWrapper{overflow:auto;-webkit-overflow-scrolling:touch;} #siteWrapper { height:100%; min-width:100%;} .siteNavWrapper { width:180px;height:100%;float:left;transition: margin-left 0.2s linear; position:relative;background: #000;} .siteNavWrapper.inactive { margin-left: -180px; } .contentCtn {height:100%;transition: width 0.2s linear; overflow:hidden;position:relative;} #rightSideWrapper { transition: width 0.2s linear;position:absolute;top:36px;left:0px;right:0px;bottom:0px; } #mainContent { background:#FFF;width:100%;min-width:100%;height:100%;min-height:100%;position:relative;} #mainContent .vSpacer { height:0%;display:block;min-height:0%;width:100%; } #mainContent .hSpacer { display:inline-block;width:0%; } #mainContentWrapper { width: 100%; height: 100%; } #mainFrameWrapper { width: 100%; height: 100%; margin: 0 0 0 0; padding: 0; background: #FFF; display: block;} #mainFrameWrapperDiv { width: 100%; height: 100%; margin: 0 0 0 0; padding: 0; background: #FFF; } .popupFrameWrapper { width:100%;height:100%;background:#FFF;display: block; } #loadingDiv { width:100%;height:100%;position:absolute;top:0;left:0;} #mainContent #loadingDiv {height:auto;top:55px;bottom:0;} #loadingDiv .transBG { width:100%;height:100%;opacity:0.6;filter:alpha(opacity=60);background:#F2F2EA;display: block; } #loadingDiv .loader { background:URL('/images/layout/ajax-loader.gif') no-repeat center center; width:31px;height:31px;top:40%;left:48%;position:absolute;display: block; } #w {width:900px;height:650px;} /******************* Site Staples *******************/ #logoSpacer { height: 30px; width:100%; background:#222; } #companyLogo { height: 130px; line-height: 130px; position: relative; width:100%; text-align:center;} #companyLogo img {margin:auto;max-width:85%;max-height:85%;vertical-align:middle;} /******************* Top bar Links *******************/ .topBar { display: block;height:36px;background:#000;width: 100%;position:relative; } ul#adminLinks { margin: 0; padding: 0; float: right; display: inline-block; list-style: none; text-align: right; height: 100%; min-height: 100%; } ul#adminLinks > li { display:inline-block;position:relative;vertical-align:middle;height:100%;min-height:100%;padding:0 5px; } ul#adminLinks li a { text-decoration:none; line-height:5px; font-size: .8em; display:table;min-width:30px;width:100%;} ul#adminLinks li:hover { background:#222; } .admin-links { color:#FFF;height: 33px;min-height:33px;line-height: 20px;width:auto; } .admin-links span { margin:0; } .admin-links:hover { text-decoration:none;color:#FFF;} .admin-icon-logged-in { background:url('images/layout/user.png') no-repeat left center; cursor:default;background-size:20px 20px;} .admin-icon-clone { background:url('images/layout/clone.png') no-repeat right center; background-size:22px 20px;width:22px!important;} .admin-icon-cloned { background:url('images/layout/cloned.png') no-repeat left center; background-size:25px 20px;} .oldie .admin-icon-logged-in { background:url('images/layout/user1x.png') no-repeat left center; } .oldie .admin-icon-clone { background:url('images/layout/clone1x.png') no-repeat right center; } .oldie .admin-icon-cloned { background:url('images/layout/cloned1x.png') no-repeat left center; } #adminLinks .admin-links > span { vertical-align: middle; } .admin-icon-logout { background:url('/images/layout/logout_ico.png') no-repeat 5px 0px; } .admin-icon-help-dpl { background:url('images/layout/help.png') no-repeat 20% 60%; background-size:20px 20px; margin-top: -2px;} .oldie .admin-icon-help-dpl { background:url('images/layout/help1x.png') no-repeat 20% 60%; } .admin-icon-logged-in > span, .admin-icon-help-dpl > span{ padding:0 0 0 25px;display:table-cell;vertical-align:middle;color:#EEE;font-weight:bold; } .admin-icon-cloned > span { padding:0 0 0 35px;display:table-cell;vertical-align:top; } #gInfoCompany { display:block;text-align:left;font-size:80%;line-height:12px;} #gInfoCompany { display:block;text-align:left;font-size:80%;line-height:12px;} #gInfoUser{display:block;text-align:left;font-size:80%;line-height:12px;} ul#adminLinks li:hover ul { display:block; } @media screen and (max-width: 725px) { #gInfoCompany,#gInfoUser { display:none; } } @media screen and (max-width: 575px) { #lblUserName { display:none; } input.gotosite { width: 50px; padding: 2px; } } /***************************** Dropdown on adminlinks **************************************/ ul#adminLinks li ul { font-size:90%;margin: 0px -0; position:absolute; display:none; list-style:none; right:0; top:94%; z-index:99;width:150px;background-color:#232323; } ul#adminLinks li ul#cloneBtns { left: 0; } ul#adminLinks li ul li { line-height:35px;display:block;text-align:left; cursor: pointer;} ul#adminLinks li ul li:hover { background-color:#ffcd03; } ul#adminLinks li ul li a { height:35px;cursor:pointer;line-height: 35px;color:#fff;padding:0 0 0 5px; font-size: 1em;} ul#adminLinks li ul li:hover a { color: #000; } ul#adminLinks li ul.btns { height: auto;} ul#adminLinks li ul.btns li:hover { background-color:#ffcd03; } #ButtonResetGlobalCtn { } #cmdClone2, #cmdCloneUser, #ButtonReset { background-color: #222; color: #fff; border: none; cursor: pointer; padding: 0 0 0 20px; width: 90px; height: 35px; line-height: 35px; display: block; } ul#adminLinks li ul.btns li:hover #cmdClone2, ul#adminLinks li ul.btns li:hover #ButtonReset { background-color: #ffcd03; color: #000; } #cmdClone2, #cmdCloneUser { background: #222 url(images/layout/clone.png) no-repeat 10px center; background-size: 22px 20px; color: #fff; } #ButtonReset { background: #222 url(images/layout/refresh.png) no-repeat 10px center; background-size: 20px 20px; color: #fff; } #cmdClone2:hover, #cmdCloneUser:hover { background: #ffcd03 url(images/layout/cloneblack.png) no-repeat 10px center; background-size: 22px 20px; color:#000;} #ButtonReset:hover { background: #ffcd03 url(images/layout/refreshblack.png) no-repeat 10px center; background-size: 20px 20px; color:#000; } .icoManageLogin { display: inline-block; width: 30px; height: 30px;vertical-align: middle;margin: 0 10px 0 0;background: url(images/layout/key.png) no-repeat center; background-size: 20px 20px;} .oldie .icoManageLogin { background: url(images/layout/key1x.png) no-repeat center; } .icoLogout { display: inline-block; width: 30px; height: 30px;vertical-align: middle;margin: 0 10px 0 0;background: url(images/layout/logout.png) no-repeat center; background-size: 20px 20px;} .oldie .icoLogout { background: url(images/layout/logout1x.png) no-repeat center; } ul#adminLinks li ul li:hover .icoManageLogin { display: inline-block; width: 30px; height: 30px;vertical-align: middle;margin: 0 10px 0 0;background: url(images/layout/keyblack.png) no-repeat center; background-size: 20px 20px;} .oldie ul#adminLinks li ul li:hover .icoManageLogin { background: url(images/layout/keyblack1x.png) no-repeat center; } ul#adminLinks li ul li:hover .icoLogout { display: inline-block; width: 30px; height: 30px;vertical-align: middle;margin: 0 10px 0 0;background: url(images/layout/logoutblack.png) no-repeat center; background-size: 20px 20px;} .oldie ul#adminLinks li ul li:hover .icoLogout { background: url(images/layout/logoutblack1x.png) no-repeat center; } /******************* Main Navigation *******************/ #MenuWrapper { position: absolute; right: 0; left: 0; bottom: 0; top: 130px; } .siteNav { margin: 0; padding:0; list-style:none;} .siteNav > li { margin: 0; border-bottom:1px solid #404040; position:relative;height:56px;display:block;padding:5px;} .siteNav > li:first-child { border-top:1px solid #404040;} .siteNav li div.nav_icon { height: 44px; width: 44px; vertical-align: middle; line-height: 50px; text-align: center; display: inline-block; float: left; } .siteNav li:hover, .siteNav li.here { background-color: #ffcd03; } .siteNav > li > a { font-size:90%; float:left;display:inline-block;height:100%;color:#fff!important;cursor:pointer;text-decoration:none;text-transform:uppercase;width: 180px;} .siteNav li a span { display: inline-block; margin:15px 5px; font-size:14px;line-height:16px; height:16px; } a.leftnavtab2:hover{ text-decoration:none;background:#ffcd03; color:#000; } .siteNav li:hover > a.leftnavtab1, .siteNav li.here > a.leftnavtab1 { font-weight:bold; text-decoration:none;background:#ffcd03!important; color:#000!important; } .siteNav > li:hover > ul, .siteNav > li > ul > li:hover > ul { display:block; } /***************************** Sub Navigation **************************************/ .siteNav li ul { font-size:14px;margin: 20px -0; position:absolute; display:none; list-style:none; left:99%; top:-19px; z-index:9999;width:135px;background:#000; } .siteNav li ul li { line-height:35px;height:35px!important;border-top:1px solid #222; } .siteNav li ul li:first-child { border: none; } .siteNav li ul li a { height:35px; display:inline-block;width:100%!important;cursor:pointer;line-height: 35px;color:#fff; } .siteNav li ul li a span{ display: block; margin: 0; padding: 0 10px; line-height:35px; height:35px; } /******************* Toggle Navigation Bar *******************/ #toggleNav.slide-left { background:URL('/images/layout/arrow-left-tab-d-sm.png') no-repeat; } #toggleNav.slide-right { background:URL('/images/layout/arrow-right-tab-d-sm.png') no-repeat; } #toggleNav { background: url("images/layout/menu.png"); background-repeat: no-repeat; border: none; display: inline-block; height: 36px; width: 40px; background-position: 10px 8px; background-size: 20px 20px; } #toggleNav:hover { background-color: #222;} /***************************** Top Level Navigation Icons **************************************/ #menuNews div.nav_icon { background: url(images/layout/news.png) no-repeat center; background-size: 24px 24px; cursor: pointer; border-radius: 22px; background-color: #222; margin: 0 10px; } .oldie #menuNews div.nav_icon { background: url(images/layout/news1x.png) no-repeat center; } .siteNav li#menuNews:hover div.nav_icon, li#menuNews.active div.nav_icon, li#menuNews.here div.nav_icon { background:url(images/layout/newsblack.png) no-repeat center; background-size: 24px 24px; background-color: #ffcd03; } .oldie .siteNav li#menuNews:hover div.nav_icon, .oldie li#menuNews.active div.nav_icon, .oldie li#menuNews.here div.nav_icon { background:url(images/layout/newsblack1x.png) no-repeat center; } #menuAlarms div.nav_icon { background: url(images/layout/alarm.png) no-repeat center; background-size: 24px 24px; cursor: pointer; border-radius: 22px; background-color: #222; margin: 0 10px; } .oldie #menuAlarms div.nav_icon { background: url(images/layout/alarm1x.png) no-repeat center; } .siteNav li#menuAlarms:hover div.nav_icon, li#menuAlarms.active div.nav_icon, li#menuAlarms.here div.nav_icon { background:url(images/layout/alarmblack.png) no-repeat center; background-size: 24px 24px; background-color: #ffcd03; } .oldie .siteNav li#menuAlarms:hover div.nav_icon, .oldie li#menuAlarms.active div.nav_icon, .oldie li#menuAlarms.here div.nav_icon { background:url(images/layout/alarmblack1x.png) no-repeat center; } #menuAssets div.nav_icon { background: url(images/layout/equipment.png) no-repeat center; background-size: 24px 24px; cursor: pointer; border-radius: 22px; background-color: #222; margin: 0 10px; } .oldie #menuAssets div.nav_icon { background: url(images/layout/equipment1x.png) no-repeat center; } .siteNav li#menuAssets:hover div.nav_icon, li#menuAssets.active div.nav_icon, li#menuAssets.here div.nav_icon { background:url(images/layout/equipmentblack.png) no-repeat center; background-size: 24px 24px; background-color: #ffcd03; } .oldie .siteNav li#menuAssets:hover div.nav_icon, .oldie li#menuAssets.active div.nav_icon, .oldie li#menuAssets.here div.nav_icon { background:url(images/layout/equipmentblack1x.png) no-repeat center; } #menuATMEquipmentReport div.nav_icon { background: url(images/layout/equipment.png) no-repeat center; background-size: 24px 24px; cursor: pointer; border-radius: 22px; background-color: #222; margin: 0 10px; } .oldie #menuATMEquipmentReport div.nav_icon { background: url(images/layout/equipment1x.png) no-repeat center; } .siteNav li#menuATMEquipmentReport:hover div.nav_icon, li#menuATMEquipmentReport.active div.nav_icon, li#menuATMEquipmentReport.here div.nav_icon { background:url(images/layout/equipmentblack.png) no-repeat center; background-size: 24px 24px; background-color: #ffcd03; } .oldie .siteNav li#menuATMEquipmentReport:hover div.nav_icon, .oldie li#menuATMEquipmentReport.active div.nav_icon, .oldie li#menuATMEquipmentReport.here div.nav_icon { background:url(images/layout/equipmentblack1x.png) no-repeat center; } #menuReports div.nav_icon { background: url(images/layout/report.png) no-repeat center; background-size: 24px 24px; cursor: pointer; border-radius: 22px; background-color: #222; margin: 0 10px; } .oldie #menuReports div.nav_icon { background: url(images/layout/report1x.png) no-repeat center; } .siteNav li#menuReports:hover div.nav_icon, li#menuReports.active div.nav_icon, li#menuReports.here div.nav_icon { background:url(images/layout/reportblack.png) no-repeat center; background-size: 24px 24px; background-color: #ffcd03; } .oldie .siteNav li#menuReports:hover div.nav_icon, .oldie li#menuReports.active div.nav_icon, .oldie li#menuReports.here div.nav_icon { background:url(images/layout/reportblack1x.png) no-repeat center; } #menuRegions div.nav_icon { background: url(images/layout/region.png) no-repeat center; background-size: 24px 24px; cursor: pointer; border-radius: 22px; background-color: #222; margin: 0 10px; } .oldie #menuRegions div.nav_icon { background: url(images/layout/region1x.png) no-repeat center; } .siteNav li#menuRegions:hover div.nav_icon, li#menuRegions.active div.nav_icon, li#menuRegions.here div.nav_icon { background:url(images/layout/regionblack.png) no-repeat center; background-size: 24px 24px; background-color: #ffcd03; } .oldie .siteNav li#menuRegions:hover div.nav_icon, .oldie li#menuRegions.active div.nav_icon, .oldie li#menuRegions.here div.nav_icon { background:url(images/layout/regionblack1x.png) no-repeat center; } #menuCompanies div.nav_icon { background: url(images/layout/company.png) no-repeat center; background-size: 24px 24px; cursor: pointer; border-radius: 22px; background-color: #222; margin: 0 10px; } .oldie #menuCompanies div.nav_icon { background: url(images/layout/company1x.png) no-repeat center; } .siteNav li#menuCompanies:hover div.nav_icon, li#menuCompanies.active div.nav_icon, li#menuCompanies.here div.nav_icon { background:url(images/layout/companyblack.png) no-repeat center; background-size: 24px 24px; background-color: #ffcd03; } .oldie .siteNav li#menuCompanies:hover div.nav_icon, .oldie li#menuCompanies.active div.nav_icon, .oldie li#menuCompanies.here div.nav_icon { background:url(images/layout/companyblack1x.png) no-repeat center; } #menuAdmin div.nav_icon { background: url(images/layout/admin.png) no-repeat center; background-size: 24px 24px; cursor: pointer; border-radius: 22px; background-color: #222; margin: 0 10px; } .oldie #menuAdmin div.nav_icon { background: url(images/layout/admin1x.png) no-repeat center; } .siteNav li#menuAdmin:hover div.nav_icon, li#menuAdmin.active div.nav_icon, li#menuAdmin.here div.nav_icon { background:url(images/layout/adminblack.png) no-repeat center; background-size: 24px 24px; background-color: #ffcd03; } .oldie .siteNav li#menuAdmin:hover div.nav_icon, .oldie li#menuAdmin.active div.nav_icon, .oldie li#menuAdmin.here div.nav_icon { background:url(images/layout/adminblack1x.png) no-repeat center; } #menuFind div.nav_icon { background: url(images/layout/find.png) no-repeat center; background-size: 24px 24px; cursor: pointer; border-radius: 22px; background-color: #222; margin: 0 10px; } .oldie #menuFind div.nav_icon { background: url(images/layout/find1x.png) no-repeat center; } .siteNav li#menuFind:hover div.nav_icon, li#menuFind.active div.nav_icon, li#menuFind.here div.nav_icon { background:url(images/layout/findblack.png) no-repeat center; background-size: 24px 24px; background-color: #ffcd03; } .oldie .siteNav li#menuFind:hover div.nav_icon, .oldie li#menuFind.active div.nav_icon, .oldie li#menuFind.here div.nav_icon { background:url(images/layout/findblack1x.png) no-repeat center; } #menuFleetView div.nav_icon { background: url(images/layout/b-dashboard.png) no-repeat center; background-size: 24px 24px; cursor: pointer; border-radius: 22px; background-color: #222; margin: 0 10px; } .oldie #menuFleetView div.nav_icon { background: url(images/layout/b-dashboard1x.png) no-repeat center; } .siteNav li#menuFleetView:hover div.nav_icon, li#menuFleetView.active div.nav_icon, li#menuFleetView.here div.nav_icon { background:url(images/layout/b-dashboardblack.png) no-repeat center; background-size: 24px 24px; background-color: #ffcd03; } .oldie .siteNav li#menuFleetView:hover div.nav_icon, .oldie li#menuFleetView.active div.nav_icon, .oldie li#menuFleetView.here div.nav_icon { background:url(images/layout/b-dashboardblack1x.png) no-repeat center; } /***************************** Tabbed Sub Navigation **************************************/ #disableTabsDiv { width:100%;height:100%;position:absolute;top:0px;left:0;z-index:999;display:none; } #disableTabsDiv.show { display:block; } #disableTabsDiv .transBG { width:100%;height:100%;opacity:0.6;filter:alpha(opacity=60);background:#F2F2EA; } #subNavTabsPopCtn { height:auto;position:relative;margin-bottom: 120px; } #subNavTabsPop { margin:0 0 0 4%; list-style:none;-webkit-transform: translateZ(0);} #subNavTabsPop li { height:30px;padding:0px;float:left; text-align:center;border:1px solid #D9D9D9;margin:0 8px;border-bottom:1px solid #D9D9D9;border-bottom:none; } #subNavTabsPop li > a { display:block;height:auto;padding:0 6px;color:#989898;font-size:1.6em} #subNavTabsPop li a span { display: inline-block; margin: 0px auto 0; padding: 0 0px; font-size:75%; } .subNavTabContentsPop, .subNavTabContentsPop.inactive { display:none;margin-bottom: 10px;} .subNavTabContentsPop.active { display:block; } #subNavTabsPop li:hover, #subNavTabsPop li.active { background:#DFE0DA;color:#555444;} #subNavTabsPop li.active > a, #subNavTabsPop li.hover > a { color:#555444;font-weight:bold;} .subNavTabContentsPop .box-sub-hdr-sm span.txt,.subNavTabContentsPop .box-sub-hdr-sm .min-box-content { display:none;} .subNavTabContentsPop.listview .box-sub-hdr-sm span.txt,.subNavTabContentsPop.listview .box-sub-hdr-sm .min-box-content { display:inline;} #subNavTabs { margin:-5px 0 0 3%; list-style:none; height:55px;min-height:55px; display:none;overflow:hidden;} #subNavTabs li { float:left; height:55px;text-align:center; } #subNavTabs li a { display:block;height:auto;color:#fff;background-position: center 7px;background-repeat:no-repeat;background-color:#000;} #subNavTabs li a span { display: inline-block; margin: 30px auto 0; padding: 0 10px; font-size:70%; } @media screen and (max-width: 700px) { .siteNav li a span { margin:15px 5px; font-size:14px; } #subNavTabs li { height:35px;width:45px; } #subNavTabs li > a > span{ visibility: hidden; } #subNavTabsPop li { padding:0px;float:left; text-align:center;border:1px solid #D9D9D9;-moz-border-radius: 1px 1px 0 0; -webkit-border-radius: 1px 1px 0 0; border-radius: 1px 1px 0 0;margin:0 2px;border-bottom:1px solid #D9D9D9;border-bottom:none; } #subNavTabsPop li a span { font-size: 50%; } } #subNavTabs li:hover a, #subNavTabs li.active a{ background-color:#ffcd03;color:#000;} /*.topnavtab*/ /* Subnavigation Link Images */ #equipment-tab {background-image:URL('images/layout/equipment.png'); background-size: 24px 24px;} .oldie #equipment-tab {background-image:URL('images/layout/equipment1x.png'); } li:hover > #equipment-tab, li.active > #equipment-tab {background-image:URL('images/layout/equipmentblack.png'); background-size: 24px 24px;} .oldie li:hover > #equipment-tab, .oldie li.active > #equipment-tab {background-image:URL('images/layout/equipmentblack1x.png');} #location---status-tab {background-image:URL('images/layout/report.png'); background-size: 24px 24px; } .oldie #location---status-tab {background-image:URL('images/layout/report1x.png'); } li:hover > #location---status-tab, li.active > #location---status-tab{background-image:URL('images/layout/reportblack.png'); background-size: 24px 24px;} .oldie li:hover > #location---status-tab, .oldie li.active > #location---status-tab{background-image:URL('images/layout/reportblack1x.png'); } #full-details-tab {background-image:URL('images/layout/reportdetail.png'); background-size: 24px 24px; } .oldie #full-details-tab {background-image:URL('images/layout/reportdetail1x.png');} li:hover > #full-details-tab, li.active > #full-details-tab{background-image:URL('images/layout/reportdetailblack.png'); background-size: 24px 24px;} .oldie li:hover > #full-details-tab, .oldie li.active > #full-details-tab{background-image:URL('images/layout/reportdetailblack1x.png');} #new-alarms-tab {background-image:URL('images/layout/alarm.png');background-size: 24px 24px;} .oldie #new-alarms-tab {background-image:URL('images/layout/alarm1x.png');} li:hover >#new-alarms-tab, li.active > #new-alarms-tab {background-image:URL('images/layout/alarmblack.png');background-size: 24px 24px;} .oldie li:hover >#new-alarms-tab, .oldie li.active > #new-alarms-tab {background-image:URL('images/layout/alarmblack1x.png');} #alarms-tab {background-image:URL('images/layout/alarm.png'); background-size: 24px 24px;} .oldie #alarms-tab {background-image:URL('images/layout/alarm1x.png');} li:hover >#alarms-tab, li.active > #alarms-tab {background-image:URL('images/layout/alarmblack.png'); background-size: 24px 24px;} .oldie li:hover >#alarms-tab, .oldie li.active > #alarms-tab {background-image:URL('images/layout/alarmblack1x.png');} #alarm-history-tab {background-image:URL('images/layout/roundclock.png'); background-size: 24px 24px;} .oldie #alarm-history-tab {background-image:URL('images/layout/roundclock1x.png');} li:hover > #alarm-history-tab, li.active > #alarm-history-tab{background-image:URL('images/layout/roundclockblack.png');} .oldie li:hover > #alarm-history-tab, .oldie li.active > #alarm-history-tab{background-image:URL('images/layout/roundclockblack1x.png');} /* Admin Subnavigation Links */ #users-tab { background-image:URL('images/layout/user.png'); background-size: 24px 24px;} .oldie #users-tab { background-image:URL('images/layout/user1x.png'); } li:hover > #users-tab, li.active > #users-tab { background-image:URL('images/layout/userblack.png'); background-size: 24px 24px;} .oldie li:hover > #users-tab, .oldie li.active > #users-tab { background-image:URL('images/layout/userblack1x.png');} #accounts-tab { background-image:URL('images/layout/fleet.png'); background-size: 24px 24px;} .oldie #accounts-tab { background-image:URL('images/layout/fleet1x.png'); } li:hover > #accounts-tab, li.active > #accounts-tab { background-image:URL('images/layout/fleetblack.png'); background-size: 24px 24px;} .oldie li:hover > #accounts-tab, .oldie li.active > #accounts-tab { background-image:URL('images/layout/fleetblack1x.png');} #templates-tab { background-image:URL('images/layout/template.png'); background-size: 24px 24px;} .oldie #templates-tab { background-image:URL('images/layout/template1x.png'); } li:hover > #templates-tab, li.active > #templates-tab { background-image:URL('images/layout/templateblack.png'); background-size: 24px 24px;} .oldie li:hover > #templates-tab, .oldie li.active > #templates-tab { background-image:URL('images/layout/templateblack1x.png');} #equipment-types-tab { background-image:URL('images/layout/equipment.png'); background-size: 24px 24px;} .oldie #equipment-types-tab { background-image:URL('images/layout/equipment1x.png'); } li:hover > #equipment-types-tab, li.active > #equipment-types-tab { background-image:URL('images/layout/equipmentblack.png'); background-size: 24px 24px;} .oldie li:hover > #equipment-types-tab, .oldie li.active > #equipment-types-tab { background-image:URL('images/layout/equipmentblack1x.png');} #region-type-templates-tab { background-image:URL('images/layout/region.png'); background-size: 24px 24px;} .oldie #region-type-templates-tab { background-image:URL('images/layout/region1x.png'); } li:hover > #region-type-templates-tab, li.active > #region-type-templates-tab { background-image:URL('images/layout/regionblack.png'); background-size: 24px 24px;} .oldie li:hover > #region-type-templates-tab, .oldie li.active > #region-type-templates-tab { background-image:URL('images/layout/regionblack1x.png');} #block-functions-tab { background-image:URL('images/layout/blockfn.png'); background-size: 24px 24px;} .oldie #block-functions-tab { background-image:URL('images/layout/blockfn1x.png'); } li:hover > #block-functions-tab, li.active > #block-functions-tab { background-image:URL('images/layout/blockfnblack.png'); background-size: 24px 24px;} .oldie li:hover > #block-functions-tab, .oldie li.active > #block-functions-tab { background-image:URL('images/layout/blockfnblack1x.png');} #change-password-tab { background-image:URL('images/layout/key.png'); background-size: 24px 24px;} .oldie #change-password-tab { background-image:URL('images/layout/key1x.png'); } li:hover > #change-password-tab, li.active > #change-password-tab { background-image:URL('images/layout/keyblack.png'); background-size: 24px 24px;} .oldie li:hover > #change-password-tab, .oldie li.active > #change-password-tab { background-image:URL('images/layout/keyblack1x.png');} #options-tab { background-image:URL('images/layout/gear.png'); background-size: 24px 24px;} .oldie #options-tab { background-image:URL('images/layout/gear1x.png'); } li:hover > #options-tab, li.active > #options-tab { background-image:URL('images/layout/gearblack.png'); background-size: 24px 24px;} .oldie li:hover > #options-tab, .oldie li.active > #options-tab { background-image:URL('images/layout/gearblack1x.png');} /* Report Subnavigation Links*/ #reports-tab { background-image:URL('images/layout/report.png'); background-size: 24px 24px;} .oldie #reports-tab { background-image:URL('images/layout/report1x.png'); } li:hover > #reports-tab, li.active > #reports-tab { background-image:URL('images/layout/reportblack.png'); background-size: 24px 24px;} .oldie li:hover > #reports-tab, .oldie li.active > #reports-tab { background-image:URL('images/layout/reportblack1x.png');} #report-shortcuts-tab { background-image:URL('images/layout/reportscut.png'); background-size: 24px 24px;} .oldie #report-shortcuts-tab { background-image:URL('images/layout/reportscut1x.png'); } li:hover > #report-shortcuts-tab, li.active > #report-shortcuts-tab { background-image:URL('images/layout/reportscutblack.png') ; background-size: 24px 24px;} .oldie li:hover > #report-shortcuts-tab, .oldie li.active > #report-shortcuts-tab { background-image:URL('images/layout/reportscutblack1x.png') ; } /* Region Subnavigation Links*/ #regions-tab { background-image:URL('images/layout/region.png'); background-size: 24px 24px;} .oldie #regions-tab { background-image:URL('images/layout/region1x.png'); } li:hover > #regions-tab, li.active > #regions-tab { background-image:URL('images/layout/regionblack.png'); background-size: 24px 24px; } .oldie li:hover > #regions-tab, .oldie li.active > #regions-tab { background-image:URL('images/layout/regionblack1x.png') ;} #jobsites-tab { background-image:URL('images/layout/jobsite.png'); background-size: 24px 24px;} .oldie #jobsites-tab { background-image:URL('images/layout/jobsite1x.png'); } li:hover > #jobsites-tab, li.active > #jobsites-tab { background-image:URL('images/layout/jobsiteblack.png'); background-size: 24px 24px; } .oldie li:hover > #jobsites-tab, .oldie li.active > #jobsites-tab { background-image:URL('images/layout/jobsiteblack1x.png') ;} .colorCodeBar { height:5px;display:block;width:100%;display:none;background-color: #fff;} .inModal { float:left;margin-left:-3px; } .empty-field { height:20px;display:block; } .AppWindowModal, .AppWindowModalLrg, .AppWindowNonModal { width:100%; height:600px; } .AppWindowModalFull { width:100%;height:98%; } .medNonModal { width:100%; height:540px; } .medModal { width:100%; height:580px; } .narrowModal { width:100%; height:560px; } .smallNonModal { width:100%; height:590px; } .smallModal { width:100%; height:280px; } .shortWideModal { width:100%; height:430px; } .shortWideNonModal { width:100%; height:375px; } .tblFilterCtn { float: right;margin: 0 0.1%;text-align: right;width:330px; } .tblFilterCtn .field {float: right;width:65%; } .tblFilterCtn .field input {display:inline;vertical-align:middle;height:30px;margin-bottom:3px;} .tblFilterCtn .lblFilter { color: #555444;float: right; font-size: 0.6em;line-height: 36px;width: 35%;min-width:35%; } .tblOptsCtn { margin: 0 0 15px 15px; } .tblOptsCtn .lblOptType { margin-right:15px;font-size:1.3em;line-height:1.8em;color:#555444; } .btnSpacing { margin-right:5px; } .btnSpacingL { margin-left:5px; } .box-sub-hdr-sm .btnSpacing { float:right;margin-right:3px; } .floatR { float:right; } .floatL { float:left; } .alignDD { vertical-align:middle;display:inline-block; } .MSDDchkb tr td > input, .MSDDchkb tr td > label { float:left; } .MSDDchkb tr td > input { margin: 5px; } .MSDDchkb tr td > label { line-height:1.5em; } .field .gTextareaFix { height: 150px; margin:5px;position:static; } /** Report / Map Tab **/ #slideout { background:#666; position:absolute; width:300px; height:80px; top:45%; left:-280px; } #clickme { float:right; height:80px; width:20px; background:#ff0000; } #slidecontent { float:left; } /*********************/ .pagination.dark input { background:none;border:none;color:#FFF;} .pagination.dark input [disabled=disabled], .pagination.dark input:disabled { color:#999; } .pagination li, .pagination div, .pagination span { float: left; margin-right: 10px; text-align: center; cursor: pointer; } ul.pagination li.prev, ul.pagination li.next { padding-left: 10px; padding-right: 10px; } .pagination.dark li, .pagination.dark div { background: #404040; color: #fff; border: none; box-shadow: none; text-shadow: none; line-height: 30px; width: 30px; height: 30px; border-radius: 50%; display: inline-block; vertical-align: middle; } .pagination.dark li a, .pagination.dark div a { color: #fff;} .pagination.dark li:hover, .pagination.dark div:hover, .pagination.dark div:active,.pagination.dark li:active { background: #4f4f4f; color: #fff; } .pagination.dark li:hover a, .pagination.dark div:hover a, .pagination.dark div:active a,.pagination.dark li:active a { color: #fff; } .pagination.dark span { background: #ffcd03; color: #000; border: none; box-shadow: none; text-shadow: none; line-height: 30px; width: 30px; height: 30px; border-radius: 50%; display: inline-block; vertical-align: middle; } ul.ddHdrMenu { float:left;margin:0;z-index:999; height: 100%;} ul.ddHdrMenu > li:hover > ul { display:block;margin:0; } ul.subSettings { display:none; position:absolute;top:100%;z-index:999; } /*border :1px solid #f6b83f} */ ul.subSettings.wider { width:14em; } ul.subSettings > li > a { color:#fff; line-height: 24px; } ul.subSettings > li:hover > a { color: #000; } ul.subSettings i[class^="icon-"], ul.subSettings i[class*=" icon-"] { min-width:30px!important; } ul.subSettings > li i[class^="icon-"]:before, ul.subSettings > li i[class*=" icon-"]:before { background-color: #404040; width: 24px; height: 24px; border-radius: 50%; color: #ffcd03; margin-right: 5px; text-align: center; display: inline-block; } ul.subSettings > li:hover i[class^="icon-"]:before, ul.subSettings > li:hover i[class*=" icon-"]:before { background-color: #ffcd03; width: 24px; height: 24px; border-radius: 50%; color: #000; margin-right: 5px; text-align: center; display: inline-block;} /* ul.subSettings li#ButtonDeleteCtn:hover { background: #df5650; color:#FFF; } */ .ddHdrMenu i.icon-menu { font-size:1.5em;} .ddHdrMenu > li { height:30px;display:block;position:relative; } ul.subSettings > li { background:#232323;color:#fff;font-weight:bold;white-space:nowrap;cursor:pointer;line-height: 35px; height: 35px; padding: 0 15px 0 5px;} .ddHdrMenu > li { display: block; height: 36px; position: relative; } .subSettings > li a i.icon-plus-squared { font-size:1.2em;} .box-sub-hdr-sm ul.subSettings > li a i.icon-plus-squared { font-size:1.2em;} .box-sub-hdr-sm ul.ddHdrMenu i.icon-menu { font-size: 1.2em; } ul.subSettings > li:hover { background:#ffcd03;color:#000;} .hideMe { display:none; } .ico-mtype-s {width: 16px;height:16px;vertical-align: middle;} .ico-mtype {width: 16px;height:16px;vertical-align: middle; margin-right: 5px;} .ico-mtype-b {max-width: 100%;max-height:20px;vertical-align: middle;} .ico-loading-sm { background: URL('/images/loading_icon_small.gif') no-repeat;background-position: 0 0;display:inline-block;height: 20px;width: 20px;vertical-align:middle;overflow:hidden;} input[type="checkbox"]:disabled { color:#666 !important; opacity: 1.0;background:none;} input[type="checkbox"] { } input[type="checkbox"] + label { font-family:Arial, sans-serif; font-size:14px; line-height: 25px; } input[type="checkbox"] + label span { display:inline-block; width:19px; height:19px; margin:-1px 4px 0 0; vertical-align:middle; background:url(/images/layout/check_radio_sheet_custom.png) left top no-repeat; cursor:pointer; } input[type="checkbox"][disabled]:checked + label span { background:url(/images/layout/check_radio_sheet_custom.png) -19px middle no-repeat; } input[type="checkbox"]:checked + label span { background:url(/images/layout/check_radio_sheet_custom.png) -19px middle no-repeat; } .displayWarningMsg { font-size:1.2em;margin:10px 0 0 0; } .customConfirm { font-size:1.2em;margin:10px 15px 0 0; } .errHdr { font-size:1.3em;font-weight:bold; color:#555444;margin:0;color: #3085D6;font-weight: bold;} .errCtn { margin:20px 0 0 15px; font-size:1.2em;float:left;width:80%;color:#555444;} .errMsgCtn span.hdr {display: inline-block;width: 100px;} .errExclam { background:URL(/images/layout/error-exclam.png) no-repeat; width:50px;height:55px;float:left;margin: 10px 0 0 10px;} .errMsgCtn { line-height:18px;margin:10px 0 0 0;font-size:1.1em;} .errMsg { word-wrap:normal;margin-bottom:15px;} .errLoc { word-wrap:normal; margin:0 0 0 25px;} .notify { margin:25px 0 30px 0;} td img {max-width:none;} .panel-tool-close-all { background: url('/images/panel_tools_w_new.png') no-repeat -16px -16px; } /* turn off 3d acceleration on chrome in order to fix flicker outside map iframe. We can get rid of this when Google fixes their browser. */ @media (-webkit-transform-3d) { .olLayerGrid img.olTileImage { -webkit-transform: none; -webkit-perspective:none; -webkit-transition:none; transition:none; } } .buttonContain { padding:5px; text-align:right; } #cloneBtns li { white-space:nowrap; } .panel-body { position:relative; } #holder { overflow: auto; height : 100%; position: relative; font-size: 12px; } #SelectMachineTypeContentDivID { max-height: 500px; overflow: auto; } .MachineTypeIconSelectionDiv { max-height: 300px; overflow: auto; } .lblAlarmGroupDatatag { cursor: pointer; text-decoration: underline; color: #222; font-weight: bold;} .lblAlarmGroupDatatag:hover { text-decoration: none; background-color: #ffcd03; color: #000; } /*.slidePanelIndicator { cursor: pointer; color:#607998; background-color:#C1C3C5; }*/ .slidePanelIndicator { background-image: url("images/layout/menu.png"); border: none; width: 37px; height: 37px; display: inline-block; background-position: center; background-size: 20px 20px; background-color:#404040; background-repeat: no-repeat; } .oldie .slidePanelIndicator { background-image: url("images/layout/menu1x.png"); } .slidePanelIndicator:hover { background-color:#4f4f4f; } .errHandler .JsonErr { margin: 10px 0; padding: 10px; background-color: #C1C3C5; font-size: 12px; } .addNewResettableMeter {display: inline-block; width: 20px; height: 20px; background-image:url(images/layout/plus.png); background-size: 20px 20px; vertical-align: middle; cursor: pointer; } .oldie .addNewResettableMeter { background-image:url(images/layout/plus1x.png); } .resettableMeter {display: inline-block; width: 24px; height: 24px; background:url(images/childvalue.png) center center no-repeat; background-size: 24px 24px; vertical-align: middle;} .oldie .resettableMeter { background:url(images/childvalue1x.png) 50% 50% no-repeat;} .changeSerialNumber {display: inline-block; width: 32px; height: 32px; background-image:url(images/layout/gear.png); background-size: 32px 32px; vertical-align: middle; cursor: pointer; margin: 7px 30px;} .oldie .changeSerialNumber { background-image:url(images/layout/gear1x.png) 50% 50% no-repeat;} img#LogoImg { border: 1px solid #DFE0DA; border-radius: 5px; padding: 10px; background-color: #404040; } ::-webkit-scrollbar { width: 12px; height: 12px; } ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); } ::-webkit-scrollbar-thumb { background: #ccc; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); } ::-webkit-scrollbar-thumb:window-inactive { background: #ccc; } .medium.action-b.btn.btngotosite { background-color: #ffcd03; } .medium.action-b.btn.btngotosite input { color: #000; background-color: #ffcd03; border: none; height: 36px; cursor: pointer; } .medium.action-b.btn.btngotosite:hover { background-color: #222; } .medium.action-b.btn.btngotosite:hover input { color: #fff; background-color: #222; } .lstDataGrid td div > a { vertical-align: middle; display: inline-block; } .lstDataGrid td div > a i[class^="icon-"]:before { background-color: #404040; width: 20px; height: 20px; border-radius: 50%; color: #ffcd03; text-align: center; display: inline-block; vertical-align: middle; line-height: 20px;font-size: 12px } .lstDataGrid td div:hover > a i[class^="icon-"]:before, ul.subSettings > li:hover i[class*=" icon-"]:before { background-color: #ffcd03; width: 20px; height: 20px; border-radius: 50%; color: #000; text-align: center; display: inline-block; vertical-align: middle; line-height: 20px;font-size: 12px} .info-map { width: 20px;height: 20px;background-image: url(images/layout/info.png); background-size: 20px 20px; vertical-align: middle; margin: 2px 3px; } .oldie .info-map { background-image: url(images/layout/info1x.png); } .edit-map { width: 20px;height: 20px;background-image: url(images/layout/edit1x.png); background-size: 14px 14px; vertical-align: middle; margin: 2px 3px; } .oldie .edit-map { background-image: url(images/layout/edit2x.png); } .setting-map { width: 20px;height: 20px;background-image: url(images/layout/gear.png); background-size: 20px 20px; vertical-align: middle; margin: 2px 3px; } .oldie .setting-map { background-image: url(images/layout/gear1x.png); } .dashboard-map { width: 24px;height: 24px;background-image: url(images/layout/dashboard.png); background-size: 24px 24px; vertical-align: middle; margin: 2px 3px; } .oldie .dashboard-map { background-image: url(images/layout/dashboard1x.png); } .assetToolTipHeader .dashboard-map, .assetToolTipHeader .dashboard-map:hover { margin: 2px 10px;} .link-map { width: 32px;height: 32px;background-image: url(images/layout/maplink.png); background-size: 32px 32px; vertical-align: middle; margin: 2px 3px; } .oldie .link-map { background-image: url(images/layout/maplink1x.png); } .reload-map { width: 32px;height: 32px;background-image: url(images/layout/reload.png); background-size: 32px 32px; vertical-align: middle; margin: 2px 3px; } .oldie .reload-map { background-image: url(images/layout/reload1x.png); } .pause-map { width: 32px;height: 32px;background-image: url(images/layout/pause.png); background-size: 32px 32px; vertical-align: middle; margin: 2px 3px; } .oldie .pause-map { background-image: url(images/layout/pause1x.png); } .play-map { width: 32px;height: 32px;background-image: url(images/actionButton.png); background-size: 24px 24px; vertical-align: middle; margin: 2px 3px; } .oldie .play-map { background-image: url(images/actionButton1x.png); } .saveregion-map { width: 32px;height: 32px;background-image: url(images/layout/save.png); background-size: 32px 32px; vertical-align: middle; margin: 2px 3px; } .oldie .saveregion-map { background-image: url(images/layout/save1x.png); } .applyregion-map { width: 32px;height: 32px;background-image: url(images/layout/apply.png); background-size: 32px 32px; vertical-align: middle; margin: 2px 3px; } .oldie .applyregion-map { background-image: url(images/layout/apply1x.png); } .navcontrol-map { width: 32px;height: 32px;background-image: url(images/layout/drag.png); background-size: 32px 32px; vertical-align: middle; margin: 2px 3px; } .oldie .navcontrol-map { background-image: url(images/layout/drag1x.png); } .navcontrol-map.selected { width: 32px;height: 32px;background-image: url(images/layout/dragblack.png); background-size: 32px 32px; vertical-align: middle; margin: 2px 3px; background-color: #ffcd03; } .oldie .navcontrol-map.selected { background-image: url(images/layout/dragblack1x.png); background-color: #ffcd03;} .freepolygon-map { width: 32px;height: 32px;background-image: url(images/layout/freepolygon.png); background-size: 32px 32px; vertical-align: middle; margin: 2px 3px; } .oldie .freepolygon-map { background-image: url(images/layout/freepolygon1x.png); } .freepolygon-map.selected { width: 32px;height: 32px;background-image: url(images/layout/freepolygonblack.png); background-size: 32px 32px; vertical-align: middle; margin: 2px 3px; background-color: #ffcd03; } .oldie .freepolygon-map.selected { background-image: url(images/layout/freepolygonblack1x.png); background-color: #ffcd03;} .regularpolygon-map { width: 32px;height: 32px;background-image: url(images/layout/regularpolygon.png); background-size: 32px 32px; vertical-align: middle; margin: 2px 3px; } .oldie .regularpolygon-map { background-image: url(images/layout/regularpolygon1x.png); } .regularpolygon-map.selected { width: 32px;height: 32px;background-image: url(images/layout/regularpolygonblack.png); background-size: 32px 32px; vertical-align: middle; margin: 2px 3px; background-color: #ffcd03; } .oldie .regularpolygon-map.selected { background-image: url(images/layout/regularpolygonblack1x.png); background-color: #ffcd03;} .polygonsetting-map { width: 32px;height: 32px;background-image: url(images/layout/polygonsetting.png); background-size: 32px 32px; vertical-align: middle; margin: 2px 3px; } .oldie .polygonsetting-map { background-image: url(images/layout/polygonsetting1x.png); } .polygonsetting-map.selected { width: 32px;height: 32px;background-image: url(images/layout/polygonsettingblack.png); background-size: 32px 32px; vertical-align: middle; margin: 2px 3px; background-color: #ffcd03; } .oldie .polygonsetting-map.selected { background-image: url(images/layout/polygonsettingblack1x.png); background-color: #ffcd03;} .polygonsetting-map.disabled { width: 32px;height: 32px;background-image: url(images/layout/polygonsettinggrey.png); background-size: 32px 32px; vertical-align: middle; margin: 2px 3px; background-color: #ccc; } .oldie .polygonsetting-map.disabled { background-image: url(images/layout/polygonsettinggrey1x.png); background-color: #ccc;} #mapModeImg_Map, #mapModeImg_Sat { display: inline-block; background-color: #404040; color: #fff; cursor: pointer; margin: 0; padding: 2px; width: 70px; height: 20px; font-size: 16px; text-align: center; } #mapModeImg_Map:hover, #mapModeImg_Sat:hover { background-color: #4f4f4f; color: #fff; } #mapModeImg_Map.selected, #mapModeImg_Sat.selected { background-color: #ffcd03; color: #000; } div.olControlZoom a.olButton { background-color: #404040; color: #ffcd03; } div.olControlZoom a.olButton:hover { background-color: #4f4f4f; color: #ffcd03; } #contextMenuGoToInput_Lon, #contextMenuGoToInput_Lat, #contextMenuAddressSearchInput { width: 200px; margin: 5px 0; } #contextMenuGoToInput_GoButton, #contextMenuSearchBtn { margin: 5px 0; } .lonlatSearch { border-top: 1px solid #404040; border-bottom: 1px solid #404040; padding: 10px 0; } i.icon-arrow-combo { margin-left: 5px; margin-right: 5px; } .icoArrowCombo { width: 24px; height: 24px; background-image: url(images/layout/arrowcombo.png); cursor: pointer; background-size: 24px 24px; margin: 4px 10px; vertical-align: middle; } .oldie .icoArrowCombo { background-image: url(images/layout/arrowcombo1x.png); } .normalDataRow .expandKey { display: inline-block; width: 12px; height: 12px; margin: 0 2px; vertical-align: middle; background-color: #404040; background-image: url(images/layout/plus1x.png); background-position: center; background-repeat: no-repeat; background-size: 12px 12px; cursor: pointer; } .oldie .normalDataRow .expandKey { background-image: url(images/layout/plus2x.png); } .normalDataRow .expandKey:hover { background-color: #4f4f4f; } .normalDataRow .collapseKey { display: inline-block; width: 12px; height: 12px; margin: 0 2px; vertical-align: middle; background-color: #404040; background-image: url(images/layout/minus1x.png); background-position: center; background-repeat: no-repeat; background-size: 12px 12px; cursor: pointer; } .oldie .normalDataRow .collapseKey { background-image: url(images/layout/minus2x.png); } .normalDataRow .collapseKey:hover { background-color: #4f4f4f; } select { border: 1px solid #111; background-color: #fff; 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; padding-right: 30px!important; } 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, select:hover { background: none; padding: 5px; } } .assetToolTipRow select { height: 25px; } .messager-body.panel-body.panel-body-noheader.panel-body-noborder.window-body.window-body-noheader { border: none; } .messager-icon.messager-question { background-image: url('images/atmhealth/health-red.png'); background-size: 32px 32px; width: 32px; height: 32px; background-position: center; background-repeat: no-repeat; } .messager-button a.l-btn.l-btn-small { background: #404040; color: #fff; border: none; border-radius: 0; } .messager-button a.l-btn.l-btn-small:hover { background: #4f4f4f; color: #fff; } .feedback_trigger.right-bottom.fm_clean:hover { background-color: #ffcd03; color: #000; } .feedback_me_form .feedback_submit { background-color: #404040; color: #fff; text-shadow: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border: none; } .feedback_me_form .feedback_submit:hover { background-color: #4f4f4f; color: #fff; } .lstFormControls.settings .field #txbSerialNumbers { width: 90%; height: 80px; max-width: 500px; display: inline-block; } .dropDownCtn { height: 32px; margin-bottom: 10px; } .lstFormControls.settings.blfns li.field.lstDivider { padding: 10px 0; } #TaskOffsetDate_lblDate { background-color: #404040; color: #fff; padding: 6px 10px; height: 32px; line-height: 20px; width: 110px; display: inline-block; text-align: center; } #TaskOffsetDate_lblDate:hover { background-color: #4f4f4f; color: #fff;} .lstFormControls.settings.blfns li.field .dtpCtn { width: 97%; margin-left: 3%; padding: 10px; } .lstFormControls.settings.blfns li.field .dtpCtn a { width: 100px; height: 32px; display: inline-block; margin-right: 20px; } #UpdateTemplateButton, #UpdateTemplateNoAlertButton { padding: 0 10px; } /*********************************** * dashboard.css ************************************/ #theLayer { /*border:1px solid #727270;*/} #titleBar { width:100%;background:#6DB1BB;height:20px;} .dashTitle { color: #FFFFFF;font-size: 1.5em;font-weight: bold;margin: 0 0 0 5px;text-decoration: none;} .dashContent { background: #fff; width:100%; padding:5px; } .dashContent .colAlphaHdr, .dashContent .colAlpha { text-align:left; } .dashContent .colAlpha,.dashContent .colNumeric { padding:0 4px;text-align:left; } .dashContent .colAlphaHdr, .dashContent .colNumericHdr { text-align:left;font-size:1.1em;color:#989898;font-weight:bold; white-space:nowrap;padding:0 4px;} .dashContent .colNumericHdr { text-align:left} #dashboardMoreSpan { margin-left:5px;} .sectionHdr, .dashSectHdr { width:100%;border-bottom: 1px solid #E1E1E1;color:#555444;font-size: 1.3em;font-weight:bold;text-align:left; line-height: inherit; text-decoration: none; height:40px;vertical-align:bottom;} .sectionTableHdrs { text-align:left;width:1px;color:#989898;font-size:1.2em; } .alarmBoardItem { width:100%;border:1px solid black; } .alarmBoardItem td { color:#555444;font-size:1.2em;background:#F9F9F9;padding: 0 0 0 5px; } .alarmListLock {width:15px;height:20px;vertical-align:middle;} /* Dashboard Buttons */ .greenGlobe { color: #17A086 !important; } .darkMag { color:#555555!important;font-weight:normal; } .dbItemRefresh, .dbItemCancel { font-size:1.3em;line-height:1.3em;} .dbItemCancel { color:#df5650; } .dbItemRefresh.disabled { color:#B6B6B6 !important;} /*********************************** * styles.css ************************************/ table{ border:none!important; } /* form { height:100%;} */ .buttons-ctn { width:90%;height:auto;margin:2% 0 0 3%;text-align: right; } .floating-box { margin:0.5%; padding:0;display: inline-block;min-width: 99%;} .row .floating-box{display:block;} .floating-box.short {height:40%; min-height:40%; } .floating-box.med {height:70%; min-height:70%; } .floating-box.noMarg, .box-sub-hdr.noMarg, .box-sub-hdr-sm.noMarg {margin-top:0!important; } .floating-box .floating-box.noMarg { margin:0; } .floating-box.marg, .box-sub-hdr.marg, .box-sub-hdr-sm.marg {margin-top:10px!important; } .floating-box.hAuto { height:auto;} .floating-box.noBtns { height:95%;min-height:95%; } .floating-box.heightFix { height:80%;min-height:80%; } .floating-box.heightFixnarrow { height:89%;min-height:89%; } .floating-box.topmarg { margin-top:15px; } .floating-box .floating-box{ margin:5px; padding:0;border:none;} .floating-box.border { border: 1px solid #DFE0DA;} .box-hdr { padding:5px 0 5px 15px;color:#EAEAE2;margin:0;background:#727270;width:100%;font-size:1.6em;font-weight:bold; display:none;} .box-sub-hdr, .box-sub-hdr-sm { padding:0;margin:0;background:#DFE0DA;width:100%;font-size:1.2em;height:36px;line-height:36px;clear:both;vertical-align:middle; color:#000; } .box-sub-hdr-sm { font-size:1em;height:36px;line-height:36px;font-weight:bold; position:relative; } .box-sub-hdr-sm.spacer { margin:15px 0 0 0;} .box-sub-hdr-sm .txt, .box-sub-hdr .txt { padding:0 5px; display:block; height:100%; overflow: hidden; text-overflow:ellipsis;} .box-sub-hdr.locked { position: fixed; top: 0; z-index: 999; width: 98%; } .box-sub-hdr.locked.wide { width: 99%; } .box-content { padding:0px;display:block;border:1px solid #D9D9D9;border-top:none;overflow: hidden; } .box-content.padded{padding:5px;} .box-content.autoH { height:auto; } .box-content.heightFix { height:95%; } .box-content.heightFixSm { height:93%; } .min-box-content { position:absolute;top:3px;right:3px;cursor:pointer; } .box-content.locked { margin-top: 36px; } .lstFormControls li.field label.contactemaillabel { width: 100%; } #noData { display: block;font-size:1.4em;color:#989898; } .noData, .boxMessage { text-align:center; padding:5px 0 0 0; color:#989898;} .popup-title { display:none; } .popupBody { background:#FFF!important;} .formPageContainer { margin:12px auto 0 auto;height:100%; } table.full { width:100%; } table.semifull { width:90%; } .lstDataGrid, .lstDataGridItems { width:100%; margin:0px auto; border-collapse:separate; border-spacing:8px 2px; border:none; clear:both;background:#eee;} .lstDataGrid.noMarg { margin:0 auto; } .lstDataGridItems { background:#f5f5f5;} .lstDataGrid .dgButtonColumn, .lstDataGridItems .dgButtonColumn { width:1px; text-align: center; } .lstDataGrid .dgSelectColumn { width:1px;} .lstDataGrid td[class*="-b"] { width:1px; padding: 0 2px 0 2px;} .lstDataGrid .popDesc { position:relative;width:20px;height:20px;margin:0 auto;} .lstDataGrid .popDescription { display:none; position:absolute;z-index:999;top:0;left:20px;} .icon-chat-popdesc { z-index: 1; vertical-align:middle;height:16px;width:16px; } .icon-popdesc { display: inline-block; width: 20px; height: 20px; background-image: url(images/layout/info.png); background-size: 20px 20px; cursor: pointer; vertical-align: middle; margin: 0 3px; } .oldie .icon-popdesc { background:url(images/layout/info1x.png) no-repeat center; } .icon-popdesc-none { display: inline-block; width: 20px; height: 20px; background-image: url(images/layout/infodisabled.png); background-size: 20px 20px; vertical-align: middle; margin: 0 3px; } .oldie .icon-popdesc-none { background:url(images/layout/infodisabled1x.png) no-repeat center; } .icon-popdesc-none.btnCircle:hover { background-color:#ccc; } .icon-popdesc-none.btnCircle { background-color:#ccc; cursor: default;} .lstDataGrid tr { height:36px; border-top:1px dotted #D9D9D9;border-bottom:1px dotted #D9D9D9} .commonGridFormat > tr, .commonGridFormat > tbody > tr { border-top:1px dotted #D9D9D9;border-bottom:1px dotted #D9D9D9; } .lstDataGrid tr.gridColumnHdr, .lstDataGridItems tr.gridColumnHdr, .commonGridFormat tr > th { background: #FFF; border:none;position:relative;} .lstDataGrid tr.dgAltRow2, .lstDataGridItems tr.dgAltRow2 { background:#E0DECA; } .lstDataGrid tr.dgAltRow1, .lstDataGridItems tr.dgAltRow1 { background:#FFF; } /*.lstDataGrid tr.dgAltRow, .lstDataGridItems tr.dgAltRow { background:#FFF; }*/ .lstDataGrid td, .lstDataGridItems td { padding: 2px; font-size:0.8em;padding: 0 3px; vertical-align:middle;} .lstDataGrid td.postBack.edit { white-space:nowrap; } .lstDataGrid td.postBack.edit div { display:inline; } .lstDataGrid .gridColumnHdr td{ color:#555444;font-size: 1.1em; line-height: 1.3em; } .lstDataGrid .gridColumnHdr td div a, .lstDataGrid .gridColumnHdr td { text-decoration:none; font-size:1em;color:#989898;padding: 0 3px;} /*color:#d25400; } For sortable column headers */ .lstDataGrid .gridColumnHdr.smHdrs td { font-size:0.8em; } /* For sortable column headers */ /*.lstDataGrid tr:not(.gridColumnHdr):hover{background: #f0fbff;} */ .lstDataGrid td:first { text-align:center; padding: 0 5px 0 0px;} .lstDataGrid td:last { text-align:center; padding: 0 0 0 5px;} .lstDataGrid .centered { text-align:center; } .lstDataGrid .noheader { } .lstDataGrid .oneWide { width:1%; white-space:nowrap;} .lstDataGrid .twoWide { width:2%; white-space:nowrap;} .lstDataGrid .threeWide { width:3%; white-space:nowrap;} .lstDataGrid .fourWide { width:4%; white-space:nowrap;} .lstDataGrid .fiveWide { width:5%; white-space:nowrap;} .lstDataGrid .sixWide { width:6%; white-space:nowrap;} .lstDataGrid .sevenWide { width:7%; white-space:nowrap;} .lstDataGrid .eightWide { width:8%; white-space:nowrap;} .lstDataGrid .nineWide { width:9%; white-space:nowrap;} .lstDataGrid .tenWide { width:10%; white-space:nowrap;} .lstDataGrid .elevenWide { width:11%; white-space:nowrap;} .lstDataGrid .twelveWide { width:12%; white-space:nowrap;} .lstDataGrid .thirteenWide { width:13%; white-space:nowrap;} .lstDataGrid .fourteenWide { width:14%; white-space:nowrap;} .lstDataGrid .fifteenWide { width:15%; white-space:nowrap;} .lstDataGrid .twentyWide { width:20%; white-space:nowrap;} .lstDataGrid .quarterWide { width:25%;white-space:nowrap; } .lstDataGrid .thirtyWide { width:30%; white-space:nowrap;} .lstDataGrid .thirtyfiveWide { width:35%;white-space:nowrap; } .lstDataGrid .fiftyWide { width:50%;white-space:nowrap; } .lstDataGrid .noWrap { white-space:nowrap; } .lstDataGrid td input, .lstDataGrid td select { width: 100%; } .lstDataGridItems tr { line-height: 1em; } .lstDataGridItems .gridColumnHdr td div a { font-size:1.1em; } .lstDataGridItems .gridColumnHdr td.twoColumns { width:95%; } .lstDataGrid tr:hover td:not([class]) { cursor: default; } #DataGridUsers tr:hover td:not([class]), #DataGridAccounts tr:hover td:not([class]), #DataGridMachineTypes tr:hover td { cursor: pointer; } /* TODO consider replacing .dgText a, .dgText a:hover{ color:#128AC6; } */ .dropDownCtn { margin: 0% 0 0% 0%; clear:both; } .dropDownCtn .dd, .dd { display: block; float: left; height: 32px;width: 400px;} .dropDownCtn .selSep { margin: 0% 0 0 1%; } .MultiSelectDropDownCtn { margin: 2% 0 2% 3%; clear:both; } .lstFormControls li.field .txtBoxCtn input[type=text] { height: 32px; padding: 5px; font-size: 1em; width: 400px; line-height: 22px; margin: 0; } .multiSel { margin: 1% 0 0 1%; } .multiSelSep { margin: 2% 0 0 1%; height: 24px!important;} .gridSpacer { height:20px;clear:both;display:block; } .postBack > div { text-align:center; } .postBack > div img { vertical-align:middle; } /* Slightly smaller hdr bars, hence smaller, inline buttons */ .box-sub-hdr-sm .edit-b, .box-sub-hdr-sm .menu-b { height:24px!important; margin:0;} .box-sub-hdr-sm .edit-b a > i:before { position:absolute; left:25%; top:0px; } .box-sub-hdr-sm .menu-b a > i:before { position:absolute; left:2px; top:2px; } .box-sub-hdr-sm .edit-b a, .box-sub-hdr-sm .menu-b a { margin:0; } .box-sub-hdr-sm .ddHdrMenu ul.subSettings{ font-size:0.8em; } .box-sub-hdr .ddHdrMenu ul.subSettings li{ font-size: 0.7em;font-weight: bold; line-height: 35px; height: 35px; padding: 0 15px 0 5px; } .lstFormControls { margin:10px} .lstFormControls > li { margin: 4px auto; width: 95%; } .lstFormControls li.field label, .lstFormControls li.field span.customLabel { font-size:1em; min-width: 150px; width: 150px;display:block; } .lstFormControls li.field label.med { min-width: 270px; width: 270px; } .lstFormControls li.field label.lrg { min-width: 325px; width: 325px; } .lstFormControls.settings.blfns li.field label {width: 300px;} .lstFormControls.settings.blfns li.field label#lblSendAction { width: 120px; min-width: 120px; display: inline-block; } .lstFormControls li.field label.desc, .lstAccessRights li.field label.desc, .desc { font-size:0.8em;color:#a61407; min-width: 100%; width: 100%; margin:0 0 0 15px;clear:both;} .desc.ctn { font-size:1em;margin:0 3%; } .lstFormControls li.field label.descInline { font-size:0.8em;color:#a61407; min-width: 100%; width: 100%; margin:0 0 0 5px;clear:both;display:inline; } .lstFormControls.settings li.field label { font-size:1em; line-height: 32px; min-width: 200px; display: inline-block; vertical-align: middle; } .lstFormControls.settings li.field label.Multiple { font-size:1em;color:#555444; min-width: 5%; width: auto!important; } .lstFormControls.settings li.field label.inline { display:inline!important; } .lstFormControls.settings li.field label.desc { font-size:0.8em;color:#a61407; min-width: 100%; width: 100%; margin:0 0 0 15px;} .lstFormControls.settings li.field { margin: 10px 0; padding: 0; width: 100%; } .lstFormControls.settings li.field a { width: 32px; height: 32px; display: inline-block; vertical-align: middle; } .lstFormControls.offTheSide { margin: 20px 3% 0; } .lstFormControls li label.lstCustHeader { font-size:1em;color:#555444;font-weight:bold;padding-right:0px!important;width:75%; } .lstFormControls li label.lstCustHeaderR { font-size:1em;color:#d25400; } .lstFormControls li.field input[type="text"] { margin:5px; } .lstAccessRights li label:first-child { font-size:0.9em;color:#555444; } .lstAccessRights li { margin: 0 auto; position: relative; width: 98%;clear:both; } .lstAccessRights li:not(.field) span { float:right;margin-right:0%; } .lstAccessRights li:not(.field) span input{ } .lstAccessRights.multOptions { font-size: 1em; } .lstAccessRights li:not(.field) span img{ float:right; } .lstAccessRights li:not(.field) span .icon-popdesc.btnCircle{ float:right; } .lstAccessRights li label.lstCustHeader { font-size:1em;color:#555444;font-weight:bold; } .lstAccessRights li label.lstCustHeader.placeholder {vertical-align: -45px; height: 20px;} .lstAccessRights li label.onoff { float:right; } .lstAccessRights li label.onoff span{ -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } .angledtext{display: inline-block; margin:5px 30px 0 0;} .angledtextWrap {text-align:right; } /* IE 8 layout fixes */ .lstAccessRights li.rights span { float:right;margin:0; } .lstAccessRights li.rights span span{ } .lstAccessRights li.rights span input{margin:0 14px; } .lstAccessRights li.rights span img{margin:2px 10px; } .lstAccessRights li.rights span.EmailOptions { margin-right:35px; } .lstFormControls li.field input[type="text"] { line-height:36px; } .lstFormControls li.field .chkboxInline { width:5%; display:inline-block; } .lstFormControls li.field .chkboxInlineTight { display:inline-block;width:3%; } .lstAccessRights li.field .chkboxInline { width:10%; display:inline-block; } .disabledLabel { color:#666;font-weight:bold; } .disabledLabelTitle { color:#5D6E7E;font-weight:bold;padding:10px 0 10px; } .pwdReqmnts { margin-top:10px;} .pwdReqmnts li span { font-size:1em; color:#DF5650;} .pwdReqmnts li i.icon-cancel,.pwdReqmnts li span.cancel { color:#DF5650;} .pwdReqmnts li i.icon-check, .pwdReqmnts li span.check { color:#4ED966;} .pwdReqmnts li img {vertical-align: middle;} .pwdReqmnts li.conditions { font-size:0.95em; color:#555444; font-weight:bold;} .custColor { width:100px!important;cursor:pointer; } .custColor.panel {width:10px!important;height:10px;vertical-align:middle;} .dgCustColor { width:10px;height:10px;margin:2px 0px 0px 0px; } .dsplIB { display:inline-block } #trCompanyHeader { display:none; } #ddlCustomReports, #ddlStandardReports { height:22px;vertical-align:top;} /* Summary Report Page */ #orderbytable td { vertical-align:middle; } .alphaSort { border-width:0px;vertical-align:middle;} .multiselFilterCtn { margin: 1% 0; width: 100%; } .multiselFilterCtn .filter { display: block; margin: 1% 0 0 0; clear:both;} .tblFilterByDate { text-align:left; border:0 } .tblFilterByDate td { white-space:nowrap;text-align:left;padding:0 0 0 15px;} .pagButtons { height:18px;margin:0 5px;width:18px;border:none;} .pagButtons.next {background:URL('/images/layout/bullet-arrow-right.png') no-repeat center center;} .pagButtons.next:disabled { display:none;} .pagButtons.prev {background:URL('/images/layout/bullet-arrow-left.png') no-repeat center center;} .pagButtons.prev:disabled { display:none;} /** For description popups, inline datagrids **/ .popDescCtn {margin:0;} .popDescCtn li { position:relative; width:30px; margin:0 auto;padding:0;text-align: center; } .popDescCtn li .poptext { margin: -50% 0 0 70%; position:absolute; display:none; list-style:none; z-index:99; } .showDesc { padding: 10px; max-width: 500px; } #LabelTitleDesc { color: #989898;font-size: 1.2em;font-weight: bold; margin:0 0 0 10px;line-height:1.6em;font-style:italic;} .taskTitleDesc { color: #989898;font-size: 1.2em;margin:0;line-height:1.3em;} .taskDesc { font-size:1em;color:#555444; min-width: 100%; width: 100%; margin:0;clear:both;} #popupTitle { float:left;margin:0 0 0 5px; } .wAuto { width:auto!important; } .queryNotice { color:#989898;margin:10px 30px;font-size:1.2rem;vertical-align:top;} #toggleTabView,.toggleTabView { float:right;font-size:16px;cursor:pointer;margin-right: 1%; background-color: #404040;border-radius: 50%; width: 28px; height: 28px;display: inline-block; text-align: center; color: #ffcd03; } #toggleTabView i,.toggleTabView i { display: inline-block; vertical-align: middle; line-height: 28px;} #toggleTabView:hover,.toggleTabView:hover { background-color: #ffcd03; color: #000; } .toggleLock img { vertical-align:middle;} .byPass img { vertical-align:middle;} .unselectedRowLocRegion { display:block;font-size:1.3em;color:#128AC6;cursor:pointer; } .selected .unselectedRowLocRegion { display:block;font-size:1.3em;color:#FFF;cursor:pointer; } .unselectedRowLocRegion.cog { color:#777777; } .selected .unselectedRowLocRegion.cog { color:#FFF; } .dgInfo { width:20px;height:20px;display:block;margin:0 auto;} .dgInfo.data { background:URL(/images/layout/flat-info-lrg.png) no-repeat;} .dgInfo.nodata { background:URL(/images/layout/flat-info-lrg-none.png) no-repeat;} .colorpalpha { width:20px!important;height:20px!important; } .assetColorPlaceholder { width:10px;height:10px;display:inline-block;margin:2px 0 0 0;border:1px solid #999;} /* Asset Panel */ label.Inline { font-size:1.3em;color:#a61407; margin:20px 0 0 15px;clear:both;display:inline; } .popControls { display:inline-block;margin:5px 0 0 25px; } .popApply { width:100%;text-align:right;margin:20px 20px 0 0;clear:both;display:block;} .problemSave { color:Red; font-size:small; } .successfulSave { color:Green; font-size:small; } .visibleRow { visibility: visible; } .hiddenRow { visibility: hidden; } .textContainer{ margin: 10px auto; width: 95%; } .subsec { margin-left:1em; } .dropdownBut { color:#FFF;text-decoration:none; background-color: #128AC6;display: block;font-size: 1em;height: 100%;line-height: 24px; } .dropdownLabel { Display:block;CURSOR: default;padding:0 25px; } .reportSortHeader { min-height:42px; padding:14px 4px; line-height: 42px; position: relative; } .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 { background-image:url(images/layout/arrowupblack.png); background-size: 16px 16px; background-color: #bbb; border-radius: 50%; } .orderTriangleUp.sortselected { background-image:url(images/layout/arrowupblack.png); background-size: 16px 16px; background-color: #ffcd03; border-radius: 50%; } .oldie .orderTriangleUp:hover, .oldie .orderTriangleUp.sortselected { background-image:url(images/layout/arrowupblack1x.png); } .orderTriangleDn:hover { background-image:url(images/layout/arrowdownblack.png); background-size: 16px 16px; background-color: #bbb; border-radius: 50%; } .orderTriangleDn.sortselected { background-image:url(images/layout/arrowdownblack.png); background-size: 16px 16px; background-color: #ffcd03; border-radius: 50%; } .oldie .orderTriangleDn:hover, .oldie .orderTriangleDn.sortselected { background-image:url(images/layout/arrowdownblack1x.png); } table.commonGridFormat tr > td { padding:0 3px; } #mainFrameWrapperWrapper {position:absolute; top:55px; bottom:0px; right:0px; left:0px; } .inlineControl { margin:5px; display:inline-block; vertical-align: top; } #MainReportsForm{margin:0.5%;} #zoomLocationImage { font-size: 18px; } .value { background-color:rgba(200,200,200,0.2); } .recentData { font-weight:bold; } .btn input.aspbutton { font-size:13px; font-weight:600; padding: 0 10px; line-height: 21px; height: 100%; } .afterfeedback { margin: 0 10px; font-size: 14px; line-height: 22px; } .feedback_title span { display: none; } #advancedFilterWrapperDiv { margin-top:5px; } .minus{ background-image: url('/images/layout/minus.png'); background-repeat: no-repeat; background-position: center; height: 30px; width: 30px; display: inline-block; vertical-align: middle; } .plus{ background-image: url('/images/layout/plus.png'); background-repeat: no-repeat; background-position: center; height: 30px; width: 30px; display: inline-block; vertical-align: middle; } #errorMsgWrap { position: absolute; bottom: 0; left: 0; right: 0; text-align: center; display:none; } .errorMsgBox { background-color: rgb(255, 210, 124); border-radius: 4px; line-height: 26px; display: inline-block; } #errorMsgClose { vertical-align: middle; width:40px; cursor:pointer; } #errorMsg { vertical-align: middle; padding: 3px; } .actionButton { margin: 2px; padding:1px; } .actionButton input { padding:0px 3px; font-size: 14px; } .viewData { padding:4px; } /* .star{ width:20px; height:20px; background:url(images/notstarred.png) 50% 50% no-repeat;background-size:20px 20px; display: inline-block; } .star.starred{ background:url(images/starred.png) 50% 50% no-repeat;background-size:20px 20px; } .star.readonly{ background:url(images/starBut.png) 50% 50% no-repeat;background-size:20px 20px; cursor:default; } .star.starred.readonly{ background:url(images/starButStarred.png) 50% 50% no-repeat;background-size:20px 20px; cursor:default; } */ .lstDivider{ border-bottom:thin solid #DFE0DA; } span.error[style*="inline"] { display:block !Important; color: #f00; } .cloneCompany:hover { cursor:pointer; } /*Style wz_tooltip*/ #WzTtDiV { box-shadow: rgba(0, 0, 0, 0.6) 0px 5px 18px 0px; background-color: White; border: none; padding: 10px; } .senderInfo .box-content { padding: 20px } .senderInfo .senderInfoInput { margin: 5px 0; } .senderInfo .emailErrLabel { margin-left: 20px; width: 80px; display: inline-block; vertical-align: top;} .senderInfo input { width: 430px; font-family: Arial; border: 1px solid #bbb; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; padding: 3px; } .senderInfo textarea { width: 430px; height: 80px; font-family: Arial; border: 1px solid #bbb; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; padding: 3px; } .lstDataGrid select { height: 21px; } .intervalInput { width: 40px !important; } select.intervalInput { width: 60px !important; } input[type="text"].intervalInput { width: 60px !important; text-align: right;} .intervalInput2 { width: 90px !important;} .intervalInput3 { width: 150px !important;} input[type="text"].intervalBlockInput { display: block; width: 90px; } #ButtonEditCtn .icon-pencil { color: #ffcd03; } /*********************************** * custom-buttons.css ************************************/ .icon-b div, .cl-b div, .conf-b div, .login-b div, .del-b-s div, .copy-b div, .move-b div, .clock-b div, .sched-b div, .graph-b div, .edit-b, .edit-b-s, .lock-b div, .unlock-b div, .globe-b div, .apply-b div, .cancel-b div { font-size: 10px; font-size: 0.625rem; height: 27px; line-height: 20px; background: #222; } .icon-b div a, .cl-b div a, .conf-b div a, .login-b div a, .copy-b div a, .move-b div a, .clock-b div a, .sched-b div a, .graph-b div a, .edit-b a, .menu-b a, .apply-b-s a, .edit-b-s a, .lock-b a, .unlock-b a, .globe-b a { position: relative; text-decoration: none;padding: 0 8px 0 35px; color:#FFF; display:inline-block;white-space: nowrap;} .apply-b-s a { display:block; } .icon-b div a > i:before, .cl-b div a > i:before, .conf-b div a > i:before, .login-b div a > i:before, .del-b-s div a > i:before, .copy-b div a > i:before, .move-b div a > i:before, .clock-b div a > i:before, .sched-b div a > i:before, .graph-b div a > i:before, .lock-b div a > i:before, .unlock-b div a > i:before, .globe-b div a > i:before { position:absolute; left:6.6px; top:1;font-family: "entypo"; background-color: #404040; width: 20px; height: 20px; border-radius: 50%; color: #ffcd03; margin-right: 5px; text-align: center; } .icon-b div:hover, .cl-b div:hover, .conf-b div:hover, .login-b div:hover, .copy-b div:hover, .move-b div:hover, .clock-b div:hover, .sched-b div:hover, .graph-b div:hover, div.edit-b:hover, div.lock-b:hover, div.unlock-b:hover, div.globe-b:hover, .icon-b div:active, .cl-b div:active, .conf-b div:active, .login-b div:active, .copy-b div:active, .move-b div:active, .clock-b div:active, .sched-b div:active, .graph-b div:active, div.edit-b:active, div.lock-b:active, div.unlock-b:active, div.globe-b:active { background: #ffcd03; } .icon-b div:hover a, .cl-b div:hover a, .conf-b div:hover a, .login-b div:hover a, .copy-b div:hover a, .move-b div:hover a, .clock-b div:hover a, .sched-b div:hover a, .graph-b div:hover a, div.edit-b:hover a, div.lock-b:hover a, div.unlock-b:hover a, div.globe-b:hover a, .icon-b div:active a, .cl-b div:active a, .conf-b div:active a, .login-b div:active a, .copy-b div:active a, .move-b div:active a, .clock-b div:active a, .sched-b div:active a, .graph-b div:active a, div.edit-b:active a, div.lock-b:active a, div.unlock-b:active a, div.globe-b:active a { color: #000; } .icon-b div:hover a > i:before, .cl-b div:hover a > i:before, .conf-b div:hover a > i:before, .login-b div:hover a > i:before, .copy-b div:hover a > i:before, .move-b div:hover a > i:before, .clock-b div:hover a > i:before, .sched-b div:hover a > i:before, .graph-b div:hover a > i:before, div.edit-b:hover a > i:before, div.lock-b:hover a > i:before, div.unlock-b:hover a > i:before, div.globe-b:hover a > i:before { background-color: #ffcd03; color: #000;} .cl-b div { cursor:pointer; padding: 2px 0; } .clock-b.noText div, .lock-b.noText div, .unlock-b.noText div, .globe-b.noText div, .unlink-b.noText div{ font-size: 0.9rem; margin:0 auto; width:28px;} .clock-b.noText div a > i:before { left: 6px; top: -15px;} .lock-b.noText div a > i:before, .unlock-b.noText div a > i:before, .globe-b.noText div a > i:before, .unlink-b.noText div a > i:before { left: 8px;top: -4px;} /* .del-b-s div { background: #df5650; width:23px; } */ .del-b-s div a { font-size:1.3em;background:URL('/images/layout/icon-delete-btn.png') no-repeat center center;display:block; height:20px;width:20px;} .unlink-b div { font-size: 10px; font-size: 0.625rem; height: 23px; line-height: 21px;margin:0 2px; } .unlink-b a { position: relative; font-family: "entypo"; text-decoration: none;color:red;vertical-align:middle;} .apply-b-s div { background: #4ED966; border: 1px solid #4ED966; width:20px; height:20px;margin: 0 auto; } .apply-b-s div a > i:before{ left: 4px; position: absolute; top: -5px; } .edit-b, .apply-b, .cancel-b { margin-left:3px;width:30px;} .edit-b, .menu-b, .apply-b, .cancel-b { height:36px!important; margin:0;} .edit-b a, .menu-b a, .apply-b a, .cancel-b a { padding:0!important;margin:0 4px; } .edit-b a > i:before, .apply-b a > i:before, .cancel-b a > i:before{ position:absolute; left:25%; top:5px; } .edit-b a > i.icon-user-add:before { left:20%; } .edit-b-s div { width:20px; height:20px;margin: 0 auto; } .edit-b-s div a > i:before{ left: 4px; position: absolute; top: -10px; } .menu-b { background: #f6b83f; color: #644405; background-color:#f6b83f;font-size: 10px; font-size: 0.625rem; line-height: 21px; width:30px;} .menu-b:hover { background: #f8ca70; } .menu-b:active { background: #f4a60e; } .menu-b a { color: #644405; } .menu-b a > i:before { position:absolute; left:1px; top:7px; } /* .apply-b {background: #4ED966; } .apply-b:hover {background: #51e16a;} .apply-b a > i:before {color:#FFF;} .cancel-b {background: #df5650; } .cancel-b:hover {background: #eb5c56;} */ .cancel-b a > i:before { left:30%; color:#FFF;} .xsmall.action-b { height:22px;vertical-align:top;} .btn.action-b.spacer { margin:3px 0 3px 0} .dgCB-b, .assetPanelBtns {color: #128AC6!important;font-size:1.2em} .assetPanelBtns { margin:4px; } .dgCB-b.disabled {color: #b6b6b6!important;} .dgInfo-b { vertical-align:middle; } .dashboardImg { font-size:1.8em;cursor:pointer; } #ButtonEdit[disabled=disabled],#ButtonCancel[disabled=disabled],#ButtonApply[disabled=disabled],#ButtonDelete[disabled=disabled], .btnsDisabled { background:#ccc;border-color:#ccc;cursor:default; } ul.subSettings > li.btnsDisabled { background:#ccc;border-color:#ccc;cursor:default;color:#999; } .icon-doc-text div a i:before { content: "\e68d"; height: inherit; } .icoDoc{ background-image: url('images/layout/doc.png'); background-size: 28px 28px; height: 28px; width: 28px; display: inline-block; vertical-align: middle; } .oldie .icoDoc { background-image: url('images/layout/doc1x.png'); } .subSettings > li:hover .icoDoc { background-image: url('images/layout/docblack.png'); background-size: 28px 28px; background-color: #ffcd03; } .oldie .subSettings > li:hover .icoDoc { background-image: url('images/layout/docblack1x.png'); } .icoTabview{ background-image: url('images/layout/tabview.png'); background-size: 28px 28px; height: 28px; width: 28px; display: inline-block; vertical-align: middle; } .oldie .icoTabview { background-image: url('images/layout/tabview1x.png'); } .subSettings > li:hover .icoTabview { background-image: url('images/layout/tabviewblack.png'); background-size: 28px 28px; background-color: #ffcd03; } .oldie .subSettings > li:hover .icoTabview { background-image: url('images/layout/tabviewblack1x.png'); } .icon-b, .cl-b, .conf-b, .login-b, .del-b-s, .copy-b, .move-b, .clock-b, .sched-b, .graph-b, .edit-b, .edit-b-s, .lock-b, .unlock-b, .globe-b, .mobilelogin-b, .unlink-b { text-align: center; } .icon-b a, .cl-b a, .conf-b a, .login-b input, .del-b-s a, .copy-b a, .move-b a, .clock-b a, .sched-b a, .graph-b a, .edit-b a, .edit-b-s a, .lock-b a, .unlock-b a, .globe-b a, .mobilelogin-b a, .unlink-b a { width: 30px; height: 30px; display: inline-block; vertical-align: middle; } a.icoClone { background-image: url(images/layout/clone.png); background-size: 20px 18px; } .oldie a.icoClone { background-image: url(images/layout/clone1x.png); } input.icoLogin { background-image: url(images/layout/login.png); background-size: 24px 24px; } .oldie input.icoLogin { background-image: url(images/layout/login1x.png); } .lstDataGrid td input.icoLogin { width: 30px; height: 30px; border: none; } a.icoMobileLogin { background-image: url(images/layout/mobilelogin.png); background-size: 24px 24px; } .oldie a.icoMobileLogin { background-image: url(images/layout/mobilelogin1x.png); } a.icoConfig { background-image: url(images/layout/gear.png); background-size: 24px 24px; } .oldie a.icoConfig { background-image: url(images/layout/gear1x.png); } a.icoCopy { background-image: url(images/layout/copy.png); background-size: 24px 24px; } .oldie a.icoCopy { background-image: url(images/layout/copy1x.png); } input.icoCopy { background-image: url(images/layout/copy.png); background-size: 24px 24px; } .oldie input.icoCopy { background-image: url(images/layout/copy1x.png); } .lstDataGrid td input.icoCopy { width: 30px; height: 30px; border: none; vertical-align: middle; } input.icoSave { background-image: url(images/layout/save.png); background-size: 24px 24px; } .oldie input.icoSave { background-image: url(images/layout/save1x.png); } input.icoSave:disabled { background-image: url(images/layout/savegrey.png); background-size: 24px 24px; cursor: default; background-position: center; background-repeat: no-repeat; } .oldie input.icoSave:disabled { background-image: url(images/layout/savegrey1x.png); } input.icoSave:disabled:hover { background-image: url(images/layout/savegrey.png); background-size: 24px 24px; cursor: default;} .oldie input.icoSave:disabled:hover { background-image: url(images/layout/savegrey1x.png); } .lstFormControls li.field input.icoSave, .lstFormControls li.field input.icoTrash { width: 32px; height: 32px; border: none; vertical-align: middle; margin: 5px 20px; } input.icoApply { background-image: url(images/layout/apply.png); background-size: 24px 24px; } .oldie input.icoApply { background-image: url(images/layout/apply1x.png); } input.icoApply:disabled { background-image: url(images/layout/applygrey.png); background-size: 24px 24px; cursor: default; background-position: center; background-repeat: no-repeat; } .oldie input.icoApply:disabled { background-image: url(images/layout/applygrey1x.png); } input.icoApply:disabled:hover { background-image: url(images/layout/applygrey.png); background-size: 24px 24px; cursor: default;} .oldie input.icoApply:disabled:hover { background-image: url(images/layout/applygrey1x.png); } .lstFormControls li.field input.icoApply { width: 32px; height: 32px; border: none; vertical-align: middle; margin: 0 20px; } input.icoTrash { background-image: url(images/layout/trash.png); background-size: 24px 24px; } .oldie input.icoTrash { background-image: url(images/layout/trash1x.png); } input.icoTrash:disabled { background-image: url(images/layout/trashgrey.png); background-size: 24px 24px; cursor: default; background-position: center; background-repeat: no-repeat; } .oldie input.icoTrash:disabled { background-image: url(images/layout/trashgrey1x.png); } input.icoTrash:disabled:hover { background-image: url(images/layout/trashgrey.png); background-size: 24px 24px; cursor: default;} .oldie input.icoTrash:disabled:hover { background-image: url(images/layout/trashgrey1x.png); } .lstFormControls li.field input.icoTrash { width: 32px; height: 32px; border: none; vertical-align: middle; margin: 0 20px; } input.icoAction { background-image: url(images/actionButton.png); background-size: 24px 24px; } .oldie input.icoAction { background-image: url(images/actionButton1x.png); } input.icoAction:disabled { background-image: url(images/actionButtonGray.png); background-size: 24px 24px; cursor: default; background-position: center; background-repeat: no-repeat; } .oldie input.icoAction:disabled { background-image: url(images/actionButtonGray1x.png); } input.icoAction:disabled:hover { background-image: url(images/actionButtonGray.png); background-size: 24px 24px; cursor: default;} .oldie input.icoAction:disabled:hover { background-image: url(images/actionButtonGray1x.png); } .lstFormControls li.field input.icoAction { width: 32px; height: 32px; border: none; vertical-align: middle; margin: 0 20px; } .lstDataGrid td input.icoMove { width: 30px; height: 30px; border: none; vertical-align: middle; margin: 0; } .icoPlus{ background-image: url('images/layout/plus.png'); background-size: 24px 24px; height: 24px; width: 24px; display: inline-block; vertical-align: middle; margin-right: 5px; } .oldie .icoPlus { background-image: url('images/layout/plus1x.png'); } .subSettings > li:hover .icoPlus { background-image: url('images/layout/plusblack.png'); background-size: 24px 24px; background-color: #ffcd03; } .oldie .subSettings > li:hover .icoPlus { background-image: url('images/layout/plusblack1x.png'); } .icoUserSetting{ background-image: url('images/layout/usersetting.png'); background-size: 24px 24px; height: 24px; width: 24px; display: inline-block; vertical-align: middle; margin-right: 5px; } .oldie .icoUserSetting { background-image: url('images/layout/usersetting1x.png'); } .subSettings > li:hover .icoUserSetting { background-image: url('images/layout/usersettingblack.png'); background-size: 24px 24px; background-color: #ffcd03; } .oldie .subSettings > li:hover .icoUserSetting { background-image: url('images/layout/usersettingblack1x.png'); } .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'); } .subSettings > li:hover .icoTrash, .labelTool.deleteSched:hover .icoTrash { background-image: url('images/layout/trashblack.png'); background-size: 24px 24px; background-color: #ffcd03; } .oldie .subSettings > li:hover .icoTrash, .oldie .labelTool.deleteSched:hover .icoTrash { background-image: url('images/layout/trashblack1x.png'); } .btnsDisabled .icoTrash{ background-image: url('images/layout/trashgrey.png'); background-size: 24px 24px; height: 24px; width: 24px; display: inline-block; background-color: #ccc; vertical-align: middle; margin-right: 5px; } .oldie .btnsDisabled .icoTrash { background-image: url('images/layout/trashgrey1x.png'); } .subSettings > li.btnsDisabled:hover .icoTrash, .btnsDisabled .icoTrash:hover { background-image: url('images/layout/trashgrey.png'); background-size: 24px 24px; background-color: #ccc; } .oldie .subSettings > li.btnsDisabled:hover .icoTrash, .oldie .btnsDisabled .icoTrash:hover { background-image: url('images/layout/trashgrey1x.png'); } ul.subSettings > li.btnsDisabled > a { color: #999; } .icoImport{ background-image: url('images/layout/import.png'); background-size: 24px 24px; height: 24px; width: 24px; display: inline-block; vertical-align: middle; margin-right: 5px; } .oldie .icoImport { background-image: url('images/layout/import1x.png'); } .subSettings > li:hover .icoImport { background-image: url('images/layout/importblack.png'); background-size: 24px 24px; background-color: #ffcd03; } .oldie .subSettings > li:hover .icoImport { background-image: url('images/layout/importblack1x.png'); } .icoBrush{ background-image: url('images/layout/brush.png'); background-size: 24px 24px; height: 24px; width: 24px; display: inline-block; vertical-align: middle; margin-right: 5px; } .oldie .icoBrush { background-image: url('images/layout/brush1x.png'); } .subSettings > li:hover .icoBrush { background-image: url('images/layout/brushblack.png'); background-size: 24px 24px; background-color: #ffcd03; } .oldie .subSettings > li:hover .icoBrush { background-image: url('images/layout/brushblack1x.png'); } .icoView{ background-image: url('images/layout/binoculars.png'); background-size: 24px 24px; height: 24px; width: 24px; display: inline-block; vertical-align: middle; margin-right: 5px; } .oldie .icoView { background-image: url('images/layout/binoculars1x.png'); } .subSettings > li:hover .icoView { background-image: url('images/layout/binocularsblack.png'); background-size: 24px 24px; background-color: #ffcd03; } .oldie .subSettings > li:hover .icoView { background-image: url('images/layout/binocularsblack1x.png'); } .icoGraph{ background-image: url('images/layout/graph.png'); background-size: 24px 24px; height: 24px; width: 24px; display: inline-block; vertical-align: middle; margin-right: 5px; } .oldie .icoGraph { background-image: url('images/layout/graph1x.png'); } .subSettings > li:hover .icoGraph { background-image: url('images/layout/graphblack.png'); background-size: 24px 24px; background-color: #ffcd03; } .oldie .subSettings > li:hover .icoGraph { background-image: url('images/layout/graphblack1x.png'); } .icoHistory{ background-image: url('images/layout/clock.png'); background-size: 24px 24px; height: 24px; width: 24px; display: inline-block; vertical-align: middle; margin-right: 5px; } .oldie .icoHistory { background-image: url('images/layout/clock1x.png'); } .subSettings > li:hover .icoHistory { background-image: url('images/layout/clockblack.png'); background-size: 24px 24px; background-color: #ffcd03; } .oldie .subSettings > li:hover .icoHistory { background-image: url('images/layout/clockblack1x.png'); } .icoSchedule{ background-image: url('images/layout/schedule.png'); background-size: 24px 24px; height: 24px; width: 24px; display: inline-block; vertical-align: middle; margin-right: 5px; } .oldie .icoSchedule { background-image: url('images/layout/schedule1x.png'); } .subSettings > li:hover .icoSchedule { background-image: url('images/layout/scheduleblack.png'); background-size: 24px 24px; background-color: #ffcd03; } .oldie .subSettings > li:hover .icoSchedule { background-image: url('images/layout/scheduleblack1x.png'); } .icoFind{ background-image: url('images/layout/find.png'); background-size: 16px 16px; height: 24px; width: 24px; display: inline-block; vertical-align: middle; } .oldie .icoFind { background-image: url('images/layout/find1x.png'); } .icoLink{ background-image: url('images/layout/link.png'); background-size: 24px 24px; height: 24px; width: 24px; display: inline-block; vertical-align: middle; margin-right: 5px; } .oldie .icoLink { background-image: url('images/layout/link1x.png'); } .subSettings > li:hover .icoLink { background-image: url('images/layout/linkblack.png'); background-size: 24px 24px; background-color: #ffcd03; } .oldie .subSettings > li:hover .icoLink { background-image: url('images/layout/linkblack1x.png'); } .icoUnlink{ background-image: url('images/layout/unlink.png'); background-size: 24px 24px; height: 24px; width: 24px; display: inline-block; vertical-align: middle; margin-right: 5px; } .oldie .icoUnlink { background-image: url('images/layout/unlink1x.png'); } .subSettings > li:hover .icoUnlink { background-image: url('images/layout/unlinkblack.png'); background-size: 24px 24px; background-color: #ffcd03; } .oldie .subSettings > li:hover .icoUnlink { background-image: url('images/layout/unlinkblack1x.png'); } .icoMove{ background-image: url('images/layout/move.png'); background-size: 24px 24px; height: 24px; width: 24px; display: inline-block; vertical-align: middle; margin-right: 5px; } .oldie .icoMove { background-image: url('images/layout/move1x.png'); } .subSettings > li:hover .icoMove { background-image: url('images/layout/moveblack.png'); background-size: 24px 24px; background-color: #ffcd03; } .oldie .subSettings > li:hover .icoMove { background-image: url('images/layout/moveblack1x.png'); } .icoDashboard{ background-image: url('images/layout/dashboard.png'); background-size: 24px 24px; height: 24px; width: 24px; display: inline-block; vertical-align: middle; margin-right: 5px; } .oldie .icoDashboard { background-image: url('images/layout/dashboard1x.png'); } .subSettings > li:hover .icoDashboard { background-image: url('images/layout/dashboardblack.png'); background-size: 24px 24px; background-color: #ffcd03; } .oldie .subSettings > li:hover .icoDashboard { background-image: url('images/layout/dashboardblack1x.png'); } .icoLoop{ background-image: url('images/layout/loop.png'); background-size: 24px 24px; height: 24px; width: 24px; display: inline-block; vertical-align: middle; margin-right: 5px; } .oldie .icoLoop { background-image: url('images/layout/loop1x.png'); } .subSettings > li:hover .icoLoop { background-image: url('images/layout/loopblack.png'); background-size: 24px 24px; background-color: #ffcd03; } .oldie .subSettings > li:hover .icoLoop { background-image: url('images/layout/loopblack1x.png'); } .icoAction{ background-image: url('images/actionButton.png'); background-size: 16px 16px; height: 24px; width: 24px; display: inline-block; vertical-align: middle; margin-right: 5px; } .oldie .icoAction { background-image: url('images/actionButton1x.png'); } .subSettings > li:hover .icoAction { background-image: url('images/actionButtonblack.png'); background-size: 16px 16px; background-color: #ffcd03; } .oldie .subSettings > li:hover .icoAction { background-image: url('images/actionButtonblack1x.png'); } .icoScale{ background-image: url('images/layout/scale.png'); background-size: 24px 24px; height: 24px; width: 24px; display: inline-block; vertical-align: middle; } .oldie .icoScale { background-image: url('images/layout/scale1x.png'); } .subSettings > li:hover .icoScale { background-image: url('images/layout/scaleblack.png'); background-size: 24px 24px; background-color: #ffcd03; } .oldie .subSettings > li:hover .icoScale { background-image: url('images/layout/scaleblack1x.png'); } .lstDataGrid a .icoPencil{ background-image: url('images/layout/edit.png'); background-size: 16px 16px; height: 24px; width: 24px; display: inline-block; vertical-align: middle; } .oldie .lstDataGrid a .icoPencil { background-image: url('images/layout/edit1x.png'); } .lstDataGrid a:hover .icoPencil { background-image: url('images/layout/editblack.png'); background-size: 16px 16px; background-color: #ffcd03; } .oldie .lstDataGrid a:hover .icoPencil { background-image: url('images/layout/editblack1x.png'); } .lstDataGrid a .icoApply{ background-image: url('images/layout/apply.png'); background-size: 20px 20px; height: 24px; width: 24px; display: block; vertical-align: middle; } .oldie .lstDataGrid a .icoApply { background-image: url('images/layout/apply1x.png'); } .lstDataGrid a:hover .icoApply { background-image: url('images/layout/applyblack.png'); background-size: 20px 20px; background-color: #ffcd03; } .oldie .lstDataGrid a:hover .icoApply { background-image: url('images/layout/applyblack1x.png'); } .lstDataGrid a .icoCancel{ background-image: url('images/layout/close.png'); background-size: 12px 12px; height: 24px; width: 24px; display: block; vertical-align: middle; } .oldie .lstDataGrid a .icoCancel { background-image: url('images/layout/close1x.png'); } .lstDataGrid a:hover .icoCancel { background-image: url('images/layout/closeblack.png'); background-size: 12px 12px; background-color: #ffcd03; } .oldie .lstDataGrid a:hover .icoCancel { background-image: url('images/layout/closeblack1x.png'); } .lstDataGrid a .icoMoveUp{ background-image: url('images/layout/moveup.png'); background-size: 24px 24px; height: 24px; width: 24px; display: block; vertical-align: middle; } .oldie .lstDataGrid a .icoMoveUp { background-image: url('images/layout/moveup1x.png'); } .lstDataGrid a:hover .icoMoveUp { background-image: url('images/layout/moveupblack.png'); background-size: 24px 24px; background-color: #ffcd03; } .oldie .lstDataGrid a:hover .icoMoveUp { background-image: url('images/layout/moveupblack1x.png'); } .lstDataGrid a .icoMoveDown{ background-image: url('images/layout/movedown.png'); background-size: 24px 24px; height: 24px; width: 24px; display: block; vertical-align: middle; } .oldie .lstDataGrid a .icoMoveDown { background-image: url('images/layout/movedown1x.png'); } .lstDataGrid a:hover .icoMoveDown { background-image: url('images/layout/movedownblack.png'); background-size: 24px 24px; background-color: #ffcd03; } .oldie .lstDataGrid a:hover .icoMoveDown { background-image: url('images/layout/movedownblack1x.png'); } #ButtonEditCtn a, #ButtonApplyCtn a, #ButtonCancelCtn a { width: 30px; height: 36px; margin: 0; padding: 0; } #ButtonEditCtn .icoPencil{ background-image: url('images/layout/edit.png'); background-size: 20px 20px; background-repeat: no-repeat; background-position: center center; height: 36px; width: 30px; display: inline-block; vertical-align: middle; } .oldie #ButtonEditCtn .icoPencil { background-image: url('images/layout/edit1x.png'); } #ButtonEditCtn:hover .icoPencil { background-image: url('images/layout/editblack.png'); background-size: 20px 20px; background-color: #ffcd03; } .oldie #ButtonEditCtn:hover .icoPencil { background-image: url('images/layout/editblack1x.png'); } #ButtonEditCtn.btnsDisabled .icoPencil{ background-image: url('images/layout/editgrey.png'); background-size: 20px 20px; background-repeat: no-repeat; background-position: center center; height: 36px; width: 30px; display: inline-block; vertical-align: middle; background-color: #ccc; } .oldie #ButtonEditCtn.btnsDisabled .icoPencil { background-image: url('images/layout/editgrey1x.png'); } #ButtonEditCtn.btnsDisabled:hover .icoPencil, .btnsDisabled .icoPencil:hover { background-image: url('images/layout/editgrey.png'); background-size: 20px 20px; background-color: #ccc; } .oldie #ButtonEditCtn.btnsDisabled:hover .icoPencil, .oldie .btnsDisabled .icoPencil:hover { background-image: url('images/layout/editgrey1x.png'); } #ButtonApplyCtn .icoApply, .reportShortcut .icoApply{ background-image: url('images/layout/apply.png'); background-size: 24px 24px; background-repeat: no-repeat; background-position: center center; height: 36px; width: 30px; display: inline-block; vertical-align: middle; } .oldie #ButtonApplyCtn .icoApply, .oldie .reportShortcut .icoApply { background-image: url('images/layout/apply1x.png'); } #ButtonApplyCtn:hover .icoApply { background-image: url('images/layout/applyblack.png'); background-size: 24px 24px; background-color: #ffcd03; } .oldie #ButtonApplyCtn:hover .icoApply { background-image: url('images/layout/applyblack1x.png'); } #ButtonCancelCtn .icoCancel{ background-image: url('images/layout/close.png'); background-size: 16px 16px; background-repeat: no-repeat; background-position: center center; height: 36px; width: 30px; display: inline-block; vertical-align: middle; } .oldie #ButtonCancelCtn .icoCancel { background-image: url('images/layout/close1x.png'); } #ButtonCancelCtn:hover .icoCancel { background-image: url('images/layout/closeblack.png'); background-size: 16px 16px; background-color: #ffcd03; } .oldie #ButtonCancelCtn:hover .icoCancel { background-image: url('images/layout/closeblack1x.png'); } /*********************************** * emmsViews.css ************************************/ body { font-family: Arimo, Arial,sans-serif; } .tabViewTabs { margin:4px 4% 0 4%; list-style:none; } .tab { height:30px;padding:0px;display:inline-block; text-align:center;border:1px solid #D9D9D9;margin:0 8px;border-bottom:1px solid #D9D9D9;border-bottom:none; } .tab > a { display:block;height:auto;padding:0 6px;color:#989898;font-size:1.2em;cursor:pointer;} .tab:hover, .tab.active { background:#DFE0DA;color:#555444;} .tab.active > a, .tab.hover > a { color:#555444;font-weight:bold;} .tabViewContent, .tabViewContent.inactive { display:none;margin-bottom: 120px;} .tabViewContent.active { display:block; } .headerTools{ display:none; min-width: 30px; position: absolute; top: 100%; z-index: 999; background: #232323; left: 0; padding: 5px 0; } .ddHdrMenu:hover .headerTools,.headerTools:hover{display: inline-block;} .tool { color: #644405; display: block; white-space: nowrap; margin: 3px; } .tool:hover{ background: #128AC6; color: #FFF; } /* Asset Alarm,Meter etc. list styles. */ .itemList { list-style:none;padding:0;margin:0; border-top: 1px solid white;/* this prevents margin randomly collapsing in IE*/ } .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; } /* .star{ width:32px; height:32px; background-image:url(images/layout/notstarred.png); background-size:32px 32px; display: inline-block; margin-top: 9px; } .oldie .star { background-image:url(images/layout/notstarred1x.png); } .star:hover{ width:32px; height:32px; background-image:url(images/layout/notstarredblack.png); background-size:32px 32px; display: inline-block; } .oldie .star:hover { background-image:url(images/layout/notstarredblack1x.png); } .star.starred{ background-image:url(images/layout/starredblack.png);background-size:32px 32px; background-color: #ffcd03;} .oldie .star.starred { background:url(images/layout/starredblack1x.png); } .star.starred:hover{ background-image:url(images/layout/starred.png);background-size:32px 32px; background-color: #404040;} .oldie .star.starred:hover { background:url(images/layout/starred1x.png); } .star.readonly{ background-image:url(images/layout/notstarredgrey.png);background-size:32px 32px;background-color:#ccc; cursor: default;} .oldie .star.readonly { background-image:url(images/layout/notstarredgrey1x.png); } .btnCircle.star.readonly:hover {background-color:#ccc;} .star.starred.readonly{ background-image:url(images/layout/starredgrey.png);background-size:32px 32px;background-color:#ccc; cursor: default;} .oldie .star.starred.readonly { background-image:url(images/layout/starredgrey.png); } .btnCircle.star.starred.readonly:hover {background-color:#ccc;} */ /* .locationItem .star{ display: block; float:left; width:46px; height:36px; } */ .left-filler .alarm { font-size:1.4em;display: inline-block;height: 50px;width: 44px;position:relative;} .oldie .alrm-none div.left-filler .alarm, .oldie ul.AssetListView li.assetItems .alarm.normal { background:url(images/alarm-green1x.png) 50% 50% no-repeat; } .alrm-normal div.left-filler .alarm, ul.AssetListView li.assetItems .alarm.normal { display: inline-block; background:url(images/alarm-green.png) 50% 50% no-repeat; background-size: 24px 24px; } .oldie .alrm-normal div.left-filler .alarm, .oldie ul.AssetListView li.assetItems .alarm.normal { background:url(images/alarm-green1x.png) 50% 50% no-repeat; } .alrm-low div.left-filler .alarm, ul.AssetListView li.assetItems .alarm.low { display: inline-block; background:url(images/alarm-blue.png) 50% 50% no-repeat; background-size: 24px 24px; } .oldie .alrm-low div.left-filler .alarm, .oldie ul.AssetListView li.assetItems .alarm.low { background:url(images/alarm-blue1x.png) 50% 50% no-repeat; } .alrm-medium div.left-filler .alarm, ul.AssetListView li.assetItems .alarm.medium { display: inline-block; background:url(images/alarm-yellow.png) 50% 50% no-repeat; background-size: 24px 24px; } .oldie .alrm-medium div.left-filler .alarm, .oldie ul.AssetListView li.assetItems .alarm.medium { background:url(images/alarm-yellow1x.png) 50% 50% no-repeat; } .alrm-high div.left-filler .alarm, ul.AssetListView li.assetItems .alarm.high { display: inline-block; background:url(images/alarm-orange.png) 50% 50% no-repeat; background-size: 24px 24px; } .oldie .alrm-high div.left-filler .alarm, .oldie ul.AssetListView li.assetItems .alarm.high { background:url(images/alarm-orange1x.png) 50% 50% no-repeat; } .alrm-critical div.left-filler .alarm, ul.AssetListView li.assetItems .alarm.critical { display: inline-block; background:url(images/alarm-red.png) 50% 50% no-repeat; background-size: 24px 24px; } .oldie .alrm-critical div.left-filler .alarm, .oldie ul.AssetListView li.assetItems .alarm.critical { background:url(images/alarm-red1x.png) 50% 50% no-repeat; } .st-disabled div.left-filler .alarm{ background:url(images/alarm-green.png) 50% 50% no-repeat;background-size:24px 24px;} .oldie .st-disabled div.left-filler .alarm { background:url(images/alarm-green1x.png) 50% 50% no-repeat;} .st-suppressed div.left-filler .alarm{ background:url(images/alarm-green.png) 50% 50% no-repeat;background-size:24px 24px;} .oldie .st-suppressed div.left-filler .alarm { background:url(images/alarm-green1x.png) 50% 50% no-repeat;} .st-disabled div.valuestatus2 { background:url(images/off-lamp.png) no-repeat center center;background-size:10px 10px;} .oldie .st-disabled div.valuestatus2 { background:url(images/off-lamp1x.png) no-repeat center center; } .st-default div.valuestatus2 { background:url(images/green-lamp.png) no-repeat center center;background-size:10px 10px;} .oldie .st-default div.valuestatus2 { background:url(images/green-lamp1x.png) no-repeat center center; } .st-suppressed div.valuestatus2 { background:url(images/off-lamp.png) no-repeat center center;background-size:10px 10px;} .oldie .st-suppressed div.valuestatus2 { background:url(images/off-lamp1x.png) no-repeat center center; } .st-good div.valuestatus2 { background:url(images/green-lamp.png) no-repeat center center;background-size:10px 10px;} .oldie .st-good div.valuestatus2 { background:url(images/green-lamp1x.png) no-repeat center center; } .st-low div.valuestatus2 { background:url(images/blue-lamp.png) no-repeat center center;background-size:10px 10px;} .oldie .st-low div.valuestatus2 { background:url(images/blue-lamp1x.png) no-repeat center center; } .st-error div.valuestatus2 { background:url(images/red-lamp.png) no-repeat center center;background-size:10px 10px;} .oldie .st-error div.valuestatus2 { background:url(images/red-lamp1x.png) no-repeat center center; } .st-warning div.valuestatus2 { background:url(images/warning-lamp.png) no-repeat center center;background-size:10px 10px;} .oldie .st-warning div.valuestatus2 { background:url(images/warning-lamp1x.png) no-repeat center center; } .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;} .lstDataGrid .st-disabled {color:#999999;} .lstDataGrid .st-default {color:#008000;} .lstDataGrid .st-suppressed {color:#999999;} .lstDataGrid .st-good {color:#008000;} .lstDataGrid .st-low {color:#1b5d8a;} .lstDataGrid .st-error {color:#cb0000;} .lstDataGrid .st-warning {color:#d6ae00;} .field .st-disabled {color:#999999;} .field .st-default {color:#008000;} .field .st-suppressed {color:#999999;} .field .st-good {color:#008000;} .field .st-low {color:#1b5d8a;} .field .st-error {color:#cb0000;} .field .st-warning {color:#d6ae00;} .valuestatus1 { float: right;height:30px;display:inline-block;margin: 10px 5px;line-height:30px;font-size:12px;} .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:9px 0px 9px 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: #4f4f4f;} .executeAction.disabled .execute-icon {background-color:#ccc;background-position:center;background-repeat:no-repeat;} .executeAction.disabled .execute-icon:hover {background-color: #ccc;} .executeAction.disabled .execute-icon:active{background-color: #ccc;} .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); } .meterItem { clear:both; border-bottom:1px solid #D5D5D5; background-color: #fcfcfc; font-size:14px; line-height:18px; } .meterItem .assetitemRow{ /* background: url("images/arrowRight.png") no-repeat right 10px; background-size:16px 32px; */ cursor:pointer; } /* .oldie .meterItem .assetitemRow { background: url("images/arrowRight1x.png") no-repeat right 10px; } */ .meterItem .assetitemRow:hover { background-color:#eee; } .meterItem.alrm-none .assetitemRow:hover { background-color:transparent; } /* .meterItem.alarmsShown .assetitemRow{ background: url("images/arrowLeft.png") no-repeat right 10px; background-size:16px 32px } .oldie .meterItem.alarmsShown .assetitemRow { background: url("images/arrowLeft1x.png") no-repeat right 10px; } */ .alarms{ display:none; } .meterItem div.name { position:relative;text-overflow:ellipsis; /* text-transform: uppercase;*/ margin-top: 7px; min-height: 18px; } .meterItem div.value-wrapper { overflow:hidden;min-height:25px;position:relative;} .meterItem div.value { display: inline-block; line-height: 14px; padding: 3px 0px 3px 1px; text-shadow: none; font-weight:bold; /*font-style:italic;*/ vertical-align:top; white-space: normal; background-color:transparent; } .valuestatus2 { width: 25px; height: 20px; display: block; text-align: center; float: left; } .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; } ul.AssetListView{padding:0;margin:0;position:relative;min-height:60px;} li.assetItems { list-style:none; padding:0;margin:0;height:45px;cursor:pointer;} li.assetItems.selected { background:#222;} li.assetItems .alarm { width:30px;min-width:30px; float:left;height:35px;font-size:12px;margin-top:7px;background-position:50% 50%;background-size:15px 15px!important;} li.assetItems span.action { float:right;} .gotoAsset { margin-top:-3px!important; display:block;color:#d6d6d6!important} li.assetItems.selected a.gotoAsset { color:#fff!important; font-size:14px;} /* Settings, Actions Page styles */ ul.settingsItemList, ul.actionsItemList { list-style:none;padding:0;margin:0;} .card { margin: 10px; font-size: 14px; padding: 10px; border: 1px solid #CCC; box-shadow: 0px 1px 2px #cecece; background: #fdfdfd; border-radius: 2px;} .groupHeader { text-shadow:none;color:#444;font-size: 20px; padding:2px 0 1% 0;text-overflow:ellipsis;overflow:hidden;white-space: nowrap; line-height: 30px;} .choiceItem { } li.card .choiceItem select{clear:both;display:block;} /*.ui-content label{text-shadow:none;overflow:hidden;color:#555;font-size:13px;font-weight:600;margin-top: 7px;}*/ label.textual{line-height:20px;font-weight: bold;vertical-align: middle; } input.textual { color: #333; width: 100%; max-width: 400px; padding: 5px 5px; border: 1px solid #E0E0E0; background: white; } .subview{margin:10px 0;min-height:30px;clear:both;} .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;} .oldie .settings-name-wrapper .transactStatus.busy { background: url("images/ajax-loader.gif") no-repeat left; } .syncTime{margin-top:50px;text-align:center;color:#888;} .icontools { float:right; } .tool-icon{ height:36px; width:36px; display:block; cursor: pointer; float:right; background-position:center; background-repeat:no-repeat; padding:0; } .tool-icon:hover { background-color: #128AC6; color: #FFF; } .tool-icon.withlabel { height:auto; width:auto; cursor: pointer; padding-left:30px; float:none; white-space:nowrap; background-position:left; color: #644405; margin: 3px; } .labelTool { height:auto; width:auto; cursor: pointer; white-space:nowrap; color: #fff; padding: 0 10px; display:block; line-height: 35px; font-size: 16px; } .labelTool:hover { background-color:#ffcd03; color:#000; } .labelTool > a { line-height: 24px; vertical-align: middle; } .labelTool i[class*="icon-"]:before { background-color: #404040; border-radius: 50%; color: #ffcd03; margin-right: 5px; text-align: center; width: 24px; height: 24px; display: inline-block; line-height: 24px;} .labelTool:hover i[class*="icon-"]:before { background-color: #ffcd03; border-radius: 50%; color: #000; margin-right: 5px; text-align: center; width: 24px; height: 24px; display: inline-block; line-height: 24px; } .labelTool.createShortcut .icon { display: inline-block; width: 30px; height: 30px; vertical-align: middle; margin: 0 10px 0 0; background-image: url(images/layout/reportscut.png); background-size: 20px 20px; } .oldie .labelTool.createShortcut .icon { background-image: url(images/layout/reportscut1x.png); } .labelTool.createShortcut:hover .icon { background-image: url(images/layout/reportscutblack.png); background-size: 20px 20px; } .oldie .labelTool.createShortcut:hover .icon { background-image: url(images/layout/reportscutblack1x.png); } .labelTool.exportCsv .icon { display: inline-block; width: 30px; height: 30px; vertical-align: middle; margin: 0 10px 0 0; background-image: url(images/layout/expcsv.png); background-size: 20px 20px; } .oldie .labelTool.exportCsv .icon { background-image: url(images/layout/expcsv1x.png); } .labelTool.exportCsv:hover .icon { background-image: url(images/layout/expcsvblack.png); background-size: 20px 20px; } .oldie .labelTool.exportCsv:hover .icon { background-image: url(images/layout/expcsvblack1x.png); } .labelTool.ExportAsPDF .icon { display: inline-block; width: 30px; height: 30px; vertical-align: middle; margin: 0 10px 0 0; background-image: url(images/layout/exppdf.png); background-size: 20px 20px; } .oldie .labelTool.ExportAsPDF .icon { background-image: url(images/layout/exppdf1x.png); } .labelTool.ExportAsPDF:hover .icon { background-image: url(images/layout/exppdfblack.png); background-size: 20px 20px; } .oldie .labelTool.ExportAsPDF:hover .icon { background-image: url(images/layout/exppdfblack1x.png); } .labelTool.createNewMachine .icon { display: inline-block; width: 30px; height: 30px; vertical-align: middle; margin: 0 10px 0 0; background-image: url(images/layout/plus.png); background-size: 20px 20px; } .oldie .labelTool.createNewMachine .icon { background-image: url(images/layout/plus1x.png); } .labelTool.createNewMachine:hover .icon { background-image: url(images/layout/plusblack.png); background-size: 20px 20px; } .oldie .labelTool.createNewMachine:hover .icon { background-image: url(images/layout/plusblack1x.png); } .labelTool:hover .icon.btnCircle { background-color: #ffcd03;} .labelTool .icoTool { display: inline-block; vertical-align: middle; width: 30px; height: 30px; margin-right: 5px; background-image: url(images/layout/tool.png); background-size: 24px 24px; cursor: pointer; } .oldie .labelTool .icoTool { background: url(images/layout/tool1x.png) no-repeat center; } .labelTool:hover .icoTool { display: inline-block; vertical-align: middle; width: 30px; height: 30px; margin-right: 5px; background-image: url(images/layout/toolblack.png); background-size: 24px 24px; cursor: pointer; background-color: #ffcd03; } .oldie .labelTool:hover .icoTool { background: url(images/layout/toolblack1x.png) no-repeat center; } .labelTool .icoClock { display: inline-block; vertical-align: middle; width: 30px; height: 30px; margin-right: 5px; background-image: url(images/layout/clock.png); background-size: 24px 24px; cursor: pointer; } .oldie .labelTool .icoClock { background: url(images/layout/clock1x.png) no-repeat center; } .labelTool:hover .icoClock { display: inline-block; vertical-align: middle; width: 30px; height: 30px; margin-right: 5px; background-image: url(images/layout/clockblack.png); background-size: 24px 24px; cursor: pointer; background-color: #ffcd03; } .oldie .labelTool:hover .icoClock { background: url(images/layout/clockblack1x.png) no-repeat center; } .labelTool .icoNotes { display: inline-block; vertical-align: middle; width: 30px; height: 30px; margin-right: 5px; background-image: url(images/notes.png); background-size: 18px 18px; cursor: pointer; } .oldie .labelTool .icoNotes { background: url(images/notes1x.png) no-repeat center; } .labelTool:hover .icoNotes { display: inline-block; vertical-align: middle; width: 30px; height: 30px; margin-right: 5px; background-image: url(images/notesblack.png); background-size: 18px 18px; cursor: pointer; background-color: #ffcd03; } .oldie .labelTool:hover .icoNotes { background: url(images/notesblack1x.png) no-repeat center; } .labelTool .icoRefresh { display: inline-block; vertical-align: middle; width: 30px; height: 30px; margin-right: 5px; background-image: url(images/layout/reload.png); background-size: 24px 24px; cursor: pointer; } .oldie .labelTool .icoRefresh { background: url(images/layout/reload1x.png) no-repeat center; } .labelTool:hover .icoRefresh { display: inline-block; vertical-align: middle; width: 30px; height: 30px; margin-right: 5px; background-image: url(images/layout/reloadblack.png); background-size: 24px 24px; cursor: pointer; background-color: #ffcd03; } .oldie .labelTool:hover .icoRefresh { background: url(images/layout/reloadblack1x.png) no-repeat center; } .labelTool .icoStarEmpty { display: inline-block; vertical-align: middle; width: 30px; height: 30px; margin-right: 5px; background-image: url(images/layout/notstarred.png); background-size: 32px 32px; cursor: pointer; } .oldie .labelTool .icoStarEmpty { background: url(images/layout/notstarred1x.png) no-repeat center; } .labelTool:hover .icoStarEmpty { display: inline-block; vertical-align: middle; width: 30px; height: 30px; margin-right: 5px; background-image: url(images/layout/notstarredblack.png); background-size: 32px 32px; cursor: pointer; background-color: #ffcd03; } .oldie .labelTool:hover .icoStarEmpty { background: url(images/layout/notstarredblack1x.png) no-repeat center; } .labelTool .icoConfirm { display: inline-block; vertical-align: middle; width: 30px; height: 30px; margin-right: 5px; background-image: url(images/layout/apply.png); background-size: 32px 32px; cursor: pointer; } .oldie .labelTool .icoConfirm { background: url(images/layout/apply1x.png) no-repeat center; } .labelTool:hover .icoConfirm { display: inline-block; vertical-align: middle; width: 30px; height: 30px; margin-right: 5px; background-image: url(images/layout/applyblack.png); background-size: 32px 32px; cursor: pointer; background-color: #ffcd03; } .oldie .labelTool:hover .icoConfirm { background: url(images/layout/applyblack1x.png) no-repeat center; } .map-icon.good { display: inline-block; width: 36px; height: 36px; background: url(images/location-icon.png) no-repeat center; background-size: 24px 24px; cursor: pointer; vertical-align: middle; margin: 0 3px; } .oldie .map-icon.good { background: url(images/location-icon1x.png) no-repeat center; } .map-icon.disabled { display: inline-block; width: 36px; height: 36px; background: url(images/location-icon-disabled.png) no-repeat center; background-size: 24px 24px; vertical-align: middle; margin: 0 3px; } .oldie .map-icon.disabled { background: url(images/location-icon-disabled1x.png) no-repeat center; } .rpt-map-icon.good { display: inline-block; width: 20px; height: 20px; background-image: url(images/layout/map.png); background-size: 20px 20px; cursor: pointer; vertical-align: middle; margin: 0 3px; } .oldie .rpt-map-icon.good { background-image: url(images/layout/map1x.png) no-repeat center; } .rpt-map-icon.disabled { display: inline-block; width: 20px; height: 20px; background-image: url(images/layout/mapdisabled.png); background-size: 20px 20px; vertical-align: middle; cursor: default; background-color: #ccc; margin: 0 3px; } .oldie .rpt-map-icon.disabled { background-image: url(images/mapdisabled1x.png) no-repeat center; } .rpt-map-icon.disabled:hover { background-color: #ccc; } .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; } .action-icon { display: inline-block; width: 36px; height: 36px; background: url(images/default.png) no-repeat center; background-size: 24px 24px; cursor: pointer; vertical-align: middle; margin: 0 3px; } .oldie .action-icon { background: url(images/default1x.png) no-repeat center; } .tool_dismissalarms.normal {display: inline-block; width: 36px; height: 36px; background: url(images/dismiss-alarms-normal.png) no-repeat center; background-size: 24px 24px; cursor: pointer; vertical-align: middle; margin: 0 3px; } .oldie .tool_dismissalarms.normal { background: url(images/dismiss-alarms-normal1x.png) no-repeat center; } .tool_dismissalarms.low {display: inline-block; width: 36px; height: 36px; background: url(images/dismiss-alarms-low.png) no-repeat center; background-size: 24px 24px; cursor: pointer; vertical-align: middle; margin: 0 3px; } .oldie .tool_dismissalarms.low { background: url(images/dismiss-alarms-low1x.png) no-repeat center; } .tool_dismissalarms.medium {backgrounddisplay: inline-block; width: 36px; height: 24px; background: url(images/dismiss-alarms-medium.png) no-repeat center; background-size: 24px 24px; cursor: pointer; vertical-align: middle; margin: 0 3px; } .oldie .tool_dismissalarms.medium { background: url(images/dismiss-alarms-medium1x.png) no-repeat center; } .tool_dismissalarms.high {display: inline-block; width: 36px; height: 36px; background: url(images/dismiss-alarms-high.png) no-repeat center; background-size: 24px 24px; cursor: pointer; vertical-align: middle; margin: 0 3px; } .oldie .tool_dismissalarms.high { background: url(images/dismiss-alarms-high1x.png) no-repeat center; } .tool_dismissalarms.critical {display: inline-block; width: 36px; height: 36px; background: url(images/dismiss-alarms-critical.png) no-repeat center; background-size: 24px 24px; cursor: pointer; vertical-align: middle; margin: 0 3px; } .oldie .tool_dismissalarms.critical { background: url(images/dismiss-alarms-critical1x.png) no-repeat center; } .tool_dismissalarms.none {display: inline-block; width: 36px; height: 36px; background: url(images/dismiss-alarms-disabled.png) no-repeat center; background-size: 24px 24px; cursor: pointer; vertical-align: middle; margin: 0 3px; } .oldie .tool_dismissalarms.none { background: url(images/dismiss-alarms-disabled1x.png) no-repeat center; } .expandable{ height:auto; clear:both; margin:3px 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; } .oldie .alarmDesc td .normal { background:url(images/alarm-green2x.png) no-repeat; } .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; } .oldie .alarmDesc td .low { background:url(images/alarm-blue2x.png) no-repeat; } .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;} .oldie .alarmDesc td .medium { background:url(images/alarm-yellow2x.png) no-repeat; } .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;} .oldie .alarmDesc td .high { background:url(images/alarm-orange2x.png) no-repeat; } .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; } .oldie .alarmDesc td .critical { background:url(images/alarm-red2x.png) no-repeat; } .assname{display:inline-block;text-overflow:ellipsis;overflow:hidden;width:170px;white-space: nowrap;margin-top:15px;} .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: 8px;} .actionRow .info-icon, .actionRow .more-icon{margin-top: 10px;} 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); } .loader{ background: url(images/ajax-loader.gif) no-repeat center; background-size: 23px 23px; height:50px; width:23px; float:right; filter: Alpha(Opacity=18); opacity: .18; display:none; } .loaderMiddle{ background: url(images/ajax-loader.gif) no-repeat center; background-size: 23px 23px; height:100px; width: 100%; filter: Alpha(Opacity=18); opacity: .18; } .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.gif) no-repeat center; background-size: 23px 23px; height:100%; min-height:30px; width:100%; filter: Alpha(Opacity=18); opacity: .18; position:absolute; margin:auto; } .locationItem { margin: 1.5%; padding: 1% 5px 1% 1%; border: 1px solid #CCC; box-shadow: 0px 1px 2px #cecece; background: #fdfdfd; border-radius: 2px;} .locationItem .subview.stale .textual {color: #aaa;} .noGpsSignal {height: 32px;} .noGpsSignal .icon { display: inline-block; width:32px; height: 32px; background-size: 32px 32px; background-image:url(images/layout/nogps.png); background-repeat: no-repeat; background-position: center; vertical-align: middle; } .oldie .noGpsSignal .icon {background-image:url(images/layout/nogps1x.png);} .noGpsSignal .textual {line-height: 32px; padding-left: 10px; } .locationItem .na{ display:none; } .locationItem.st-disabled .na{ display:block; line-height: 36px; } .showAll { padding: 15px 40px; } .showAllBut { 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; -moz-box-shadow: rgba(0, 0, 0, 0.6) 0px 5px 18px 0px; -webkit-box-shadow: rgba(0, 0, 0, 0.6) 0px 5px 18px 0px; box-shadow: rgba(0, 0, 0, 0.6) 0px 5px 18px 0px; background-color:White; max-width:98%; z-index: 100000; margin: 5px; } .ie8 .tooltippop { border: 1px solid #ccc; filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=0,strength=1), progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=45,strength=1), progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=90,strength=2), progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=135,strength=10), progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=180,strength=3), progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=225,strength=3), progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=270,strength=2), progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=315,strength=1); } .titlebar { text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size: 16px; } .txtLeft { text-align: left; } .txtCenter { text-align: center; } .txtRight { text-align: right; } .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:32px; height:32px; background-image:url(images/layout/clock.png); background-size: 32px 32px; cursor:pointer; margin: 9px 5px; } .oldie .history-icon { background-image:url(images/layout/clock1x.png); } .graph-icon { float:right; width:32px; height:32px; background-image:url(images/layout/graph.png); background-size: 32px 32px; cursor:pointer; margin: 9px 5px; } .oldie .graph-icon { background-image:url(images/layout/graph1x.png); } .reset-icon { float:right; width:32px; height:32px; background-image:url(images/layout/refresh.png); background-size: 24px 24px; cursor:pointer; margin: 9px 5px; } .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: 5px 10px; border-bottom: 1px solid#ddd; color: #444; line-height: 32px; } .reportLink:hover { background-color:#f2f2f2; } .custReportLink { cursor: pointer; display: block; padding: 5px 10px; border-bottom: 1px solid#ddd; color: #444; line-height: 32px; } .custReportLink:hover { background-color:#f2f2f2; } .shortcutLink { cursor: pointer; display: block; padding: 5px 10px; border-bottom: 1px solid#ddd; color: #444; line-height: 32px; } .shortcutLink:hover { background-color:#f2f2f2; } .reportLinkNone { cursor: default; display: block; padding: 5px 10px; border-bottom: 1px solid#ddd; color: #444; line-height: 32px; } .reportLink .history-icon, .custReportLink .history-icon, .shortcutLink .history-icon, .reportLink .graph-icon, .custReportLink .graph-icon, .shortcutLink .graph-icon { height: 32px; margin-top: 0; margin-bottom: 0; } .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; } /* WorkNotes*/ .workNotesSection { overflow: auto; font-size: 12px; box-shadow: rgba(0,0,0,0) 0px 5px 18px 0px; } .noteTypesHolder { position: relative; margin: 0 5px; } .note { padding: 20px; } .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; } .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 #bbb; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 0 5px; } .typesForNote { border: 1px solid #bbb; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-right: 10px; min-width: 250px; } .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 { border: 1px solid #d8d8d8; padding: 10px; margin: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .addNewNoteControls .ctn { margin: 5px 0; } .addNewNoteControls .ctn.btns { text-align: right; margin-right: 5px; } .noteTypesSelection, .noteTypesForAdd { border: 1px solid #bbb; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-right: 10px; width: 250px;} .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; } .addManageTypesControls { border: 1px solid #d8d8d8; padding: 10px; margin: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .addManageTypesControls .txt { margin-right: 10px; } .typeForAdd { border: 1px solid #bbb; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; 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 #bbb; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .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; } .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/plus.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; } /*Alarm Group management*/ .datatagMgmtView { width: 475px; } .oldie .datatagMgmtView { border: 1px solid #d8d8d8; } .datatagMgmtTitle { margin: 0 15px; text-align: left; } .editDatatagView { margin: 10px; } .editDatatagView .btnSave { display: inline-block; background: #404040; color: #fff; text-align: center; cursor: pointer; color: #fff; padding: 0 10px; white-space: nowrap; margin: 0 5px; line-height: 1.5em; } .editDatatagView .btnSave:hover { background: #ffcd03; color: #000; } .editDatatagView .inputControls { border: 1px solid #d8d8d8; padding: 10px; margin: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; vertical-align: top; font-size: 14px; width: 375px } .editDatatagView .inputControls .txt { width: 70px; display: inline-block; vertical-align: top; } .editDatatagView .inputControls .tagForEdit, .editDatatagView .inputControls .nameForEdit, .editDatatagView .inputControls .descriptionForEdit { border: 1px solid #bbb; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 5px; margin: 3px 10px; width: 260px; } .editDatatagView .inputControls .tagForEdit { width: 150px; } .editDatatagView .inputControls .descriptionForEdit { height: 70px; } .editDatatagView .inputControls, .editDatatagView .btnControls { display: inline-block; } .editDatatagView .btnControls { vertical-align: top; padding-top: 20px; } /*Asset Types*/ .oldie .machineTypesView { border: 1px solid #d8d8d8; } .manageMachineTypeSection { overflow: auto; box-shadow: rgba(0,0,0,0) 0px 5px 18px 0px; } .icon { cursor: pointer; margin-left: 10px; } .machineTypes .machineType { display: inline-block; width: 200px; margin: 5px; font-size: 0.8em; height: 36px; vertical-align: middle; white-space: nowrap; line-height: 36px;} .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: #DFE0DA; color: #555444; 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);} .clientButtonView { min-height: 50px; clear: both; } .clientButtonView .name-wrapper { padding-top: 8px; } /* .ic-cancel { display: inline-block; cursor: pointer; width: 20px; } .ic-cancel:after { content: "\00D7"; color: #555; font-weight: bold; font-size: larger; padding: 3px; } */ .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: #ffcd03 url(images/layout/close2x.png) center center no-repeat; } .ic-cancel:hover { width: 18px; height: 18px; position: absolute; right: 0; top: 0; background: #ffcd03 url(images/layout/closeblack1x.png) center center no-repeat; background-size: 16px 16px; z-index: 99; } .oldie .ic-cancel:hover { background: #ffcd03 url(images/layout/closeblack2x.png) center center no-repeat; } .panel-tool a.panel-tool-close, .panel-tool a.panel-tool-close-all { opacity: 1; } .panel-tool a.panel-tool-close { display: inline-block; vertical-align: top; width: 16px; height: 16px; background: #404040 url(images/layout/close1x.png) center center no-repeat; background-size: 14px 14px; z-index: 99; cursor: pointer; } .oldie .panel-tool a.panel-tool-close { background: #404040 url(images/layout/close2x.png) center center no-repeat; } .panel-tool a.panel-tool-close:hover { display: inline-block; vertical-align: top; width: 16px; height: 16px; background: #ffcd03 url(images/layout/closeblack1x.png) center center no-repeat; background-size: 14px 14px; z-index: 99; } .oldie .panel-tool a.panel-tool-close:hover { background: #ffcd03 url(images/layout/closeblack2x.png) center center no-repeat; } .panel-tool a.panel-tool-close-all { display: inline-block; vertical-align: top; width: 18px; height: 16px; background: #404040 url(images/layout/closeall.png) center center no-repeat; background-size: 16px 14px; z-index: 99; cursor: pointer; } .oldie .panel-tool a.panel-tool-close-all { background: #404040 url(images/layout/closeall1x.png) center center no-repeat; } .panel-tool a.panel-tool-close-all:hover { display: inline-block; vertical-align: top; width: 18px; height: 16px; background: #ffcd03 url(images/layout/closeallblack.png) center center no-repeat; background-size: 16px 14px; z-index: 99; } .oldie .panel-tool a.panel-tool-close-all:hover { background: #ffcd03 url(images/layout/closeallblack1x.png) center center no-repeat; } .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; } .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 .opt { cursor: pointer; color: #555555; padding: 5px 10px; } .tooltippop .options .opt:hover { background-color: #ffcd03; color: #000; } .tooltippop .options .more { cursor: pointer; color: #555555; padding: 5px 10px; line-height: 2em; } .tooltippop .options .more: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; } .bbDiagOk, .bbDiagCancel { display: inline-block; background: #128AC6; margin: 9px; width: 100px; text-align: center; cursor:pointer; color:White; } .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/unpin.png); background-size:16px 16px; cursor:pointer; display: inline-block; vertical-align: middle;} .oldie .pin { background-image:url(images/layout/unpin2x.png); } .pin:hover { background-image:url(images/layout/unpinblack.png); background-size:16px 16px; } .oldie .pin:hover { background-image:url(images/layout/unpinblack2x.png); } .pin.pinned{ background-image:url(images/layout/pinblack.png);background-size:16px 16px; background-color: #ffcd03;} .oldie .pin.pinned { background-image:url(images/layout/pinblack2x.png); } .pin.pinned:hover{ background-image:url(images/layout/pinblack.png);background-size:16px 16px;} .oldie .pin.pinned:hover { background-image:url(images/layout/pinblack2x.png); } */ .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); } /*.pin:hover { background-color: #ffcd03; border-radius: 50%; }*/ tr.pinned, .reportsTable tr.odd.pinned, .reportsTable tr.pinned { /*background-color:#FFFFC8;*/ } /*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; } .more-icon{display:none;} .ButtonPrevPage, .ButtonNextPage { cursor: pointer; } .ButtonPrevPage.aspNetDisabled { cursor: default; } .ButtonNextPage.aspNetDisabled { cursor: default; } .oldieMsg { padding: 5px 10px; } .popupDesc { max-width: 500px; font-size: 14px; padding: 5px; } .address .textual { cursor: pointer; } .meterHeader { height: 36px; line-height: 36px; padding: 0 0 0 8px; } .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 .history-icon { margin: 0 5px; } .addNewDatatagIndicator { cursor: pointer; color: #128AC6; vertical-align: middle; width: 100%; padding: 15px; } .groupIco { display: inline-block; margin:7px 0 7px 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; } @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; } .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: 16px; min-width: 16px; padding: 2px 2px 2px 2px; position: absolute; right: 0px; bottom: 8px; border-radius: 8px; background-color: #404040; color: #ffcd03; line-height: 12px; font-size: 10px; font-weight: bold; text-align: center; vertical-align: middle; display: inline-block; } .alarm:hover .acount { background-color: #4f4f4f; color: #ffcd03; } .acount:hover { background-color: #4f4f4f; color: #ffcd03; } .valueextra { display: inline-block; padding: 0.5px 2px; color: #888; font-size: 11px; } .unclearedAlarms.fleet .meterItem:not(:last-child) {border-bottom: 1px solid #ddd;} .alarmmachineinfo { display: inline-block; margin: 5px 0 0 0; font-size: 14px; padding-left: 2px; } .alarmmachineinfo > div.assetxref, .alarmmachineinfo > div.asset_sn, .alarmmachineinfo > div.name, .alarmmachineinfo > div.detectedid { display: inline-block; margin: 0 10px 0 0; line-height: 16px;vertical-align: middle;min-height:16px;} .alarmmachineinfo > div > label {display: inline-block; font-weight: bold; margin: 0 5px 0 0; line-height: 16px;height: 16px;vertical-align: middle;} .assetitemRow .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:46px; 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: #404040; color: white; display: inline-block; padding: 5px; line-height:20px; cursor:pointer; margin:5px; } .button:hover { background: #4f4f4f; color: #fff; } .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: 0 0 10px 0} .newSerialSection { margin: 5px 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: #F9F9F9; 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: #F9F9F9; } .serialNumHistoryTitle { color: #222; padding: 3px 0;} .serialNumHistory { border-top: 1px solid #D9D9D9; margin: 5px 0; max-height: 175px; overflow: auto; } .migrationStatus { font-size: 12px; color: #f00; } .migrationStatus.success { color: #128AC6; } /* 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; color: #fff; 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: #F9F9F9; 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: #F9F9F9; } .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 #bbb; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 0 5px; } .currentOperator { font-weight: bold; } .createUserCtn { position: relative; } .addNewUserIndicator { cursor: pointer; vertical-align: middle; } .btnAddNewUserIndicator { height: 27px; cursor: pointer; } .addNewUserControls {border: 1px solid #bbb; border-radius: 5px; margin: 5px 0; padding: 5px 10px;} .addNewUserControls .txt { width: 110px; display: inline-block; text-align: right; font-size: 14px; } .addNewUserControls input { width: 200px; height: 25px; padding: 3px; border: 1px solid #bbb; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-left: 10px; } .addNewUserControls .btnCtn { margin: 5px; text-align: right; } .btnAddNewUser, .btnCancelNewUser { display: inline-block; text-align: center; cursor: pointer; padding: 0 10px; white-space: nowrap; margin-left: 5px; line-height: 25px;} .btnAddNewUserIndicator { display: inline-block; vertical-align: middle; width: 24px; height: 24px; background-image: url(images/layout/plus.png); background-size: 24px 24px; margin: 0 5px 0 -5px; } .tabViewContentArea .tabViewContent .box-content { overflow: visible; } /* Choose Templates */ .chooseTemplatesView .templates { overflow: auto; } .tblTemplates { width: 95%; margin: 0 auto; border: none; font-size: 9pt; border-collapse: collapse; table-layout: auto; background-color: White; overflow: auto; white-space: nowrap;} .tblTemplates tr { height: 30px; } .tblTemplates tr td:nth-child(even) { text-align: center; } .tblTemplates .tpDesc, .tblTemplates .tpApply { text-align: center; } /* For IE8 */ .tblTemplates td { border-width: 1px; border-right: dotted thin #f2f2f2; padding: 0 5px; } .tblTemplates tr.odd { background-color:#eee; } .tblTemplates tbody tr:first-child { border-top: 1px solid #D0D0D0; } .tblTemplates tbody tr:last-child { border-bottom: 1px solid #D0D0D0; } .tblTemplates th { text-align: center; background-color:white; font-weight: bold; font-size: 1.2em; } .tblTemplates .tpName { display: inline-block; } .navigateToTemplate { margin: 3px; cursor: pointer; display: inline-block; width: 24px; height: 24px; background-color: #404040; background-image: url(images/layout/gear.png); background-position: center; background-repeat: no-repeat; background-size: 20px 20px; vertical-align: middle; cursor: pointer; float: right; border-radius: 50%; } .oldie .navigateToTemplate { background-image:url(images/layout/gear1x.png); } .navigateToTemplate:hover { margin: 3px; cursor: pointer; display: inline-block; width: 24px; height: 24px; background-color: #ffcd03; background-image: url(images/layout/gearblack.png); background-position: center; background-repeat: no-repeat; background-size: 20px 20px; vertical-align: middle; cursor: pointer; float: right; border-radius: 50%;} .oldie .navigateToTemplate:hover { background-image:url(images/layout/gearblack1x.png); } .tblTemplates .getTpDesc { display: inline-block; width: 24px; height: 24px; background-color: #404040; background-image: url(images/layout/info.png); background-position: center; background-repeat: no-repeat; background-size: 24px 24px; cursor: pointer; vertical-align: middle; margin: 0 3px; border-radius: 50%;} .oldie .tblTemplates .getTpDesc { background-image: url(images/layout/info1x.png); } .tblTemplates .getTpDesc:hover { display: inline-block; width: 24px; height: 24px; background-color: #ffcd03; background-image: url(images/layout/infoblack.png); background-position: center; background-repeat: no-repeat; background-size: 24px 24px; cursor: pointer; vertical-align: middle; margin: 0 3px; border-radius: 50%;} .oldie .tblTemplates .getTpDesc:hover { background-image: url(images/layout/infoblack1x.png); } .tblTemplates .emptyTpDesc { display: inline-block; width: 24px; height: 24px; background-color: #cccccc; background-image: url(images/layout/infodisabled.png); background-position: center; background-repeat: no-repeat; background-size: 24px 24px; cursor: default; vertical-align: middle; margin: 0 3px; border-radius: 50%;} .oldie .tblTemplates .emptyTpDesc { background-image: url(images/layout/infodisabled1x.png); } .tblTemplates .chooseTemplate { display: inline-block; width: 24px; height: 24px; background-color: #404040; background-image: url(images/layout/apply.png); background-position: center; background-repeat: no-repeat; background-size: 24px 24px; cursor: pointer; vertical-align: middle; margin: 0 3px; border-radius: 50%;} .oldie .tblTemplates .chooseTemplate { background-image: url(images/layout/apply1x.png); } .tblTemplates .chooseTemplate:hover { display: inline-block; width: 24px; height: 24px; background-color: #ffcd03; background-image: url(images/layout/applyblack.png); background-position: center; background-repeat: no-repeat; background-size: 24px 24px; cursor: pointer; vertical-align: middle; margin: 0 3px; border-radius: 50%;} .oldie .tblTemplates .chooseTemplate:hover { background-image: url(images/layout/applyblack1x.png); } /*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: 10px 0; } .overallhealthstatus .alarm { width: 24px; height: 24px; display: inline-block; margin-right: 20px; } .overallhealthlevel { padding: 3px 5px; 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 tbody .alrm-notinuse .alarm { background:url(images/atmhealth/health-notinuse.png) no-repeat center; background-size: 16px 16px; vertical-align: middle; } .oldie .tblHealth tbody .alrm-notinuse .alarm { background:url(images/atmhealth/health-notinuse1x.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; } .ctnPieChart ul.pieChartMsg { margin: 0; } @media ( min-width:401px ) { .ctnHealth { zoom:120%; -moz-transform: scale(1.2); } } @media ( min-width:500px ) { .ctnHealth { zoom:150%; -moz-transform: scale(1.5); } } .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; } .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: 30px; height: 30px; background:url(images/atmhealth/health-green.png) no-repeat center; background-size: 24px 24px;vertical-align: middle; } .sessionlog.Succeeded.error { display: inline-block; width: 30px; height: 30px; background:url(images/atmhealth/health-yellow.png) no-repeat center; background-size: 24px 24px;vertical-align: middle;} .sessionlog.Failed { display: inline-block; width: 30px; height: 30px; 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 { display: inline-block; background: #999; text-align: center; cursor: default; color: #fff; padding: 0 10px; white-space: nowrap; vertical-align: top; margin: 10px 0; line-height: 1.5em; } .btnChangePassword.good { background: #404040; color: #fff; cursor: pointer; } .btnChangePassword.good:hover {background: #ffcd03; color: #000; } .validPasswordMsg { font-size: 12px; color: green; } .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 { display: inline-block; background: #404040; color: #fff; text-align: center; cursor: pointer; color: #fff; padding: 0 10px; white-space: nowrap; vertical-align: top; margin: 10px 0 10px 20px ; line-height: 1.5em; } .provideEmailView .btnUpdate:hover, .provideEmailView .btnCancel:hover {background: #ffcd03; color: #000; } .provideEmailView .ctnEmailReqmts, .provideEmailView .updateResult { font-size: 14px; } .ctnEmailReqmts .conditions { font-weight: bold; line-height: 30px; } .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; } .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; color:#222; } .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*/ .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; } /*Oauth buttons*/ div#GoogleLoginBtn { display: inline-block; width: 135px; height: 39px; background:url(images/google.png) no-repeat center; background-size: 135px 39px;vertical-align: middle; margin: 7px; cursor: pointer; } .oldie div#GoogleLoginBtn { background:url(images/google1x.png) no-repeat center; } div#GoogleLoginBtn:hover { background:url(images/google_hover.png) no-repeat center; background-size: 135px 39px;} .oldie div#GoogleLoginBtn:hover { background:url(images/google_hover1x.png) no-repeat center; } div#FacebookLoginBtn { display: inline-block; width: 135px; height: 39px; background:url(images/facebook.png) no-repeat center; background-size: 135px 39px;vertical-align: middle; margin: 7px; cursor: pointer; } .oldie div#FacebookLoginBtn { background:url(images/facebook1x.png) no-repeat center; } div#FacebookLoginBtn:hover { background:url(images/facebook_hover.png) no-repeat center; background-size: 135px 39px;} .oldie div#FacebookLoginBtn:hover { background:url(images/facebook_hover1x.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: 200px; text-align: center; margin-right: 10px; } .googleAuthStatusLabel.clickable, .facebookAuthStatusLabel.clickable { color:#222; font-weight: bold; cursor: pointer; text-decoration:underline; } .googleAuthStatusLabel.clickable:hover, .facebookAuthStatusLabel.clickable:hover { background-color: #ffcd03; color: #000; } #ctnResetPassword { max-width: 720px; margin: auto; } #ctnResetPassword .closeManageLoginView { display:none; } /*Terms of Service View */ .termsOfServiceView { font-size: 12px; line-height: 15px; width: 600px; color: #333; } .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; border: 1px solid #ccc; background: #f9f9f9; padding: 7px; color: #555; overflow: auto; } .termsOfServiceView .controls { width: 100%; padding: 7px; background-color: #ddd; } .termsOfServiceView .subtitle { color: #000; border-bottom: 1px solid #000; font-size: 14px; margin: 7px 0; font-style: italic; } .tosaccept { display: inline-block; background: #000; text-align: center; cursor: pointer; color: #fff; padding: 0 10px; white-space: nowrap; vertical-align: middle; margin: 0 15px; line-height: 2em; font-weight: bold; } .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:100000; background-color: #000; opacity: 0.1; } .loginUrl { padding: 15px; } #ctnEmailValidation { max-width: 720px; margin: auto; } .manageLoginView, .provideEmailView, termsOfServiceView { overflow: auto; } .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: 300px; padding: 0px; background: #FFFFFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: #DFE0DA 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: #DFE0DA transparent; display: block; width: 0; z-index: 0; margin-left: -6px; top: -58px; left: 50%; } .ctnReqmtsConfirmPwd .ctnInnerPwdReqmts { position: relative; width: 300px; padding: 0px; background: #FFFFFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: #DFE0DA 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: #DFE0DA 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;} .healthname { display: inline-block; width: 70px; text-transform:Capitalize; } .ctnHelpView { margin: 10px; min-width: 300px; max-width: 600px; max-height: 600px; overflow: auto;-webkit-overflow-scrolling: touch ; } .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;-webkit-overflow-scrolling: touch ; 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 .health-notinuse .alarm { background:url(images/atmhealth/health-notinuse.png) no-repeat center; background-size: 24px 24px; width: 24px; height: 24px; vertical-align: middle; } .oldie .ctnHelpView .health-notinuse .alarm { background:url(images/atmhealth/health-notinuse1x.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; } .ctnOverallhealthlevel.ctnHelpView { vertical-align: top; margin: 10px 10px 0 10px; min-width: 270px; } .ctnOverallhealthlevel.ctnHelpView tr { height: 20px; } .ctnOverallhealthlevel.ctnHelpView tr.fleet:first-child { border-top: 1px solid #D0D0D0; } .ctnOverallhealthlevel.ctnHelpView tr.fleet:last-child { border-bottom: 1px solid #D0D0D0; } .ctnOverallhealthlevel.ctnHelpView tr:nth-child(even) { background-color: #eee; } .ctnOverallhealthlevel.ctnHelpView td { padding-left: 5px; text-transform: capitalize; font-size: 14px; } .ctnOverallhealthlevel.ctnHelpView td.ic { width: 20px; } .ctnOverallhealthlevel.ctnHelpView td.ic .alarm { background-size: 16px 16px; width: 16px; height: 16px; } .ctnOverallhealthlevel.ctnHelpView td.num { text-align: right; } /*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: #ffcd03; color:#000; } .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 { display: inline-block; border-radius: 50%; background-color: #404040; background-position: center; background-repeat: no-repeat; cursor: pointer; } .btnCircle:hover { background-color: #4f4f4f; } .btnCircle.off { display: inline-block; 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: #4f4f4f; } .tabViewContentArea { margin-top: -1px;} .tabViewTabs .tab { cursor: pointer; } .intab { content: " "; padding:0; margin:1px auto 3px;width: 24px;height: 24px;vertical-align:middle;display:block; } .dashboard-link .intab { background: url(images/speedometer.png) no-repeat;background-size:24px 24px;background-position: center;} .security-link .intab { background: url(images/security.png) no-repeat;background-size:24px 24px;background-position: center;} .alarms_values-link .intab { background: url(images/alarmvalue.png) no-repeat;background-size:24px 24px; background-position: center;} .settings-link .intab { background: url(images/layout/gearblack.png) no-repeat;background-size:24px 24px; background-position: center;} .actions-link .intab { background: url(images/play.png) no-repeat;background-size:24px 24px;background-position: center;} .reports-link .intab { background: url(images/layout/reportblack.png) no-repeat;background-size:20px 20px;background-position: center;} @media ( min-width:1000px ) { .intab { display:inline-block; margin:1px 3px 3px; } .tabViewTabs .tab { min-width: 150px; height: 30px; } .tabViewTabs .tab a { display: inline-block; } } @media (min-width: 701px) and (max-width: 999px) { .intab { display:inline-block; margin:1px 3px 3px; } .tabViewTabs .tab { min-width: 100px; height: 60px; } } @media (min-width: 300px) and (max-width: 700px) { .intab { display:inline-block; margin:1px 3px 3px; } .tabViewTabs .tab { min-width: 50px; height: 30px; } .tabViewTabs .tab a { display: none; } } .unreadNewCountView { vertical-align: middle; display: inline-block; height: 100%; float: right; cursor: pointer; } .newscount { width: 24px; height: 24px; border-radius: 50%; display: inline-block; background-color: #ffcd03; color: #000; font-size: 14px; vertical-align: middle; margin: 10px; text-align: center; line-height: 24px; } li#menuNews:hover .newscount, li#menuNews.here .newscount { background-color: #222; color:#ffcd03; } .messagerPopup { max-width: 300px; padding: 15px; } .messagerPopup .err-icon { background-image: url(images/atmhealth/health-red.png); background-size: 24px 24px; width: 24px; height: 24px; margin-right: 10px; background-position: center; background-repeat: no-repeat; display: inline-block; } /*********************************** * custom.css ************************************/ table.machine_point_list_table { font-size:smaller; width:300px; } input.colorpicker_input_class { height:10px; width:5px; } .button::-moz-focus-inner { border: 0; padding: 0; margin:0; } label.error { display: none !important; } .password-meter { float: left; } tr.normalDataRow { cursor: pointer; min-height: 24px; line-height: 1.2em; border: 1px solid #CCCCCC; border-collapse: collapse; } tr.normalDataRow td img { margin: 0 2px; display: inline-block; vertical-align: middle; } tr.normalDataRow:nth-child(odd) { background:url(/images/1px_transparent.gif) no-repeat; /*height:1px; width:1px;*/ background: rgb(249, 249, 249) transparent; /* RGBa with 0.6 opacity */ background: rgba(249, 249, 249, 0.35); /* For IE 5.5 - 7*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#59ffffff, endColorstr=#59ffffff); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#59ffffff, endColorstr=#59ffffff)"; } tr.normalDataRow:nth-child(even) { background:url(/images/1px_transparent.gif) no-repeat; /*height:1px; width:1px;*/ background: rgb(255, 255, 255) transparent; /* RGBa with 0.6 opacity */ background: rgba(255, 255, 255, 0.5); /* For IE 5.5 - 7*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#59ffffff, endColorstr=#59ffffff); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#59ffffff, endColorstr=#59ffffff)"; } tr.normalDataRow td{ margin-top:1px; vertical-align: middle; font-size:x-small; font-weight:bolder; } tr.selected td{ background:url(/images/1px_transparent.gif) no-repeat; height:1px; /*width:1px;*/ background: rgb(53, 152, 220) transparent; /* RGBa with 0.6 opacity */ background: rgba(53, 152, 220, 0.4); /* For IE 5.5 - 7*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c0fdf982, endColorstr=#c0fdf982); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#c0fdf982, endColorstr=#c0fdf982)"; font-size:x-small; font-weight:bolder; } td.followedCell { background:url(/images/1px_transparent.gif) no-repeat; height:1px; width:1px; background: rgb(53, 152, 220) transparent; /* RGBa with 0.6 opacity */ background: rgba(53, 152, 220, 0.4); /* For IE 5.5 - 7*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c0fdf982, endColorstr=#c0fdf982); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#c0fdf982, endColorstr=#c0fdf982)"; font-size:x-small; font-weight:bolder; } tr.editing td{ background:url(/images/1px_transparent.gif) no-repeat; height:1px; width:1px; background-color: rgb(255,120,46); background: rgb(253,249,130) transparent; /* RGBa with 0.6 opacity */ background: rgba(253,249,130, 0.75); /* For IE 5.5 - 7*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c0ff782e, endColorstr=#c0ff782e); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#c0ff782e, endColorstr=#c0ff782e)"; font-size:x-small; font-weight:bolder; } tr.normalPoint td:first-child { text-align:center; } tr.normalPoint td{ background:url(/images/1px_transparent.gif) no-repeat; height:1px; width:1px; background: rgb(249, 249, 249) transparent; /* RGBa with 0.6 opacity */ background: rgba(249, 249, 249, 0.35); /* For IE 5.5 - 7*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#59ffffff, endColorstr=#59ffffff); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#59ffffff, endColorstr=#59ffffff)"; font-size:x-small; font-weight:bolder; } tr.selectedPoint td{ background:url(/images/1px_transparent.gif) no-repeat; height:1px; width:1px; background: rgb(53, 152, 220) transparent; /* RGBa with 0.6 opacity */ background: rgba(53, 152, 220, 0.4); /* For IE 5.5 - 7*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c0fdf982, endColorstr=#c0fdf982); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#c0fdf982, endColorstr=#c0fdf982)"; font-size:x-small; font-weight:bolder; } tr.mouseOverPoint td{ background-color: rgb(241,241,206); } /* * html div.data_division { height: expression( document.body.clientHeight > 299 ? "300px" : "auto" ); width: expression( document.body.clientWidth > 599 ? "600px" : "auto" ); } */ div.data_division { direction:rtl; display:block; /*min-width:700px;*/ } div.inner_data_division { direction:ltr; } div.editLocRegion_ToolTip { width:220px; } div.userDataPanel { position:absolute; width:150px; height:130px; top:20px; left:0px; background:#b0c4de; z-index:112; } #data_panel_and_map_holder{ z-index:113; } div.hidePanelHeader { position:absolute; width:150px; height:20px; top:0px; left:0px; background:#3b587a; text-align:center; color:#FFFFFF; } div.hidePanelWrapper { position:relative; width:150px; height:470px; top:0px; left:0px; background:#b0c4de; } #map { position:relative; top:-502px; left:26px; bottom:50px; background-color:#e5e5e5; z-index:111; } table.contextmenutable { border: none; border-collapse:collapse; } td.contextmenutable { border: 1px solid black; border-collapse:collapse; } html { zoom:1; } .i { height:auto; max-width:23px; } #editNewRegionDiv01 { position: absolute; visibility: hidden; width: 355px; background-color:#ccc; height: 315px; left: 0px; top: 0px; border: 1px solid #000; padding: 10px; z-index:120; } #close { float: right; } .machine_location_holder_div_class { visibility:hidden; display:none; line-height: 1.2em; } .alphaBG { border: 1px solid bloack; background: rgb(0, 0, 0) transparent; background:url(/images/1px_transparent.gif) no-repeat; height:1px; width:1px; background: rgba(0, 0, 0, 0.75); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C0000000, endColorstr=#C0000000); /* For IE 8*/ z-index:20; position:fixed; top:0px; left:0px; overflow:hidden; visibility:hidden; display:none; } .alphaBG_sat { border: 1px solid bloack; background: rgb(0, 0, 0) transparent; background:url(/images/1px_transparent.gif) no-repeat; height:1px; width:1px; background: rgba(0, 0, 0, 0.55); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C0000000, endColorstr=#C0000000); /* For IE 8*/ z-index:20; position:fixed; top:0px; left:0px; overflow:hidden; visibility:hidden; display:none; } .alphaBG_IE9 { border: 1px solid bloack; background: rgb(0, 0, 0) transparent; background:url(/images/1px_transparent.gif) no-repeat; height:1px; width:1px; background: rgba(0, 0, 0, 0.50); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000); /* For IE 8*/ z-index:20; position:fixed; top:0px; left:0px; overflow:hidden; visibility:hidden; display:none; } .alphaBG_sat_IE9 { border: 1px solid bloack; background: rgb(0, 0, 0) transparent; background:url(/images/1px_transparent.gif) no-repeat; height:1px; width:1px; background: rgba(0, 0, 0, 0.35); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000); /* For IE 8*/ z-index:20; position:fixed; top:0px; left:0px; overflow:hidden; visibility:hidden; display:none; } .alphaBG_IE6 { border: 1px solid bloack; background: rgb(0, 0, 0) transparent; background:url(/images/1px_transparent.gif) no-repeat; height:1px; width:1px; background: rgba(0, 0, 0, 0.50); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000); z-index:20; position:absolute; top:0px; left:0px; height:100%; width:100%; overflow:hidden; visibility:hidden; display:none; } .panelAlphaBGunpinned{ border: 1px solid bloack; background: rgb(195,195,195) transparent; background:url(/images/1px_transparent.gif) no-repeat; height:1px; width:1px; background: rgba(195,195,195, 0.35); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#59a6bbcd, endColorstr=#59a6bbcd); } .panelAlphaBGunpinned_sat{ border: 1px solid bloack; background: rgb(195,195,195) transparent; background:url(/images/1px_transparent.gif) no-repeat; height:1px; width:1px; background: rgba(195,195,195, 0.75); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#baa6bbcd, endColorstr=#baa6bbcd); } .panelAlphaBGunpinned_IE9{ border: 1px solid bloack; background: rgb(195,195,195) transparent; background:url(/images/1px_transparent.gif) no-repeat; height:1px; width:1px; background: rgba(195,195,195, 0.20); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33a6bbcd, endColorstr=#33a6bbcd); } .panelAlphaBGunpinned_sat_IE9{ border: 1px solid bloack; background: rgb(195,195,195) transparent; background:url(/images/1px_transparent.gif) no-repeat; height:1px; width:1px; background: rgba(195,195,195, 0.50); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80a6bbcd, endColorstr=#80a6bbcd); } .panelAlphaBBHover{ border: 1px solid bloack; background: rgb(200,200,200) transparent; background:url(/images/1px_transparent.gif) no-repeat; height:1px; width:1px; background: rgba(200,200,200, 0.75); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C0a6bbcd, endColorstr=#C0a6bbcd); } .panelAlphaBBHover_sat{ border: 1px solid bloack; background: rgb(200,200,200) transparent; background:url(/images/1px_transparent.gif) no-repeat; height:1px; width:1px; background: rgba(200,200,200, 0.90); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6a6bbcd, endColorstr=#e6a6bbcd); } .panelAlphaBBHover_IE9{ border: 1px solid bloack; background: rgb(200,200,200) transparent; background:url(/images/1px_transparent.gif) no-repeat; height:1px; width:1px; background: rgba(200,200,200, 0.40); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66a6bbcd, endColorstr=#66a6bbcd); } .panelAlphaBBHover_sat_IE9{ border: 1px solid bloack; background: rgb(200,200,200) transparent; background:url(/images/1px_transparent.gif) no-repeat; height:1px; width:1px; background: rgba(200,200,200, 0.65); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#A6a6bbcd, endColorstr=#A6a6bbcd); } .panelAlphaBGpinned { background:url(/images/1px_transparent.gif) no-repeat; height:1px; width:1px; background:#a6bbcd; } .overflow_hidden{ overflow:hidden; } #assetLocation_DataTable_HeaderRow{ font-weight:bolder; } .visibleTabDiv{ visibility:visible; display:block; } .hiddenTabDiv{ visibility:hidden; display:none; } .mapViewSelectorDiv{ position:absolute; right:0; left:-500; top:0; z-index:120; } .trackingStatusIndicator{ font-weight: bold; padding: 0 10px; } .trackingStatusIndicator_white{ color:White; } .regionDataTableNameCell{ padding:0 0 0 5px; } .regionDataTableRightCell{ padding:0 0 0 5px; } .regionDataTable_Level2{ width:95%; margin:0 auto; } .regionDataTable_Level3{ width:100%; } .regionDataTableNameDiv{ *white-space:nowrap; *width:200px; width:100%; } .assetDataTableLeftCell{ margin-left:1px; white-space: nowrap; text-align:center; /*border-left:1px solid grey;*/ } #mappingDiv{ position:absolute; top:0px; left:0px; border:2px solid black; visibility:hidden; display:none; width:1px; height:1px; z-index:110; } #mappingBGDiv{ z-index:90; } #loadingIMGSubContainer{ font-size:30px; color:White; } #loadingIMGContainer{ position:absolute; top:auto; left:auto; visibility:hidden; display:none; text-align:center; vertical-align:middle; z-index:60; } .hide0{ visibility:visible; display:block; } .hide1{ visibility:hidden; display:none; } .hide2{ visibility:hidden; display:none; } .hide3{ visibility:hidden; display:none; } .testWrap{ width:100px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .SCROLLER_FRAME { width: 100%; position: absolute; top: 50px; bottom: 50px; } .olControlScaleLine { } @media print { html{ font-size:4pt;} table { page-break-inside:auto; } tr { page-break-inside:avoid; page-break-after:auto } #map { overflow:visible; } } .mapControls { position:absolute;top:3px;right:3; z-index:100; vertical-align:top; background: rgb(195,195,195) transparent; background:url(/images/1px_transparent.gif) no-repeat; } .editTrackingOptions { background-image: url(images/layout/gear.png); background-size: 32px 32px; width: 32px; height: 32px; margin: 5px; } .oldie .editTrackingOptions { background-image: url(images/layout/gear1x.png); } .editRegionTypeOptions { background-image: url(images/layout/gear.png); background-size: 32px 32px; width: 32px; height: 32px; margin: 5px; } .oldie .editRegionTypeOptions { background-image: url(images/layout/gear1x.png); } .addRegionButton { background-image: url(images/layout/plus.png); background-size: 32px 32px; width: 32px; height: 32px; margin: 5px; } .oldie .addRegionButton { background-image: url(images/layout/plus1x.png); } .normalPoint td img { vertical-align: middle; } .trackingStatus { position: absolute; bottom: 20px; right: 3px; z-index: 100; width: 320px; height: 42px; padding: 3px; display: inline-block; background: rgb(255,255,255); background: rgba(255,255,255, 0.75); } .trackingStatus .ctnStatusControls { width: 85px; height: 36px; vertical-align: middle;} .trackingStatus .ctnStatusValues { width: 220px; height: 36px; vertical-align: middle;} .trackingStatus .ctnStatusControls .icon-arrows-ccw, .trackingStatus .ctnStatusControls .icon-pause, .trackingStatus .ctnStatusControls .icon-play { font-size: 24px; } .ctnStatusControls, .ctnStatusValues { display: inline-block; color: #555555; } .trackingStatus .ctnStatusValues #Fetch_Latest_Machine_Locations_Span { font-size: 13px; margin-bottom: 2px; line-height: 19px; } .trackingStatus .ctnStatusValues #AJAXStatusDiv { font-size: 10px; line-height: 15px; } .trackingStatus.norefresh { width: 200px; } .trackingStatus.norefresh .ctnStatusValues { width: 100%; text-align: center; font-size: 13px; vertical-align: middle; color: #555555; margin: 5px 0; } .assetToolTips .assetToolTipHeader { background-color: #e8e8e8; color: #555555; padding: 5px; vertical-align: middle; font-size: 16px; } .assetToolTips .assetToolTipRow { padding: 2px 10px; font-size: 14px; line-height: 19px; } .assetToolTips .assetToolTipRow .txt { width: 180px; display: inline-block; } .assetToolTips .assetToolTipRow .shorttxt { width: 120px; display: inline-block; } .assetToolTips .assetToolTipRow .shorttxt.link { line-height: 32px;} .assetToolTips .assetToolTipRow .shortesttxt { width: 50px; display: inline-block; } .assetToolTips .assetToolTipRow .shortertxt { width: 70px; display: inline-block; } .assetToolTips .assetToolTipRow .longtxt { width: 300px; display: inline-block; } .assetToolTips .assetToolTipRow .longtxt.link { line-height: 32px; } .assetToolTips .assetToolTipRow .content { display: inline-block; vertical-align: top; } .assetToolTips .clickable { cursor: pointer; } .assetToolTips .loading { text-align: center; } .assetToolTips .action { text-align: right; } .assetToolTips .action input[type="button"]:enabled { cursor: pointer; } .assetToolTipRow .icon-download { font-size: 18px; color: #6DB1BB; } .assetToolTipHeader .bold { font-weight: bold; } .assetToolTipHeader .icon-gauge { font-size: 18px; padding: 0 20px; color: #6DB1BB; } .assetToolTipHeader .icon-cancel { position: absolute; right: 0; font-size: 18px; } .assetToolTipHeader .icon-cancel.clickable.relative { position: relative; } .assetToolTipContents { padding: 10px; } .unclearedAlarms {font-size: 14px;} .ctnAlarmHistoryReportLink {margin-bottom: 10px; height: 20px; line-height: 20px;} .alarmHistoryView .alarmHistoryCtn { min-width: 250px; max-height: 400px; overflow: auto; padding: 15px; } .alarmHistoryView .alarmHistoryCtn .alarmDesc { font-size: 14px;} .alarmHistoryView .title { background-color: #000; color: #fff; font-weight: bold; padding: 5px; font-size: 16px; } .clearBut { float: right; height:32px;width:32px;position:relative;margin:10px 0px 10px 5px; background-image:url(images/layout/broom.png); background-size: 32px 32px; cursor:pointer; } .oldie .clearBut {background-image:url(images/layout/broom1x.png);} .clearAllAlarms { line-height: 32px; vertical-align: middle; width: 135px;} .icClearAll { height:32px;width:32px;margin:-3px 5px 0 0; background-image:url(images/layout/broom.png); background-size: 32px 32px; display: inline-block; vertical-align: middle;} .oldie .icClearAll {background-image:url(images/layout/broom1x.png);} .newAlarmsIndicator { display: block; position: fixed; top: 50px; left: 50%; margin-left: -90px; background-color: #ffcd03; color: #000; width: 120px; height: 30px; padding-right: 10px; line-height: 30px; text-align: right; z-index: 999999; border-radius: 5px; cursor: pointer; opacity: .95; background-size: 16px 9px; background-image: url(images/layout/downarrowblack.png); background-repeat: no-repeat; background-position: 10px center;} .oldie .newAlarmsIndicator {background-image: url(images/layout/downarrowblack1x.png);} .newAlarmsIndicator.up { background-size: 16px 9px; background-image: url(images/layout/uparrowblack.png); background-repeat: no-repeat; background-position: 10px center; } .oldie .newAlarmsIndicator.up {background-image: url(images/layout/uparrowblack1x.png);} ul.machineInfo { list-style-type: none; background-color: #ddd; padding: 10px; font-size: 14px; } .filteredStatus { line-height: 25px; margin: 10px 5px; } .AssetListView .filteredStatus { margin: 5px 0px; } .remAllFilters {background-image: url('images/layout/unfilter.png'); background-size: 32px 32px; height: 32px; width: 32px; display: inline-block; vertical-align: middle; margin-left: 20px;} .oldie .remAllFilters {background-image: url('images/layout/unfilter1x.png');} .meterItem.new {background-color: #fffabb;} div { -webkit-tap-highlight-color: transparent; } .moreBut { font-weight: bold; text-align: center; margin: 8px; font-size: 16px; } .toggleView .toggleSwitch { margin: 15px 5px; } .toggleView .toggleControl { display: inline-block; cursor: pointer; margin: 0 10px; vertical-align: middle; } .messager-body .messager-warning { background: url('images/alarm-yellow.png'); background-size: 32px 32px; height: 32px; width: 32px; display: inline-block; vertical-align: middle; margin: 10px;} .selfActivationContent { margin-left: 10px; display: inline-block; } .selfActivationStatus.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;}