@charset "utf-8";
body {
  color: #666;
}

#wrapper-inner {
  background: #f5f5fa;
}

#header {
  background-color: #e6e6eb;
}

#insta-wifi-img {
  width: 125.9px;
  height: 39.1px;
}

.psHeadBar {
  width: 100%;
  background: #e6e6eb;
  height: 22px;
  padding: 20px 0px;
}

.psHead {
  float: left;
  padding-left: 2%;
  width: 78%;
  font-size: 18px;
  color: #fff;
}

.psSubHead {
  float: left;
  padding-left: 2%;
  padding-bottom: 10px;
  width: auto;
  font-size: 16px;
}

.psHeadClose {
  float: right;
  width: 18%;
  padding-right: 2%;
}

#username {
  color: #41414b;
}

a {
  color: #41414b;
}

.subBut {
  background: #41414b;
  color: #fff;
}

.inp {
  border: 1px solid #d9d9d9;
  background: #f5f5fa;
}

#tc {
  color: #0c397a;
}

#welcome {
  color: #666;
}

#tool-inner ul li h2 {
  color: #666;
  font-size: 16px;
  font-weight: bold;
  padding-left: 50px;
}

#tool-inner ul li p {
  padding-left: 50px;
}

#listing li {
  border-top: 1px solid #bababa;
}

.ui-select-acno-span {
  display: none;
}

/* -------------------- on-off buttons ----------------- */

.on {
  background: #41414b;
  color: #fff;
}

.off {
  background: #c7c7c7;
}

.offGrey {
  background: #7f7f7f !important;
  color: #fff;
}

.onGrey {
  background: #dddfe2;
}

ul#header-menu2 li {
  float: left;
  padding: 20px 12px;
  cursor: pointer;
}

ul#header-menu2 li.wifi-nw-on {
  background: url(../images/watchguard/nw-on.png) no-repeat center center
    #f5f5fa;
  min-width: 40px;
  min-height: 30px;
}

ul#header-menu2 li.wifi-report-off {
  background: url(../images/watchguard/report-off.png) no-repeat center center;
  min-width: 40px;
  min-height: 30px;
}

ul#header-menu2 li.wifi-nw-off {
  background: url(../images/watchguard/nw-off.png) no-repeat center center;
  min-width: 40px;
  min-height: 30px;
}

ul#header-menu2 li.wifi-report-on {
  background: url(../images/watchguard/report-on.png) no-repeat center center
    #f5f5fa;
  min-width: 40px;
  min-height: 30px;
}

h3.active,
li.link,
a.link {
  color: #41414b;
  text-decoration: underline;
  cursor: pointer;
}

#listing .active {
  background: #f5f5fa;
}

/* -------------------- menu border - ssid setup page --------------- */

.modeBorder {
  border-bottom: 2px solid #41414b;
}

#spanPortSetting {
  background: #0a6bb4;
  color: #fff;
}

/* -------------------- radio button - ssid setup page --------------- */

.blueBut {
  background: #41414b url(../../images/radio_btn_selected.png) no-repeat;
  background-position: 8px 10px;
  color: #fff;
  cursor: pointer;
}

.greyBut {
  background: #d7d6d6 url(../../images/radio_btn_deselected.png) no-repeat;
  background-position: 8px 10px;
  cursor: pointer;
  color: #fff;
}

#spanPortSetting,
#spanPortSetting2 {
  background: #41414b;
  color: #fff;
}

.inp2,
.selectBox {
  border: 1px solid #d9d9d9;
}

/* ---------------------  advanced -------------------- */

.borderBottom {
  border-bottom: 1px solid #bababa;
}

.leftBorder {
  border-left: 1px solid #fff;
}

.subGen {
  background: #41414b;
  color: #fff;
}

/* ----------   reports config  ---------------- */

.selectBoxDay,
.selectBoxMonth,
.selectBoxNum {
  border: 1px solid #d9d9d9;
}

.textPara {
  background: #fff;
  border: 1px solid #ccc;
}

textarea#emailSet {
  border: 1px solid #cccccc;
}

#emailOver {
  background-color: #ccc;
}

/* ----------   header app logo css  ---------------- */

li.appLogoLi {
  padding: 5px 0px 0px 25px !important;
}

li.appLogoLi img {
  height: 34px;
}

li#liMenuOpt {
  padding-left: 15px !important;
  padding-top: 15px !important;
  cursor: pointer;
}
