/*!
**************************************************************************
 *
 * MESH SYSTEMS CONFIDENTIAL
 * __________________
 *
 *  [2005] - [2015] Mesh Systems LLC
 *  All Rights Reserved.
 *
 * NOTICE:  All information contained herein is, and remains
 * the property of Mesh Systems LLC and its suppliers,
 * if any.  The intellectual and technical concepts contained
 * herein are proprietary to Mesh Systems LLC
 * and its suppliers and may be covered by U.S. and Foreign Patents,
 * patents in process, and are protected by trade secret or copyright law.
 * Dissemination of this information or reproduction of this material
 * is strictly forbidden unless prior written permission is obtained
 * from Mesh Systems LLC.
 */

body {
  margin: 0;
  padding: 0;
  width: 100%;
  font-family: Helvetica;
  background: #FFFFFF;
  color: #000000;
  overflow-x: hidden;
  -webkit-user-select: none;
}
body > *:not(.toolbar) {
  display: none;
  position: absolute;
  margin: 0;
  padding: 0;
  left: 0;
  top: 45px;
  width: 100%;
  min-height: 100%; /*372px;*/
   -webkit-transition-duration: 300ms;
   -webkit-transition-property: -webkit-transform;
   -webkit-transform: translateX(0%);
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#BAB9B9), to(#ffffff));
}
body[orient="landscape"] > *:not(.toolbar) {
  min-height:  100%; /*268px;*/
}
body > *[selected="true"] {
  display: block;
}
body[selected="progress"] > #progress {
display: block;
}
#progress {
position:absolute;
top:0;
min-height:100% !important;
z-index:100;
color: white;
text-align: center;
}
#progress > * {
background: black url(https://meshsystems.blob.core.windows.net/meshuicommon/MobileImages/Black/progress.gif) center 75% no-repeat;
-webkit-border-radius:25px;
opacity:.8;
padding:25px 50px 100px;
position: absolute;
top: 50%;
left:50%;
margin: -50px 0 0 -75px;
}
body[orient="landscape"] > #progress > * {
margin: -25px 0 0 -75px;
}
a[selected], a:active, a[selected="progress"] {
 background:none;background-image: none;
}
body a[selected], a:active, a[selected="progress"] {
 background:none;background-image: none;
}
/************************************************************************************************/
body > .toolbar {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-bottom: 1px solid #000;
  border-top: 1px solid #000;
  padding: 10px;
  height: 45px;
  background: url(https://meshsystems.blob.core.windows.net/meshuicommon/MobileImages/Black/toolbarblack.png) #000 repeat-x;
}
.toolbar > h1 {
  position: absolute;
  overflow: hidden;
  left: 50%;
  margin: 1px 0 0 -75px;
  height: 45px;
  font-size: 16px; /*20px */
  width: 150px;
  font-weight: bold;
  text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #FFFFFF;
}
body[orient="landscape"] > .toolbar > h1 {
  margin-left: -125px;
  width: 250px;
}
.button {
position: absolute;
overflow: hidden;
top: 8px;
right: 10px;
margin: 0;
border-width: 0 5px;
padding: 0 3px;
width: auto;
height: 30px;
line-height: 30px;
font-family: inherit;
font-size: 12px;
font-weight: bold;
color: #fff !important;
text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0;
text-overflow: ellipsis;
text-decoration: none;
white-space: nowrap;
background: none;
   -webkit-border-image: url(https://meshsystems.blob.core.windows.net/meshuicommon/MobileImages/Black/button.png) 0 5 0 5;
}
.button a[selected], a:active {
  background-color: #333 !important;
  background-image: url(https://meshsystems.blob.core.windows.net/meshuicommon/MobileImages/Black/chevron.png);
  background-repeat: no-repeat;
  background-position: right center;
  color: #FFFFFF !important;
}

.hardButton {
position: absolute;
overflow: hidden;
top: 8px;
left: 10px;
margin: 0;
border-width: 0 5px;
padding: 0 3px;
width: auto;
height: 30px;
line-height: 30px;
font-family: inherit;
font-size: 12px;
font-weight: bold;
color: #fff !important;
text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0;
text-overflow: ellipsis;
text-decoration: none;
white-space: nowrap;
background: none;
   -webkit-border-image: url(https://meshsystems.blob.core.windows.net/meshuicommon/MobileImages/Black/button.png) 0 5 0 5;
}
.hardButton a[selected], a:active {
  background-color: #333 !important;
  background-image: url(https://meshsystems.blob.core.windows.net/meshuicommon/MobileImages/Black/chevron.png);
  background-repeat: no-repeat;
  background-position: right center;
  color: #FFFFFF !important;
}


.blueButton {
  -webkit-border-image: url(https://meshsystems.blob.core.windows.net/meshuicommon/MobileImages/Black/button.png) 0 5 0 5;
  border-width: 0 5px;
}
.leftButton {
  left: 6px;
  right: auto;
}
#backButton {
  display: none;
  left: 6px;
  right: auto;
  padding: 0;
  max-width: 55px;
  border-width: 0 8px 0 14px;
  -webkit-border-image: url(https://meshsystems.blob.core.windows.net/meshuicommon/MobileImages/Black/back_button.png) 0 8 0 14;
}
#backButton a[selected], a:active {
  background-color: #333 !important;
  background-image: url(https://meshsystems.blob.core.windows.net/meshuicommon/MobileImages/Black/chevron.png);
  background-repeat: no-repeat;
  background-position: right center;
  color: #FFFFFF !important;
}
.back.active {
-webkit-border-image: url(https://meshsystems.blob.core.windows.net/meshuicommon/MobileImages/Black/back_button_clicked.png) 0 8 0 14;
}
.whiteButton,
.grayButton {
display: block;
border-width: 0 12px;
padding: 10px;
text-align: center;
font-size: 20px;
font-weight: bold;
text-decoration: inherit;
color: inherit;
}
.whiteButton {
-webkit-border-image: url(https://meshsystems.blob.core.windows.net/meshuicommon/MobileImages/Black/whiteButton.png) 0 12 0 12;
text-shadow: rgba(255, 255, 255, 0.7) 0 1px 0;
}
.grayButton {
-webkit-border-image: url(https://meshsystems.blob.core.windows.net/meshuicommon/MobileImages/Black/grayButton.png) 0 12 0 12;
color: #FFFFFF;
}
/************************************************************************************************/
body > ul {
  min-height: 480px;
}
body > ul > li {
  position: relative;
  margin: 0;
  border-bottom: 1px solid #E0E0E0;
  padding: 8px 0 8px 10px;
  font-size: 16px; /* 20px */
  font-weight: bold;
  list-style: none;
}
body > ul > li.group {
  position: relative;
  top: -1px;
  border-top: 1px solid #7d7d7d;
  border-bottom: 1px solid #999999;
  padding: 3px 32px 3px 10px;
  background: url(https://meshsystems.blob.core.windows.net/meshuicommon/MobileImages/Black/listGroup.png) repeat-x;
  font-weight: bold;
  text-shadow: rgba(0, 0, 0, 0.4) 0 1px 0;
  color: #FFFFFF;
}
body > ul > li.group:first-child {
  top: 0;
  border-top: none;
}
body > ul > li > a {
  display: block;
  margin: -8px 0 -8px -10px;
  padding: 8px 32px 8px 10px;
  Text-Decoration:None;
  color: inherit;
  background: url(https://meshsystems.blob.core.windows.net/meshuicommon/MobileImages/Black/listArrow.png) no-repeat right center;
}
body > ul > li > a[selected], a:active {
  background-color: #333 !important;
  background-image: url(https://meshsystems.blob.core.windows.net/meshuicommon/MobileImages/Black/chevron.png);
  background-repeat: no-repeat;
  background-position: right center;
  color: #FFFFFF !important;
}
a[target="_replace"] {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding-top: 25px;
  padding-bottom: 25px;
  font-size: 18px;
  color: yellow;
  background-color: #FFFFFF;
  background-image: none;
}
/************************************************************************************************/
body > .dialog {
  top: 0;
  width: 100%;
  min-height: 520px;
  z-index: 2;
  background: rgba(0, 0, 0, 0.8);
  padding: 0;
  text-align: right;
}
.dialog > fieldset {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 100%;
  margin: 0;
  border: none;
  border-top: 1px solid #000;
  padding: 10px 6px;
  background: url(https://meshsystems.blob.core.windows.net/meshuicommon/MobileImages/Black/toolbar.png) #000 repeat-x;
}
.dialog > fieldset > h1 {
  margin: 0 10px 0 10px;
  padding: 0;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
  text-align: center;
}
.dialog > fieldset > label {
  position: absolute;
  margin: 16px 0 0 6px;
  font-size: 14px;
  color: #999999;
}
input:not(input[type|=radio]):not(input[type|=checkbox]) {
   box-sizing: border-box;
   -webkit-box-sizing: border-box;
   width: 100%;
   margin: 8px 0 0 0;
   padding: 6px 6px 6px 6px;
   font-size: 14px;
   font-weight: normal;
    font-family: Helvetica;
  font-weight: bold;
  color: #999999;
}
select {
   box-sizing: border-box;
   -webkit-box-sizing: border-box;
   width: 100%;
   margin: 0px 0 0 0;
   padding: 0px 6px 6px 6px;
   height:auto;
   font-size: 14px;
    font-family: Helvetica;
 font-weight: bold;
   color: #999999;
   background: white;
}
/************************************************************************************************/
body > .panel {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 10px;
  background: #c8c8c8 url(https://meshsystems.blob.core.windows.net/meshuicommon/MobileImages/Black/pinstripes.png);
}
.panel > fieldset {
  position: relative;
  margin: 0 0 20px 0;
  padding: 0;
  background: #FFFFFF;
  -webkit-border-radius: 10px;
  border: 1px solid #999999;
  text-align: right;
  font-size: 16px;
}
.row  {
  position: relative;
  min-height: 42px;
  border-bottom: 1px solid #999999;
  -webkit-border-radius: 0;
  text-align: right;
}
fieldset > .row:last-child {
  border-bottom: none !important;
}
.row > input:not(input[type|=radio]):not(input[type|=checkbox]) {
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   margin: 0;
   border: none;
   padding: 12px 10px 0 110px;
   height: 42px;
   background: none;
}
.row > input[type|=radio], .row > input[type|=checkbox] {
 margin: 7px 7px 0 0;
 height: 25px;
 width: 25px;
}
.row > label {
   position: absolute;
   margin: 0 0 0 14px;
   line-height: 42px;
   font-weight: bold;
}
.row > span {
   position: absolute;
   padding: 12px 10px 0 110px;
   margin: 0;
}
.row > .toggle {
   position: absolute;
   top: 6px;
   right: 6px;
   width: 100px;
   height: 28px;
}
.toggle {
  border: 1px solid #888888;
  -webkit-border-radius: 6px;
  background: #FFFFFF url(https://meshsystems.blob.core.windows.net/meshuicommon/MobileImages/Black/toggle.png) repeat-x;
  font-size: 19px;
  font-weight: bold;
  line-height: 30px;
}
.toggle[toggled="true"] {
  border: 1px solid #143fae;
  background: #194fdb url(https://meshsystems.blob.core.windows.net/meshuicommon/MobileImages/Black/toggleOn.png) repeat-x;
}
.toggleOn {
  display: none;
  position: absolute;
  width: 60px;
  text-align: center;
  left: 0;
  top: 0;
  color: #FFFFFF;
  text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
}
.toggleOff {
  position: absolute;
  width: 60px;
  text-align: center;
  right: 0;
  top: 0;
  color: #666666;
}
.toggle[toggled="true"] > .toggleOn {
  display: block;
}
.toggle[toggled="true"] > .toggleOff {
  display: none;
}
.thumb {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 40px;
  height: 28px;
  border: 1px solid #888888;
  -webkit-border-radius: 6px;
  background: #ffffff url(https://meshsystems.blob.core.windows.net/meshuicommon/MobileImages/Black/thumb.png) repeat-x;
}
.toggle[toggled="true"] > .thumb {
  left: auto;
  right: -1px;
}
.panel > h2 {
  margin: 0 0 8px 14px;
  font-size: inherit;
  font-weight: bold;
  color: #4d4d70;
  text-shadow: rgba(255, 255, 255, 0.75) 2px 2px 0;
}
/************************************************************************************************/
#preloader {
  display: none;
  background-image:url(https://meshsystems.blob.core.windows.net/meshuicommon/MobileImages/Black/listArrowSel.png), url(https://meshsystems.blob.core.windows.net/meshuicommon/MobileImages/Black/listGroup.png);
}
.lp { font-family : "Trebuchet ms", Arial, Tahoma, sans-serif;
font-weight: Normal;
color: Black;
font-size : 12px;
Text-Decoration:None;
font-style: Normal;
text-transform: None;}
.lp A {color: black; Text-Decoration:None;}
.lp A:Link {color: black; Text-Decoration:None;}
.lp A:Visited {color: black; Text-Decoration:None;}
.lp A:Hover {color: red; Text-Decoration:None;}
.lpsmall { font-family : "Trebuchet ms", Arial, Tahoma, sans-serif;
font-weight: Normal;
color: Black;
font-size : 10px;
Text-Decoration:None;
font-style: Normal;
text-transform: None;}
.lpsmall A {color: black; Text-Decoration:None;}
.lpsmall A:Link {color: black; Text-Decoration:None;}
.lpsmall A:Visited {color: black; Text-Decoration:None;}
.lpsmall A:Hover {color: red; Text-Decoration:None;}

.battery1, .battery2, .battery3, .battery4, .battery5  {height:32px;width:16px;overflow:hidden;background:url(https://meshsystems.blob.core.windows.net/meshuicommon/baseimages/meshstdsprite.png) no-repeat 0px -22px;margin:0px;border:0px;padding:0px;}
.battery2 {background-position:-16px -22px;}
.battery3 {background-position:-32px -22px;}
.battery4 {background-position:-48px -22px;}
.battery5 {background-position:-64px -22px;}

.bars1, .bars2, .bars3, .bars4, .bars5, .bars6  {height:22px;width:24px;overflow:hidden;background:url(https://meshsystems.blob.core.windows.net/meshuicommon/baseimages/meshstdsprite.png) no-repeat 0px 0px;margin:0px;border:0px;padding:0px;}
.bars2 {background-position:-24px 0px ;}
.bars3 {background-position: -48px 0px;}
.bars4 {background-position: -72px 0px;}
.bars5 {background-position: -96px 0px;}
.bars6 {background-position: -120px 0px;}

.iconuser, .icondevice, .iconsubscription  {height:32px;width:32px;overflow:hidden;background:url(https://meshsystems.blob.core.windows.net/meshuicommon/baseimages/meshstdsprite.png) no-repeat 0px -54px;margin:0px;border:0px;padding:0px;}
.icondevice {background-position:-32px -54px;}
.iconuser {background-position:-64px -54px;}

.blankstaticon, .redstaticon, .bluestaticon, .greenstaticon, .goldstaticon, .graystaticon  {height:16px;width:16px;overflow:hidden;background:url(https://meshsystems.blob.core.windows.net/meshuicommon/baseimages/meshstdsprite.png) no-repeat 0px -160px;border:white 0px solid;padding:0px;}
.goldstaticon {background-position:-16px -160px;}
.graystaticon {background-position:-32px -160px;}
.greenstaticon {background-position:-48px -160px;}
.redstaticon {background-position:-64px -160px;}
.bluestaticon {background-position:-80px -160px;}

.crumbs {font-family:"Trebuchet ms", Arial, Tahoma, sans-serif;font-weight:Normal;color:white;font-size:12px;line-height:normal;text-decoration:None;font-style:Normal;text-transform:None;text-align:left;width:120px;background:black !important;border:gray 1px solid;height:20px;margin:0px;padding:0px;}


.malertChk{background-image:url('https://meshsystems.blob.core.windows.net/meshuicommon/baseimages/icon/alert.png'); margin-right:5px;margin-bottom:-5px;}
.mnormalChk{background-image:url('https://meshsystems.blob.core.windows.net/meshuicommon/baseimages/icon/normal.png'); margin-right:5px;margin-bottom:-5px;}
.mwarningChk{background-image:url('https://meshsystems.blob.core.windows.net/meshuicommon/baseimages/icon/quesiton.png'); margin-right:5px;margin-bottom:-5px;}
.mSQLChk{background-image:url('https://meshsystems.blob.core.windows.net/meshuicommon/baseimages/icon/SQL.png'); margin-right:5px;}
.mLogChk{background-image:url('https://meshsystems.blob.core.windows.net/meshuicommon/baseimages/icon/Log.png'); margin-right:5px;}
.mElmahChk{background-image:url('https://meshsystems.blob.core.windows.net/meshuicommon/baseimages/icon/Elmah.png'); margin-right:5px;}
.mInspectorChk{background-image:url('https://meshsystems.blob.core.windows.net/meshuicommon/baseimages/icon/Inspector.png'); margin-right:5px;}

.meshaccordian {width:100%;Border:Black 0px solid; }
.meshaccordiantitle, .meshaccordiantitlefaux {font-family:Verdana, Helvetica, "Trebuchet MS", Sans-Serif;color:white ! important;font-size:12px;font-weight:normal; Text-Decoration:None; font-style:Normal; text-transform:None; cursor:pointer;
                     padding:5px; background-color:#212063 ! important;
                     background-image:none ! important; 
                     border-bottom:Black 1px solid;}
.meshaccordiantitle:hover, .meshaccordiantitlefaux:hover {color:gold ! important; background-color:Gray !important;}
/*.meshaccordiantitle.selected {background-color:Gray !important;font-weight:bold;}*/
.meshaccordiantitle.active, .meshaccordiantitlefaux.active {background-color:Gray !important;font-weight:bold;}
.meshaccordianbody {background-color:White; padding:5px ! important;border-bottom:black 1px solid;}

.ui-accordion .ui-accordion-header {
  cursor: pointer;
  position: relative;
  margin-top: 10px;
  zoom: 1;
}
.ui-accordion .ui-accordion-li-fix {
  display: inline;
}
.ui-accordion .ui-accordion-header-active {
  border-bottom: 0 !important;background:gray ! important;
}
.ui-accordion .ui-accordion-header a {
  display: block;
  font-size: 1em;
  padding: .5em .5em .5em .7em;
}
.ui-accordion .ui-icon {
  float:left;
}

.lbl,.lbl200, .lbl225, .lbl250, .lbl300 {font-family:Trebuchet MS;font-size:14px ! important;color:Black;font-weight:bold;} 
.lblstd {font-family:Trebuchet MS;font-size:14px ! important;color:Black;} 

.blockpartygreen, .blockpartyred, .blockpartyorange, .blockpartyyellow, .blockpartygray, .blockpartywhite, .blockpartyblue, .blockpartyblack, .blockpartypurple, .blockpartynavy {background: green; height: 13px; width: 25px; border: black 1px solid; padding: 1px; font-size: 10px; color: white; line-height: 11px;text-align:center;margin-right:auto;margin-left:auto;}
.blockpartyred { background: red ! important;}
.blockpartyorange { background: orange ! important;}
.blockpartyyellow { background: yellow ! important;}
.blockpartygray { background: gray ! important;}
.blockpartywhite { background: white ! important;}
.blockpartyblue { background: blue ! important;}
.blockpartyblack { background: black ! important;}
.blockpartypurple { background: purple ! important;}
.blockpartynavy { background: navy ! important;}

table {font-family:Verdana, Helvetica, "Trebuchet MS", Sans-Serif;font-weight:Normal;color:Black;font-size:12px;line-height:18px;text-decoration:None;font-style:Normal;text-transform:None;text-align:left;}
table A {color:navy;text-decoration:none;}
table A:Link {color:navy;text-decoration:none;}
table A:Visited {color:navy;text-decoration:none;}
table A:Hover {color:red;text-decoration:none;}

table.blank, table.blank tr, table.blank td {text-align:left;border-spacing:0px;margin:0px;padding:0px;border-collapse:collapse;border:0px;}

table.tableone, table.tableone tr, table.tableone td {text-align:left;border-spacing:0px;font-size:10px;margin:0px;padding:2px 3px 2px 3px;border-collapse:collapse;border:0px;border:none;}
table td.hover, #tableone tbody tr:hover {background:Gainsboro !important;}

#tableone, #tableone tr, #tableone td {text-align:left;border-spacing:0px;font-size:11px;margin:0px;padding:3px 1px 3px 1px;border-collapse:collapse;border:0px;border:none;}


table #tableone thead, #tableone thead tr, #tableone thead td {background:#64151a;color:White;font-weight:Bold;}
table #tableone thead td a,  #tableone thead td a:link,  #tableone thead td a:visited {color:White;}
table #tableone thead td a:hover {background:Gray;color:red ! important;}

table td.betterhover, #tabletwo tbody tr:hover {background:Gainsboro;}
table thead.hover, #tableone tbody thead:hover {background:none;color:Red}
table thead.betterhover, #tabletwo tbody thead:hover {background:none;color:Red}
.clientvarcolor, table #tableone thead, #tableone thead tr, #tableone thead td {background:#000000;color:White;}

 input[type=text], input[type=date], input[type=url], input[type=email], input[type=password], input[type=tel],  input[type=number] {
  -webkit-appearance: none; -moz-appearance: none;
  -webkit-box-sizing: border-box;
  display: block;
  margin: 0;
  margin-top: 0px;
  width: 100%; height: 40px;
  line-height: 40px; font-size: 17px;
  border: 1px solid #bbb;
}

  .meshconfig table tr td input[type=number], .meshconfig table tr td input[type=text] {
  -webkit-appearance: none; -moz-appearance: none;
  display: block;
  margin: 0;
  margin-top: 0px;
  width: 50px!important; height: 18px;
  line-height: 18px; font-size: 12px;
  border: 1px solid #bbb;
}

   select {
  -webkit-appearance: none; -moz-appearance: none;
  display: block;
  margin: 0;
  margin-top: 0px;
  width: 100%; height: 40px;
  line-height: 40px; font-size: 17px;
  border: 1px solid #bbb;
}

  textarea {
  -webkit-appearance: none; -moz-appearance: none;
  display: block;
  box-sizing: border-box;
   -webkit-box-sizing: border-box;
   width: 100%;
   margin: 0px 0 0 0;
   padding: 0px 6px 6px 6px;
   height: 100px;
   font-size: 17px;
   line-height: 23px;
    font-family: Helvetica;
   color: #999999;
   background: white;

}

        .navbar .sb-toggle-left {
 width: 58px;
 float: left;
 padding: 14px;
}

.navbar .sb-toggle-right {
 width: 58px;
 float: right;
 padding: 14px;
}

.sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close {
 cursor: pointer;
}

.sb-right {
 margin-top: 50px;
}

.navicon-line {
 width: 24px;
 height: 4px;
 border-radius: 1px;
 margin-bottom: 3px;
 background-color: #fff;
}

ul.navbar-nav {
 display: none;
}


.pushpinStyleBlack div, .pushpinStyleBlack div a  {color:black !important;font-size:9px;padding-top:2px !important;}
.pushpinStyle div, .pushpinStyle div a  {color:black !important;font-size:9px !important;padding-top:2px !important;}
.pushpinStyleWhite div, .pushpinStyleWhite div a  {color:white !important;font-size:9px !important;padding-top:2px !important;}

.infobox-title {color:red !important; font-size:14px !important;line-height:18px !important;padding-bottom:0px !important}
.infobox-info {color:black !important; font-size:10px !important;line-height:12px !important;padding-top:0px !important}