@charset "iso-8859-1";
/* common classes */
html,
body {
  margin: 0px;
  font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  background: #ffffff;
  color: #333333;
  font-size: 14px;
  font-weight: 500;
  height: 100%;
  min-height: 100%;
}
i {
  font-weight: 600;
}
a {
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-weight: 500;
  cursor: pointer;
  cursor: hand;
  color: #3077b7;
  white-space: nowrap;
  text-decoration: none;
}
a:hover {
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-weight: 500;
  text-decoration: underline;
}
.html-link {
  cursor: pointer;
  cursor: hand;
  background: transparent;
}
.html-link .logo,
td > div.logo {
  color: white;
  font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-size: 18px;
  font-weight: bold;
  white-space: nowrap;
}

.html-link-nocursor {
  background: transparent;
}
.html-link-nocursor .logo,
td > div.logo {
  color: white;
  font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-size: 18px;
  font-weight: bold;
  white-space: nowrap;
}
img {
  border: 0px solid black;
}
select {
  font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  vertical-align: middle;
  font-weight: 500;
  font-size: 14px;
  /*border-radius: 20px;
	border:1px solid #696969;
		padding-left:9px;
	padding-right:9px;*/
  line-height: 20px;
}
input {
  font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  vertical-align: middle;
}
.gwt-TextBox {
  width: 150px;
}
.gwt-Button {
  padding: 2px;
  border: 0px;
  height: 24px;
  width: 120px;
  background-image: url(/images/button.png);
  border: 1px solid #9b9b9b;
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  color: #232323;
}
.gwt-Button:disabled {
  padding: 2px;
  border: 0px;
  height: 24px;
  width: 120px;
  background-image: url(/images/button.png);
  border: 1px solid #9b9b9b;
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
  font-weight: 700;
  color: gray;
}
.gwt-CheckBox label {
  /*margin-left: 3px;*/
}
.gwt-CheckBox-IE8 label {
  /* margin-left: 3px;*/
}
.gwt-CheckBox input[type=checkbox] {
  display: none;
}
.gwt-CheckBox input[type=checkbox] + label {
  /*    background: url("/images/160/checkbox_unchecked.png") no-repeat;
    height: 23px;
    display: inline-block;
    padding: 0 5px 0 28px;*/
  background-image: url('/images/svg/SVG_ICONS_2.1/check-emptysprites.svg');
  padding: 0 5px 0 24px;
  background-position: 0% 50%;
  width: 18px;
  height: 18px;
  margin-right: 2px;
  display: inline-block;
  background-repeat: no-repeat;
  /*	background-size: cover; */
  background-size: 18px 90px;
  vertical-align: middle;
  width: auto;
  cursor: pointer;
}
.gwt-CheckBox.gwt-CheckBox-disabled input[type=checkbox] + label {
  background-position: 0% 0%;
  cursor: default;
}
.gwt-CheckBox input[type=checkbox]:checked + label {
  /*    background: url("/images/160/checkbox_checked.png") no-repeat;*/
  background-image: url('/images/svg/SVG_ICONS_2.1/check-selectedsprites.svg');
}
.gwt-CheckBox.gwt-CheckBox-disabled input[type=checkbox]:checked + label {
  background-position: 0% 0%;
  cursor: default;
}
.gwt-HorizontalSplitPanel {
  border: 1px solid #B7BABC;
}
.gwt-HorizontalSplitPanel .hsplitter {
  background-color: #E1E1E1;
  cursor: e-resize;
  /* IE6, IE7, FF2, Safari Win */
  cursor: col-resize;
}
table.frame tr.heading td {
  color: #333333;
  height: 18px;
  text-align: center;
  background: url(/images/tablecaption.png) repeat-x;
  padding-bottom: 0px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 0px;
  vertical-align: middle;
  background-color: #E1E1E1;
}
.gwt-SmallButton {
  padding: 2px;
  border: 0px;
  height: 26px;
  width: 60px;
  background-image: url(/images/button.png);
  border: 1px solid #9b9b9b;
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  color: #232323;
}
.gwt-BigButton {
  height: 32px;
  width: 168px;
  background: url(/images/portal/site/forticloud_button.png) no-repeat;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
  color: #555555;
  border: 0;
}
.gwt-BigButton-hover {
  height: 32px;
  width: 168px;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
  color: #004183;
}
textarea {
  font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
}
/*list table with cells and caption*/
table.list {
  border-collapse: collapse;
}

table.list tr {
  font-family: Lato;
  color: #333333;
  font-size: 14px;
  font-weight: 500;
  height: 100%;
  height: 38px;
  line-height: 25px;
}

table.list tr.heading > td {
  font-size: 15px;
  font-weight: 700;
  text-align: left;
  background-color: #d3d7db;
}

table.list > tr.data_odd:hover,
table.list > tr.data_even:hover {
  background-color: #c8e0f3;
}

table.list tr.data_even {
  background-color: #eff4f7;
}

table.list tr.data_odd {
  background-color: #ffffff;
}

table.list td {
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #696969;
  border-bottom: 1px solid #cccccc;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
}
table.list td img {
  vertical-align: middle;
  margin: 0 auto;
}
table.list td.no-padding {
  padding-left: 0px;
  padding-right: 0px;
}
table.list tr.last td {
  border-bottom: 1px solid #cccccc;
}

table.reflist {
	width: 100%;
	margin-right: 20px;
}
table.reflist td {
	white-space: nowrap;
}
table.reflist tr.last td {
  border-bottom: 0px solid #cccccc;
}
table.list tr.disabled td {
  opacity: 0.5;
}
table.list tr.disabled td.last {
	opacity: inherit;
}
table.list tr.disabled.selected td.last,
table.list tr.disabled.over td.last {
  	background-color: rgba(200, 224, 243, 0.5);
}
table.list tr.last td table td {
  border: 0px solid #cccccc;
}
table.list td table {
  margin: 0 auto;
}
table.list td table td {
  padding-left: 0px;
  padding-right: 0px;
  border-bottom: 0px solid #ffffff;
  border-top: 0px solid #FFFFFF;
}
table.list td.html-link {
  cursor: pointer;
  cursor: hand;
  color: #333333;
  white-space: nowrap;
  text_decoration: none;
}
table.list td.html-link-over {
  cursor: pointer;
  cursor: hand;
  color: #0033cc;
  white-space: nowrap;
  text-decoration: underline;
}
table.list tr.heading2 td.left,
table.list tr.category td.left,
table.list td.left {
  text-align: left;
}
table.list td.hilight {
  background: #EFF7FF;
}
table.list tr.heading2 td.right,
table.list tr.category td.right,
table.list td.right {
  text-align: right;
}
table.list tr.heading2 td.center,
table.list tr.category td.center,
table.list td.center {
  text-align: center;
}
table.list tr.compress {
  height: 0px;
}

table.list tr.heading td {
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-size: 15px;
  color: #333333;
  text-align: center;
  font-weight: 700;
}
table.list tr.heading2 td {
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-size: 15px;
  color: #333333;
  text-align: center;
  font-weight: 700;
  cursor: default;
}
table.list tr.highlight td {
  color: #3077b7;
}
table.list td.cellHeading {
  height: 38px;
  text-align: center;
  vertical-align: middle;
  padding-left: 10px;
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-weight: 700;
  font-size: 18px;
  color: #333333;
}
table.list tr.category td {
  background-color: #5d7f9e;
  color: white;
  text-align: left;
}

table.list tr.subcategory td {
  background-color: #4da7fb;
  color: white;
}

table.list tr:hover {
  background-color: rgb(200, 224, 243);
}
table.simplemenu tr.over td {
  background-color: rgb(236, 244, 253);
  cursor: pointer;
}
table.list tr.selected td {
  background-color: rgb(200, 224, 243);
}
table.list tr.heading td.left {
  text-align: left;
}
table.list2 {
  border-collapse: collapse;
}
table.list2 td {
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #333333;
  text-align: left;
}
table.list2 td.right {
  text-align: left;
}
table.list2 tr.last td {
  border-bottom: 0px solid #e0e0e0;
}
table.list2 td table td {
  padding-left: 2px;
  padding-right: 2px;
  border-bottom: 0px solid #ffffff;
  border-top: 0px solid #FFFFFF;
}
table.list2 td.html-link {
  cursor: pointer;
  cursor: hand;
  color: #333333;
  white-space: nowrap;
  text_decoration: none;
}
table.list2 td.label {
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #333333;
  text-align: left;
  white-space: nowrap;
  padding-right: 40px;
}
table.list2 td.html-link-over {
  cursor: pointer;
  cursor: hand;
  color: #0033cc;
  white-space: nowrap;
  text-decoration: underline;
}
table.list2 tr {
  line-height: 37px;
}
table.list2 .apTableBig tr {
	line-height: normal;
}

table.list3 {
  border-collapse: collapse;
}
table.list3 td {
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #696969;
  border-bottom: 1px solid #cccccc;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
}
table.list3 td img {
  vertical-align: middle;
  margin: 0 auto;
}
table.list3 td.no-padding {
  padding-left: 0px;
  padding-right: 0px;
}
table.list3 tr.last td {
  border-bottom: 1px solid #cccccc;
}
table.list3 tr.disabled td {
  opacity: 0.5;
}
table.list3 tr.disabled td.last {
  opacity: inherit;
}
table.list3 tr.disabled.selected td.last,
table.list3 tr.disabled.over td.last {
  background-color: rgba(200, 224, 243, 0.5);
}
table.list3 tr.last td table td {
  border: 0px solid #cccccc;
}
table.list3 td table {
  margin: 0;
}
table.list3 td table td {
  padding-left: 0px;
  padding-right: 0px;
  border-bottom: 0px solid #ffffff;
  border-top: 0px solid #FFFFFF;
}
table.list3 td.html-link {
  cursor: pointer;
  cursor: hand;
  color: #333333;
  white-space: nowrap;
  text_decoration: none;
}
table.list3 td.html-link-over {
  cursor: pointer;
  cursor: hand;
  color: #0033cc;
  white-space: nowrap;
  text-decoration: underline;
}
table.list3 tr.heading2 td.left,
table.list3 tr.category td.left,
table.list3 td.left {
  text-align: left;
}
table.list3 td.hilight {
  background: #EFF7FF;
}
table.list3 tr.heading2 td.right,
table.list3 tr.category td.right,
table.list3 td.right {
  text-align: right;
}
table.list3 tr.heading2 td.center,
table.list3 tr.category td.center,
table.list3 td.center {
  text-align: center;
}
table.list3 tr.compress {
  height: 0px;
}
table.list3 tr {
  height: 38px;
  line-height: 25px;
}
table.list3 tr.heading td {
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-size: 15px;
  color: #333333;
  text-align: center;
  font-weight: 700;
}
table.list3 tr.heading2 td {
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-size: 15px;
  color: #333333;
  text-align: center;
  font-weight: 700;
  cursor: default;
}
table.list3 tr.highlight td {
  color: #3077b7;
}
table.list3 td.cellHeading {
  height: 38px;
  text-align: center;
  vertical-align: middle;
  padding-left: 10px;
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-weight: 700;
  font-size: 18px;
  color: #333333;
}
table.list3 tr.category td {
  background-color: #5d7f9e;
  color: white;
  text-align: left;
}

table.list3 tr.subcategory td {
  background-color: #4da7fb;
  color: white;
}

table.list3 tr.over td {
  background-color: rgb(200, 224, 243);
}
table.simplemenu tr.over td {
  background-color: rgb(236, 244, 253);
  cursor: pointer;
}
table.list3 tr.selected td {
  background-color: rgb(200, 224, 243);
}
table.list3 tr.heading td.left {
  text-align: left;
}

table.list4 thead th {
background-color: rgb(81, 130, 187);
color: #fff;
border-bottom-width: 0;
}

/* Column Style */
table.list4 td {
color: #000;
}
/* Heading and Column Style */
table.list4 tr, table.list4 th {
border-width: 1px;
border-style: solid;
border-color: rgb(81, 130, 187);
}

table.list4 td, table.list4 th {
padding: 2px 10px;
}

table.list4 tr.heading td {
  font-size: 16px;
  padding: 4px 10px;
  background-color: rgb(81, 130, 187);
  color: #fff;
  border-bottom-width: 0;
}

table.list4 tr.highlight td {
  font-size: 14px;
  font-family: Verdana;
  font-weight: bold;
}

table.listCell td,
table.listCellCondensed td {
	text-align: left;
}
table.list td table.listCell td {
  padding-left: 1px;
  padding-right: 8px;
}
table.listCell tr,
table.listCellCondensed tr {
	height: auto;
}
table.list td table.sortCell td {
	padding: 0;
	margin: 0;
}
table.sortCell tr {
	height: auto;
	line-height: 0;
}
table.sortCell {
  display: inline-block;
  vertical-align: top;
}
.svg-bg-sort {
  width: 16px;
  height: 12px;
  display: inline-block;
  background-repeat: no-repeat;
  /*	background-size: cover; */
  background-size: 16px 60px;
}
table.mouseover {
  border-spacing: 0;
  border-collapse: collapse;
}
table.mouseover tr:hover td {
  background-color: rgb(200, 224, 243);
  cursor: pointer;
}
table.widgetmouseover {
  border-spacing: 0;
  border-collapse: collapse;
}
table.widgetmouseover td {
  height: 30px;
  line-height: 30px;
}
table.widgetmouseover tr:hover td {
  background-color: rgb(200, 224, 243);
  cursor: pointer;
}
table.widgetmouseover tr:hover td table td {
  background: transparent;
}
table.widgetmouseover tr td img {
  vertical-align: middle;
  padding-bottom: 2px;
}
/* dialog is used as container */
table.dialog {
  width: 100%;
}
table.dialog table.body {
  width: 100%;
}
table.underline {
  border-bottom: 0px;
}
table.underline td {
  border-bottom: 1px solid #dddddd;
}
table.noline {
  border-bottom: 0px;
}
table.noline td {
  border-bottom: 0px;
}
/* infotable with no cell border and no header, only with row border*/
table.infotable {
  border-spacing: 0;
  border-collapse: collapse;
}
table.infotable tr {
  height: 30px;
}
table.infotable tr.last {
  height: 50px;
}
table.infotable tr.last td {
  padding-top: 10px;
}
table.infotable td {
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-size: 14px;
  color: #696969;
}
table.infotable td.label {
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #333333;
  padding-right: 40px;
  WHITE-SPACE: nowrap;
}
table.infotable td.slabel {
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #333333;
  padding-right: 10px;
  padding-left: 10px;
  WHITE-SPACE: nowrap;
}
table.infotable td.right {
  text-align: right;
}
table .sframe {
  border-right: #c7c7c7 1px solid;
  border-bottom: #c7c7c7 1px solid;
  border-spacing: 0;
  border-collapse: seperate;
  /*background-color: #e8e8e8;*/
}
/* followings are for popup dialog box */
.tk-GlassPanel {
  /*cursor: wait;*/
  background: white;
  filter: alpha(opacity =                       0);
  opacity: 0.0;
}
.tk-ModalDialog {
  background: #ffffff;
  -moz-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.45);
  -webkit-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.45);
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.45);
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #dddddd;
  z-index: 100;
}
.tk-ModalDialog .Caption {
  /*background-color: #BCD4D2;*/
  padding: 15px;
  cursor: move;
  /*
	padding-bottom: 0px;
	*/
}
.tk-ModalDialog .Caption .close {
  cursor: pointer;
  position: absolute;
  right: 15px;
  top: 15px;
}
.tk-ModalDialog .Caption .title {
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-weight: 700;
  font-size: 17px;
  color: #333333;
  cursor: move;
}
.tk-ModalDialog .footer {
  margin-top: 25px;
  /*background: url(/images/tablecaption.png);*/
}
.tk-ModalDialog-content {
  padding: 30px;
  padding-top: 0px;
}
/* followings are for framework, don't touch it and use it*/
.gwt-TabPanelBottom {
  align: middle;
  height: 100%;
  margin: 0 auto;
  padding: 0;
}
.gwt-TabBar {
  padding-bottom: 0px;
  background: transparent url(/images/tvertline.gif) repeat-y;
  cursor: pointer;
  padding-left: 0px;
}
.content-main {
  /*margin-top: 12px;*/
  /*background: #fdfdfd url(/images/left-top.png) no-repeat left top;*/
}
.main-title {
  font-weight: 700;
  color: #5D687B;
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-size: 13px;
  padding-left: 5px;
}
.main-left {
  padding-left: 4px;
  padding-right: 2px;
  border-right: 1px solid #abb0b3;
}
.main-right {
  padding-left: 2px;
  border-left: 1px solid #d3d4d5;
  background: #f6f6f6;
}
.left-top {
  border-bottom: 1px solid #c4c8ca;
  padding-bottom: 4px;
}
.left-bottom {
  border-top: 1px solid #f1f1f2;
  padding-top: 6px;
}
.first-first {
  background: transparent;
  padding-right: 0px;
}
.first-first-narrow {
  background: transparent;
  padding-right: 0px;
}
.first-padding {
  background: transparent;
}
.first-last {
  background: transparent;
}
.bar-second {
  background: transparent;
  min-height: 650px;
  height: auto !important;
  height: 650px;
}
.gwt-TabBar .gwt-TabBarItem {
  cursor: pointer;
  cursor: hand;
  padding-left: 2px;
  padding-right: 0px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.gwt-TabBar .gwt-TabBarItem-selected {
  /*font-weight: 700;*/
  cursor: default;
  background: #8998A8;
  color: #ffffff;
  padding-left: 2px;
  padding-right: 0px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.gwt-TabPanel1 {
  margin-top: 4px;
}
.gwt-TabPanel1Bottom {
  align: middle;
}
.gwt-TabBar1 {
  border-bottom: 4px solid #004183;
}
.gwt-TabBar1 .gwt-TabBarFirst {
  background: none;
  width: 100%;
}
.gwt-TabBar1 .gwt-TabBarRest {
  font-weight: 700;
  vertical-align: middle;
}
.gwt-TabBar1 .gwt-TabBarItem {
  height: 20px;
  background-color: #E7E9EC;
  color: #F7F8F9;
  background-image: url(/images/portal/site/menu.png);
  background-repeat: repeat-x;
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 4px;
  margin-right: 5px;
}
.gwt-TabBar1 .gwt-TabBarItem-selected {
  height: 20px;
  background-color: #E7E9EC;
  color: #F7F8F9;
  background-image: url(/images/portal/site/menuover.png);
  background-repeat: repeat-x;
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  padding-left: 10px;
  padding-right: 15px;
  padding-top: 4px;
}
/*-------*/
.gwt-TabBarFirst-wrapper .gwt-TabBarFirst {
  background: none;
  width: 100%;
}
.gwt-DecoratedTabBar {
  background: #ccc;
  padding-top: 6px;
}
.gwt-DecoratedTabBar .gwt-TabBarFirst {
  width: 5px;
  /* first tab distance from the left */
}
.gwt-DecoratedTabBar .gwt-TabBarItem {
  border-collapse: collapse;
  margin-left: 4px;
}
.gwt-DecoratedTabBar .tabTopCenter {
  padding: 0px;
  background: #DEDEDE;
}
.gwt-DecoratedTabBar .tabTopLeft,
.gwt-DecoratedTabBar .tabTopRight {
  padding: 0px;
  zoom: 1;
}
.gwt-DecoratedTabBar .tabTopLeftInner,
.gwt-DecoratedTabBar .tabTopRightInner {
  width: 3px;
  height: 3px;
}
.gwt-DecoratedTabBar .tabTopLeft {
  background: url(/images/circles.png) no-repeat 0px 0px;
  -background: url(/images/circles_ie6.png) no-repeat 0px 0px;
}
.gwt-DecoratedTabBar .tabTopRight {
  background: url(/images/circles.png) no-repeat -3px 0px;
  -background: url(/images/circles_ie6.png) no-repeat -3px 0px;
}
* html .gwt-DecoratedTabBar .tabTopLeftInner,
* html .gwt-DecoratedTabBar .tabTopRightInner {
  width: 3px;
  height: 3px;
  overflow: hidden;
}
.gwt-DecoratedTabBar .tabMiddleLeft,
.gwt-DecoratedTabBar .tabMiddleRight {
  width: 3px;
  padding: 0px;
  background: #DEDEDE;
}
.gwt-DecoratedTabBar .tabMiddleLeftInner,
.gwt-DecoratedTabBar .tabMiddleRightInner {
  width: 1px;
  height: 1px;
}
.gwt-DecoratedTabBar .tabMiddleCenter {
  padding: 0px 5px 4px 5px;
  cursor: pointer;
  cursor: hand;
  color: #fff;
  font-weight: normal;
  text-align: center;
  background: #DEDEDE;
}
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopCenter {
  background: #fff;
}
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopLeft {
  background: url(/images/circles.png) no-repeat -6px 0px;
  -background: url(/images/circles_ie6.png) no-repeat -6px 0px;
}
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopRight {
  background: url(/images/circles.png) no-repeat -9px 0px;
  -background: url(/images/circles_ie6.png) no-repeat -9px 0px;
}
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleLeft,
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleRight {
  background: #fff;
}
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter {
  cursor: default;
  background: #fff;
  color: #333;
  font-weight: 700;
}
.gwt-DecoratedTabBar .gwt-TabBarItem-disabled .tabMiddleCenter {
  cursor: default;
  color: #999999;
}
/*-------*/
.menu-item {
  background: transparent url(/images/tnode.gif) no-repeat left center;
  padding-left: 16px;
  height: 22px;
}
.menu-item-last {
  background: transparent url(/images/tlastnode.gif) no-repeat left center;
  padding-left: 16px;
  height: 22px;
}
.menu-item table td,
.menu-item-last table td {
  vertical-align: middle;
}
.page_title {
  WHITE-SPACE: nowrap;
  CURSOR: pointer;
  color: #232323;
  background: transparent url(/images/nav_dot_grey.png) no-repeat left center;
  padding-left: 12px;
}
.gwt-TabBar .html-link a {
  font-size: 12px;
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  cursor: pointer;
  cursor: hand;
  color: #333333;
  white-space: nowrap;
  text_decoration: none;
}
.gwt-TabBar .html-link a:hover {
  -font-family: Verdana, Arial, Helvetica;
  color: #333333;
  text-decoration: underline;
  white-space: nowrap;
}
.page_title_selected {
  WHITE-SPACE: nowrap;
  CURSOR: pointer;
  color: #F7F8F9;
  font-weight: 700;
  background: transparent url(/images/nav_dot_red.png) no-repeat left center;
  padding-left: 12px;
}
.page_title_last {
  WHITE-SPACE: nowrap;
  CURSOR: pointer;
  padding: 2px;
  cursor: pointer;
  cursor: hand;
  margin-right: 2px;
  margin-left: 50px;
}
.delete_page1 {
  BACKGROUND: url(/images/portal/pageClose1.png ) no-repeat center right;
  CURSOR: pointer;
  padding: 0px;
  margin: 0px;
  width: 14px;
  height: 14px;
  clear: both;
}
.delete_page2 {
  BACKGROUND: url(/images/portal/pageClose2.gif ) no-repeat center right;
  CURSOR: pointer;
  padding: 0px;
  margin: 0px;
  width: 14px;
  height: 14px;
  clear: both;
}
.add_page1 {
  BACKGROUND: url(/images/portal/pageTool1.gif ) no-repeat top right;
  CURSOR: pointer;
  padding: 0px;
  margin: 0px;
  width: 9px;
  height: 9px;
  clear: both;
}
.add_page2 {
  BACKGROUND: url(/images/portal/pageTool2.gif ) no-repeat top right;
  CURSOR: pointer;
  padding: 0px;
  margin: 0px;
  width: 9px;
  height: 9px;
  clear: both;
}
.add_page3 {
  BACKGROUND: url(/images/portal/pageTool3.gif ) no-repeat top right;
  CURSOR: pointer;
  padding: 0px;
  margin: 0px;
  width: 9px;
  height: 9px;
  clear: both;
}
.add_page4 {
  BACKGROUND: url(/images/portal/pageTool4.gif ) no-repeat top right;
  CURSOR: pointer;
  padding: 0px;
  margin: 0px;
  width: 9px;
  height: 9px;
  clear: both;
}
.tool_panel {
  border-bottom: 1px solid #D0D0D0;
  background-color: #f5f5f5;
}
.leftmenu {
  border-right: 1px solid #d0d0d0;
}
.leftmenu TD {
  vertical-align: top;
}
.leftmenu_block {
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
}
.leftmenu_block .item {
  color: #111;
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
  padding-bottom: 3px;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 3px;
  vertical-align: top;
  text-align: left;
  font-weight: 700;
}
.leftmenu_block .item_small {
  color: #111;
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
  padding-top: 6px;
}
.leftmenu_block .item_hover {
  color: white;
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
  padding-bottom: 3px;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 3px;
  vertical-align: top;
  text-align: left;
  font-weight: 700;
  BACKGROUND-COLOR: #7d8083;
  cursor: pointer;
  cursor: hand;
}
table.layout {
  width: 100%;
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
}
table.layout td {
  color: #003431;
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
}
.menu_button_on {
  vertical-align: middle;
  cursor: pointer;
  cursor: hand;
}
.menu_button_on_l {
  /*	background: url(/images/160/right_tab.png)  repeat-x left bottom;*/
}
.menu_button_on_r {
  /*	background: url(/images/160/left_tab.png) repeat-x left bottom;*/
}
.menu_button_on_c {
  /*	background: url(/images/160/middle_tab.png) repeat-x left bottom;*/
  background-color: #5badfb;
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-weight: 700;
  font-size: 15px;
  color: #f6f6f6;
  padding-left: 13px;
  padding-right: 13px;
  padding-top: 5px;
  padding-bottom: 6px;
}

.menu_button_on_background-color {
	background-color: #5badfb;
}

.menu_button_off_c {
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-weight: 700;
  font-size: 15px;
  color: #d6e0e8;
  padding-left: 13px;
  padding-right: 13px;
  padding-top: 5px;
  padding-bottom: 6px;  
}
.menu_button_off_c:hover {
  color: #e4e5e6;
}
.menu_button_off {
  vertical-align: middle;
  cursor: pointer;
  cursor: hand;
}
.menu_button_over {
  height: 35px;
  vertical-align: middle;
  cursor: pointer;
  cursor: hand;
}
.fgtsecond_menu {
  border-spacing: 1px;
  border-collapse: separate;
  padding-left: 6px;
}
.fgtsecond_menu .second_menu_button_on_c {
  /*background:#e9e9e9;*/
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.second_menu_button_on_c .text,
.fgtsecond_menu .second_menu_button_on_c .text {
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-size: 16px;
  color: #ffffff;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-weight: 550;
  cursor: pointer;
  cursor: hand;
}
.fgtsecond_menu .second_menu_button_on_c {
  background-color: #5badfb;
}
.fgtsecond_menu .level2MenuWrapperOver {
	background-color: #e6e6e6;
}
.fgtsecond_menu .second_menu_button_composite {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.second_menu_button_divider {
  border-bottom: 2px solid #ccc;
}
.fgtsecond_menu .second_menu_button_off {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.ap_avSbmsnMenu_child {
  padding-left: 24px;
}
.ap_avSbmsnMenu .ap_avSbmsnMenu_parent div.text,
.fgtsecond_menu .second_menu_button_composite .text {
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-size: 16px;
  padding-top: 3px;
  padding-bottom: 3px;
  /* font-weight: 700; */
  color: #696969;
  cursor: pointer;
  cursor: hand;
}
.fgtsecond_menu .second_menu_button_off .text {
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-size: 16px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-weight: 550;
  color: #696969;
  cursor: pointer;
  cursor: hand;
}
.fgtsecond_menu .text {
	padding-left: 5px;
	padding-right: 5px;
}

.dashsecond_menu {
  border-spacing: 1px;
  border-collapse: separate;
  padding-left: 6px;
  padding-right: 6px;
  
}
.dashsecond_menu .second_menu_button_on_c {
  /*background:#e9e9e9;*/
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.dashsecond_menu .second_menu_button_on_c .text {
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-weight: 550;
  cursor: pointer;
  cursor: hand;
}
.dashsecond_menu .second_menu_button_on_c {
  background-color: #5badfb;
}
.dashsecond_menu .level2MenuWrapperOver {
  background-color: #6b6a6a;
}
.dashsecond_menu .second_menu_button_composite {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.second_menu_button_divider {
  border-bottom: 3px solid #ccc;
}
.dashsecond_menu .second_menu_button_off {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.dashsecond_menu .second_menu_button_composite .text {
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-size: 16px;
  line-height: 20px;
  padding-top: 3px;
  padding-bottom: 5px;
  /* font-weight: 700; */
  color: #ffffff;
  cursor: pointer;
  cursor: hand;
}
.dashsecond_menu .second_menu_button_off .text {
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-size: 16px;
  line-height: 20px;
  padding-top: 3px;
  padding-bottom: 5px;
  font-weight: 550;
  color: #ffffff;
  cursor: pointer;
  cursor: hand;
}
.dashsecond_menu .text {
	padding-left: 5px;
	padding-right: 5px;
}


.level2MenuComposite .second_menu_level1ge {
  padding-left: 22px;
}
.apsecond_menu {
  border-spacing: 5px;
  border-collapse: separate;
}
.apsecond_menu .second_menu_button_on_c {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.apsecond_menu .second_menu_button_on_c .text {
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-size: 16px;
  color: #0d6bc3;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-weight: 550;
}
.apsecond_menu .second_menu_button_composite {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.apsecond_menu .second_menu_button_off {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.apsecond_menu .second_menu_button_composite .text {
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-size: 14px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-weight: 550;
  color: #696969;
}
.apsecond_menu .second_menu_button_off .text {
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-size: 14px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-weight: 550;
  color: #696969;
  cursor: pointer;
  cursor: hand;
}
.fgtsecond_menu .checkBoxLevel2MenuItem .second_menu_button_off_disable .text {
  color: #a0a0a0;
  cursor: default;
}
.top_bg {
  padding: 0px;
  border: 0px;
  /*background: transparent url( /images/topbanner_bg1.png) left bottom
	no-repeat;*/
}
.top_bg_outer {
  background: transparent url(/images/160/top_background.png) repeat-x;
}
.top_bg_outer td img {
  line-height: 1px;
}
.mainfooter {
  background-color: #D9E1E2;
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-size: 14px;
}
.mainfooter .conn {
  color: #e4e5e6;
}
.baseSplitPanel .mainfooter .conn {
  color: #ffffff;
}
.mainfooter td {
  font-size: 12px;
  color: #767676;
}
.delete-icon {
  background-image: url(/images/portal/delete.gif );
}
.edit-icon {
  background-image: url(/images/portal/edit.gif );
}
.select-icon {
  background-image: url(/images/portal/select.gif );
}
.copy-icon {
  background-image: url(/images/portal/diff.gif );
}
div.withborder {
  width: 100%;
  padding: 0px;
  border-style: solid;
  border-color: #99cccc;
  border-width: 1px;
}
.dPanel {
  background: transparent url(/images/tvertline.gif) repeat-y;
  cursor: pointer;
  padding-left: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.dbPanel {
  background: transparent url(/images/tblank.gif) repeat-y;
  cursor: pointer;
  padding-left: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.dheader-closed {
  background: transparent url(/images/tpnode.gif) no-repeat left center;
  cursor: pointer;
  padding-left: 16px;
  height: 20px;
}
.dheader-closed-first {
  background: transparent url(/images/tpfirstnode.gif) no-repeat left center;
  cursor: pointer;
  padding-left: 16px;
  height: 20px;
}
.dheader-closed-last {
  background: transparent url(/images/tplastnode.gif) no-repeat left center;
  cursor: pointer;
  padding-left: 16px;
  height: 20px;
}
.dheader-closed-empty {
  height: 20px;
  background: transparent url(/images/tool_sprites.png) no-repeat 0 -736px;
  cursor: pointer;
  padding-left: 16px;
}
.dheader-open {
  background: transparent url(/images/tmnode.gif) no-repeat left center;
  cursor: pointer;
  padding-left: 16px;
  height: 20px;
}
.dheader-open-first {
  background: transparent url(/images/tmfirstnode.gif) no-repeat left center;
  cursor: pointer;
  padding-left: 16px;
  height: 20px;
}
.dheader-open-last {
  background: transparent url(/images/tmlastnode.gif) no-repeat left center;
  cursor: pointer;
  padding-left: 16px;
  height: 20px;
}
.dheader-open-empty {
  height: 20px;
  background: transparent url(/images/tool_sprites.png) no-repeat 0 -720px;
  cursor: pointer;
  padding-left: 16px;
}
.header-highlight {
  background-color: #8998A8;
  color: #ffffff;
}
.dheader-leaf {
  background: transparent url(/images/tlnode.gif) no-repeat left center;
  padding-left: 16px;
  height: 22px;
}
.dheader-leaf-last {
  background: transparent url(/images/tllastnode.gif) no-repeat left center;
  padding-left: 16px;
  height: 22px;
}
.dheader-leaf-first {
  background: transparent url(/images/tlfirstnode.gif) no-repeat left center;
  padding-left: 16px;
  height: 22px;
}
.dheader td {
  color: black;
  cursor: pointer;
  cursor: hand;
  white-space: nowrap;
  height: 20px;
}
.dheader,
.dheader img {
  height: 24px;
  width: 14px;
}
.dheader a {
  color: black;
  cursor: pointer;
  cursor: hand;
  white-space: nowrap;
  text-decoration: underline;
}
.dcontent {
  margin-left: 17px;
  white-space: nowrap;
}
h3 {
  color: #283E56;
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 5px;
}
.gwt-Label {
  font-weight: 700;
  font-size: 12px;
  /*color: #333333;*/
  white-space: nowrap;
}
table.datepicker {
  /*border-top: 1px solid #333333;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;*/
  border: 1px solid #c9c9c9;
  background-color: #ffffff;
}
table.datepicker select:focus, table.datepicker select {
	  padding-left: 0px;
}
.gwt-DecoratorPanel .middleCenter {
  height: 100%;
  /* width: 100%;     There is reason to comment it out. Pls ask 1st before uncomment it. */
}
.gwt-DecoratorPanel .topCenter {
  border-top: 1px solid #bbb;
  line-height: 0px;
}
.sent_bar {
  position: relative;
  background-color: #00a61b;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  height: 6px;
}
.recv_bar {
  position: relative;
  background-color: #CC0000;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  height: 6px;
}
.bandwidth_bar {
  position: relative;
  background-color: #97D0B2;
  /*border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;*/
  height: 15px;
}
.session_bar {
  position: relative;
  background-color: #A6C3FE;
  /*border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;*/
  height: 15px;
}
.gwt-DecoratorPanel .bottomCenter {
  border-bottom: 1px solid #bbb;
  line-height: 0px;
}
.gwt-DecoratorPanel .topCenterInner,
.gwt-DecoratorPanel .bottomCenterInner {
  height: 1px;
  line-height: 0px;
  font-size: 1px;
}
.gwt-DecoratorPanel .middleLeft {
  border-left: 1px solid #bbb;
}
.gwt-DecoratorPanel .middleRight {
  border-right: 1px solid #bbb;
}
.gwt-DecoratorPanel .middleLeftInner,
.gwt-DecoratorPanel .middleRightInner {
  width: 1px;
  line-height: 1px;
}
.gwt-DecoratorPanel .topLeftInner,
.gwt-DecoratorPanel .topRightInner,
.gwt-DecoratorPanel .bottomLeftInner,
.gwt-DecoratorPanel .bottomRightInner {
  width: 5px;
  height: 5px;
  zoom: 1;
  font-size: 12px;
  overflow: hidden;
}
.gwt-DecoratorPanel .topLeft {
  line-height: 0px;
  background: url(/images/portal/circles.png) no-repeat 0px -6px;
  -background: url(/images/circles_ie6.png) no-repeat 0px -6px;
}
.gwt-DecoratorPanel .topRight {
  line-height: 0px;
  background: url(/images/portal/circles.png) no-repeat -5px -6px;
  -background: url(/images/circles_ie6.png) no-repeat -5px -6px;
}
.gwt-DecoratorPanel .bottomLeft {
  line-height: 0px;
  background: url(/images/portal/circles.png) no-repeat 0px -11px;
  -background: url(/images/circles_ie6.png) no-repeat 0px -11px;
}
.gwt-DecoratorPanel .bottomRight {
  line-height: 0px;
  background: url(/images/portal/circles.png) no-repeat -5px -11px;
  -background: url(/images/circles_ie6.png) no-repeat -5px -11px;
}
.gwt-SplitLayoutPanel-HDragger {
  background: #003D96 url(/images/thumb_vertical.png) center center no-repeat;
  cursor: col-resize;
}
.gwt-SplitLayoutPanel-HDragger:hover {
  background-color: #3162aa;
}
.fcld-SplitLayoutPanel-HDragger {
  background: #e6e6e6 url(/images/thumb_vertical.png) center center no-repeat;
  cursor: col-resize;
}
.fcld-SplitLayoutPanel-HDragger:hover {
  background-color: #cccccc;
}

.gwt-SplitLayoutPanel-VDragger {
  background: #e7e7e7 url(/images/thumb_horz.png) center center no-repeat;
  cursor: row-resize;
}

.baseSplitPanelMask {
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  border-width: 0px;
  background-color: white;
  opacity:0.0;
  filter:alpha(opacity=0);
}

.square_box {
  float: left;
  width: 10px;
  height: 10px;
  margin: 3px;
  border: 1px solid rgba(0, 0, 0, .2);
}

.clearBarWrapper {
  height: 10px;
  position: relative;
  top: 1px;
  float: left;
  min-width: 100px;
  width: 100px;
}

.hollowdot {
    height: 15px;
    width: 15px;
    border-radius: 50%;
    display: inline-block;
    padding:5px;
    border:1px solid green; 
    background: #FFF;
}

.dot {
    height: 15px;
    width: 15px;
    background-color: green;
    border-radius: 50%;
    padding:5px;
    display: inline-block;
}

.roundrectangle_positive {
	border-radius: 15px;
    background: #73AD21;
    padding: 5px; 
    width: 30px;
    height: 15px;
    margin-left: 10px;   
    display: inline-block; 
    text-align:center;
}

.roundrectangle_negative {
	border-radius: 15px;
    /*background: orange;*/
    padding: 5px; 
    width: 30px;
    height: 15px;
    margin-left: 10px;
    display: inline-block; 
    text-align:center;
    color:white;
}

.bar_chart {
  position: relative;
  height: 100%;
  float: left;
}

.allow_bar {
  background-color: #337ab7;
}

.block_bar {
  background-color: #ffcc66;
}

.barWrapper {
  height: 10px;
  position: relative;
  top: 1px;
  background-color: #D0D0D0;
  float: left;
}

.clean_bar {
  position: relative;
  background-color: #33CC66;
  height: 100%;
  float: left;
}
.malware_bar {
  position: relative;
  background-color: #000;
  height: 100%;
  float: left;
}

.riskHigh_bar {
  position: relative;
  background-color: #CC0000;
  height: 100%;
  float: left;
}

.riskMedium_bar {
  position: relative;
  background-color: #ffa64d;
  height: 100%;
  float: left;
}

.riskLow_bar {
  position: relative;
  background-color: #ffffb3;
  height: 100%;
  float: left;
}

.clean_bar {
  position: relative;
  background-color: #3FFF33;
  height: 100%;
  float: left;
}

.device_title {
  color: #787878;
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-size: 18px;
  font-weight: 500;
}
.top-link {
  cursor: pointer;
  cursor: hand;
  font-weight: 700;
  font-size: 12px;
  color: #555555;
  margin-right: 27px;
}
td.second-bar {
  height: 42px;
  /*background: #e7e7e7 url(/images/portal/site/sub_nav_background.png);*/
  paddin-bottom: 3px;
}
td.second-bar td {
  font-size: 12px;
  font-weight: 700;
  color: #555555;
  text-shadow: 0 1px 0 #ffffff;
}
.second-bar-inner {
  height: 42px;
}
td.second-bar td a,
td.second-bar td a:hover {
  color: #004183;
}
table.left-right-btn td.subnav-left-btn {
  background: #e7e7e7 url(/images/portal/site/active_left_button.png) no-repeat;
  width: 94px;
  height: 26px;
  text-align: center;
  cursor: pointer;
  cursor: hand;
}
table.left-right-btn td.subnav-left-btn-inactive {
  background: #e7e7e7 url(/images/portal/site/inactive_left_button.png) no-repeat;
  width: 94px;
  height: 26px;
  text-align: center;
  color: #888888;
  cursor: pointer;
  cursor: hand;
}
table.left-right-btn td.subnav-right-btn {
  background: #e7e7e7 url(/images/portal/site/active_right_button.png) no-repeat;
  width: 109px;
  height: 26px;
  text-align: center;
  cursor: pointer;
  cursor: hand;
}
table.left-right-btn td.subnav-right-btn-inactive {
  background: #e7e7e7 url(/images/portal/site/inactive_right_button.png) no-repeat;
  width: 109px;
  height: 26px;
  color: #888888;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
  cursor: hand;
}
table.subnav-dropdown-list {
  height: 23px;
}
table.subnav-dropdown-list td {
  cursor: pointer;
  cursor: hand;
}
table.subnav-dropdown-list td.left {
  width: 15px;
  background: url(/images/portal/site/dropdown_normal_left.png) no-repeat;
}
table.subnav-dropdown-list td.middle {
  background: url(/images/portal/site/dropdown_normal_middle.png) repeat-x;
}
table.subnav-dropdown-list td.right {
  width: 24px;
  background: url(/images/portal/site/dropdown_normal_right.png) no-repeat;
}
table.subnav-dropdown-list-open {
  border-spacing: 0;
  border-collapse: seperate;
  height: 25px;
  background-color: #f3f4f3;
  border-right: #c7c7c7 1px solid;
  border-bottom: #c7c7c7 1px solid;
}
table.subnav-dropdown-list-open td.left {
  width: 15px;
  background: url(/images/portal/site/dropdown_open_left.png) no-repeat;
}
table.subnav-dropdown-list-open td.middle {
  background: url(/images/portal/site/dropdown_open_middle.png) repeat-x;
}
table.subnav-dropdown-list-open td.right {
  width: 24px;
  background: url(/images/portal/site/dropdown_open_right.png) no-repeat;
}
table.subnav-dropdown-list-open tr.first {
  background: url(/images/portal/site/dropdown_open_right.png) no-repeat center right;
  cursor: pointer;
  cursor: hand;
}
table.subnav-dropdown-list-open tr.firsthover {
  background: #d0e4fa url(/images/portal/site/dropdown_open_right.png) no-repeat center right;
  cursor: pointer;
  cursor: hand;
}
table.subnav-dropdown-list-open tr.hover {
  background-color: #d0e4fa;
  cursor: pointer;
  cursor: hand;
}
table.subnav-dropdown-list-open tr.noover {
  cursor: pointer;
  cursor: hand;
}
table.subnav-dropdown-list-open td {
  height: 25px;
  padding-left: 10px;
  padding-right: 5px;
  border-top: #ffffff 1px solid;
  border-bottom: #e8e8e8 1px solid;
}
table.subnav-btn td {
  height: 42px;
  padding-left: 15px;
  padding-right: 15px;
  cursor: pointer;
  cursor: hand;
}
table.subnav-btn-hover td {
  height: 42px;
  color: 004183;
  padding-left: 15px;
  padding-right: 15px;
  cursor: pointer;
  cursor: hand;
  background: #d0e4fa url(/images/portal/site/mouseover_button.png) repeat-x;
}
table.subnav-btn-clicked td {
  height: 42px;
  padding-left: 15px;
  padding-right: 15px;
  cursor: pointer;
  cursor: hand;
  background: #d0e4fa url(/images/portal/site/click_button.png) repeat-x;
}
table.headerlink td {
  font-size: 12px;
  font-weight: 700;
  color: #555555;
  text-shadow: 0 1px 0 #ffffff;
  cursor: pointer;
  cursor: hand;
}
.subnav-separator {
  height: 42px;
  width: 1px;
  border-right: 1px solid #aaaaaa;
}
table.device-wrapper .border {
  background: url(/images/portal/site/shadow.png) bottom center no-repeat;
  padding-bottom: 11px;
}
table.device {
  border: 1px solid #dadad9;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  height: 140px;
}
table.device .hostname {
  font-weight: 700;
  color: #333333;
  font-size: 12px;
}
table.device .sn {
  color: #999999;
  font-size: 12px;
}
.devicepopup {
  background: #ffffff;
  border: 1px solid #c7c7c7;
}
table.device .device-right {
  background: #efefef;
  /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#efefef');
  background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#efefef));
  background: -moz-linear-gradient(top, #fbfbfb, #efefef);
}
table.device-detail {
  border-spacing: 0;
  border-collapse: collapse;
}
table.device-detail td {
  line-height: 20px;
  height: 20px;
  padding-left: 15px;
}
table.device-detail .panel .item {
  float: left;
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  color: #333333;
  font-size: 12px;
}
color.device-detail .alert {
  color: #ed0000;
}
table.device a {
  color: #0d6bc3;
  text-decoration: underline;
  font-size: 12px;
}
table.device .label {
  font-weight: 700;
  font-size: 12px;
  color: #333333;
  white-space: nowrap;
}
table.device .wraplabel,
.chartwraplabel {
  font-weight: 700;
  font-size: 12px;
  color: #333333;
  white-space: nowrap;
  margin-bottom: 3px;
}
table.device .text {
  color: #333333;
  font-size: 12px;
}
.box {
  height: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
}
.inbox {
  height: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin-left: 1px;
  margin-top: 1px;
}
.redbox {
  background-color: #ef0000;
}
.orangebox {
  background-color: #e87c2d;
}
.greenbox {
  background-color: #2e8e2f;
}
.whitebox {
  background-color: #f3f3f3;
}
table.blue-btn td.left {
  background: url(/images/portal/site/go_button_left.png) center center no-repeat;
  height: 25px;
  cursor: pointer;
  cursor: hand;
}
table.blue-btn td.middle {
  background: url(/images/portal/site/go_button_middle.png) center center;
  width: 100%;
  height: 25px;
  cursor: pointer;
  cursor: hand;
  font-size: 12px;
  color: #ffffff;
  padding-left: 15px;
  padding-right: 15px;
  font-weight: 700;
}
table.blue-btn td.right {
  background: url(/images/portal/site/go_button_right.png) no-repeat;
  height: 25px;
  cursor: pointer;
  cursor: hand;
}
table.gray-btn td.left {
  background: url(/images/portal/site/cancel_button_left.png) center center no-repeat;
  height: 25px;
  cursor: pointer;
  cursor: hand;
}
table.gray-btn td.middle {
  background: url(/images/portal/site/cancel_button_middle.png) center center;
  width: 100%;
  height: 25px;
  cursor: pointer;
  cursor: hand;
  font-size: 12px;
  color: #333333;
  padding-left: 15px;
  padding-right: 15px;
  font-weight: 700;
}
table.gray-btn td.right {
  background: url(/images/portal/site/cancel_button_right.png) no-repeat;
  height: 25px;
  cursor: pointer;
  cursor: hand;
}
.top {
  -moz-box-shadow: inset 0px 0px 6px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 0px 0px 6px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0px 0px 6px rgba(0, 0, 0, 0.4);
  /*-ms-filter:
		"progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#333333')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135,
		Color='#333333' );*/
}
.intop {
  -moz-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.4);
  /*-ms-filter:
		"progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#333333')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135,
		Color='#333333' );*/
}
table.dismissbox td {
  border: 1px solid #997c54;
  background-color: #f8f3df;
  color: #333333;
  padding: 10px;
  font-weight: 700;
}
.dismissbox td a {
  color: #333333;
  font-weight: normal;
  text-decoration: underline;
}
.green_button {
  position: relative;
  height: 36px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  background-color: #008b10;
  color: #ffffff;
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-weight: 500;
  font-size: 15px;
  text-align: center;
}
.green_button:hover {
  background-color: #00ab14;
}
.green_button:active {
  background-color: #00780e;
}
.blue_button {
  position: relative;
  height: 36px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background-color: #3077b7;
  color: #ffffff;
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-weight: 500;
  font-size: 15px;
  text-align: center;
}
.blue_button:hover {
  background-color: #4a90d0;
}
.blue_button:active {
  background-color: #4a90d0;
}
.setting_button {
  cursor: pointer;
  height: 30px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #c9c9c9;
  white-space: nowrap;
  background-color: #ffffff;
}
.header .setting_button {
  background-color: #e4e5e6;
  font-size: 13px;
  height: 28px;
}
.back_button {
  background-color: #3077b7;
}
.white_button {
  border-spacing: 0;
  border-collapse: collapse;
  cursor: pointer;
}
.white_button_left_bg {
  background: url(/images/160/left_white.png) no-repeat;
  width: 12px;
  height: 33px;
}
.white_button_middle {
  font-size: 13px;
  color: #696969;
  height: 33px;
  font: "Segoe UI";
}
.white_button_middle_bg {
  font-size: 13px;
  background: url(/images/160/middle_white.png) repeat;
}
.white_button_right_bg {
  background: url(/images/160/right_white.png) no-repeat;
  width: 12px;
  height: 33px;
}
.menu_type {
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-left-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  color: #fff;
  background-color: #0d6bc3;
  padding: 0px 12px 0px 15px;
  border: 2px solid #0d6bc3;
  cursor: pointer;
  font-size: 14px;
  font-weight: 550;
  height: 35px;
}
.submenu_type {
  background: url(/images/160/right_arrow.png) no-repeat;
  background-position: right center;
}
.left_type {
  -webkit-border-top-left-radius: 10px;
  -webkit-border-left-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border: 2px solid #0d6bc3;
  border-right: none;
  padding: 0px 12px 0px 18px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 550;
  height: 35px;
}
.middle_type {
  padding: 0px 15px;
  border: 2px solid #0d6bc3;
  border-right: none;
  cursor: pointer;
  font-size: 14px;
  font-weight: 550;
  height: 35px;
}
.right_type {
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 0px 18px 0px 12px;
  border: 2px solid #0d6bc3;
  cursor: pointer;
  font-size: 14px;
  font-weight: 550;
  height: 35px;
}
.single_style {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 2px solid #0d6bc3;
  padding: 0px 12px 0px 18px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 550;
  height: 35px;
}
.calendar_text {
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-weight: 500;
  font-size: 10px;
  color: #333333;
}
.log_title {
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-weight: 700;
  font-size: 13px;
  color: #333333;
  padding: 3px;
}
.log_title_blue {
  font: "Segoe UI" 700;
  font-size: 13px;
  color: blue;
}
.log_detail_title {
  font: 700 20px "Segoe UI";
  color: #303030;
  margin-bottom: 20px;
  text-align: left;
}
.filter_right {
  background-color: #d0e0ff;
  -webkit-border-top-right-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  -moz-border-radius-topright: 20px;
  -moz-border-radius-bottomright: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.filter_left {
  background-color: #d0e0ff;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  cursor: pointer;
}
.filter_left_active {
  background-color: #aac6fd;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  cursor: pointer;
}
.filter_left:hover {
  background-color: #e5eefe;
}
.filter_left:active {
  background-color: #aac6fd;
}
.filter_popup {
  padding: 10px 0px;
  background-color: #ffffff;
  box-shadow: 0px 5px 5px 5px rgba(0, 0, 0, 0.25);
  webkit-box-shadow: 0px 5p 5px 5px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 5px 5px 5px rgba(0, 0, 0, 0.25);
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.dropdown_menu {
  padding: 40px;
  background-color: #ffffff;
  box-shadow: 0px 5px 5px 5px rgba(0, 0, 0, 0.25);
  webkit-box-shadow: 0px 5p 5px 5px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 5px 5px 5px rgba(0, 0, 0, 0.25);
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.dropdown_box_no_hover,
.dropdown_box {
  padding: 10px 0px;
  background-color: #ffffff;
  box-shadow: 0px 5px 5px 5px rgba(0, 0, 0, 0.25);
  webkit-box-shadow: 0px 5p 5px 5px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 5px 5px 5px rgba(0, 0, 0, 0.25);
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.dropdown_box tr:hover {
  background-color: rgb(200, 224, 243);
}

.dropdown_box tr.selected {
  background-color: rgb(200, 224, 243);
}
.dropdown_box .img_link {
  color: #3077b7;
  font-size: 14px;
}
.orgdropdown_box_no_hover,
.orgdropdown_box {
  padding: 10px 0px;
  background-color: #ffffff;
  border-radius: 12px;
}
.orgdropdown_box tr:hover {
  background-color: rgb(200, 224, 243);
}

.orgdropdown_box tr.selected {
  background-color: rgb(200, 224, 243);
}
.apAlertPopup td {
	width: 400px;
	padding: 8px 16px;
}
.mouseOver td:hover {
  background-color: rgb(200, 224, 243);
}
.filter_text {
  padding: 10px 25px 10px 17px;
  cursor: pointer;
  margin: 0 10px;
}

.filter_text_disabled {
  padding: 10px 25px 10px 17px;
  margin: 0 10px;
}

.filter_text .svg-bg {
  width: 16px;
  height: 16px;
  margin-right: 2px;
  display: inline-block;
  background-repeat: no-repeat;
  /*	background-size: cover; */
  background-size: 16px 80px;
  vertical-align: middle;
  background-position: 0% 0%;
}
.filter_text:hover .svg-bg {
  background-position: 0% 50%;
}
.column_data {
  white-space: nowrap;
  cursor: pointer;
  display: inline;
}
.column_data:hover {
  text-decoration: underline;
}
.pageBox {
  border: 1px solid #afceeb;
  color: #333333;
  opacity: 1.00;
}
/* .pageBox:hover{
	border: 2px solid #0d6bc3;
	opacity: 1.00;
} */
.gwt-PopupPanelGlass {
  background-color: #fff;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
/* .ftn-DisclosurePanel {
}
.ftn-DisclosurePanel-open {
}
.ftn-DisclosurePanel-closed {
}
.ftn-DisclosurePanel .header,
.ftn-DisclosurePanel .header a,
.ftn-DisclosurePanel .header td {
  text-decoration: none;  Remove underline from header
  color: #333333; 
  cursor: pointer;
  cursor: hand;
  -font-family: Segoe UI;
  font-weight: 700;
  font-size: 14px;
  background: none;
  padding-top: 10px;
}
.ftn-DisclosurePanel .content {
  padding: 5px 30px;
  -font-family: Segoe UI;
  font-size: 14px;
  font-weight: 500;
  color: #333333;
  padding-bottom: 40px;
} */
.drilldown_item {
  font-weight: 500;
  padding: 7px 0px 8px 0px;
}
.drilldown_edit_title {
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-weight: 500;
  font-size: 24px;
}
.drilldown_edit_body {
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-weight: 500;
}
.drilldown_top_header {
  cursor: pointer;
  font-weight: 500;
  padding-bottom: 8px;
}
.drilldown_icon {
  background: transparent;
}
.drilldown_icon:hover {
  background-color: rgb(200, 224, 243);
}
.drillDown_firstLine:hover {
  background-color: rgb(200, 224, 243);
  cursor: pointer;
}
.drillDown_firstLine {
  /*font-size: 16px;*/
  font-weight: bold;
}
.drilldown_glass {
  cursor: wait;
  background: #202020;
  filter: alpha(opacity = 20);
  opacity: 0.2;
  z-index: 10;
}
.glassPanelContent {
  background: #fff;
  -moz-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.45);
  -webkit-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.45);
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.45);
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #dddddd;
}
.staticPanel {
  background-color: #ffffff;
  position: absolute;
  right: 0px;
  overflow: scroll;
  /*  padding: 0px 30px 30px 0px; */
  margin: 0px 30px 30px 0px;
  border: 1px solid #cccccc;
  height: 75px;
  width: 235px;
  opacity: 0.95;
  z-index: 1;
}
.inventoryPanel {
  background-color: #ffffff;
  position: absolute;
  left: 0px;
  overflow: scroll;
  margin: 30px 30px 30px 30px;
  border: 1px solid #cccccc;
  opacity: 0.95;
}
.roundedCorners {
border-radius: 5px;
} 
table.log_list tr.heading {
  /* border-top: 2px solid #6f7277; */
  background-color: #fff;
}
table.log_list tr.heading td {
  font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  /*font-size: 16px;*/
  font-weight: 700;
  color: #333333;
  padding: 8px 15px 13px 0px;
}
table.log_list tr.data:hover {
  background-color: rgb(200, 224, 243);
}
table.log_list tr.data td {
  vertical-align: middle;
}
table.log_list tr.selected {
  background-color: #eff7ff;
}
table.log_list {
  border-collapse: collapse;
}
table.log_list td {
  font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-weight: 550;
  font-size: 14px;
  color: #696969;
  text-align: center;
  padding: 0px 10px 0px 0px;
}
table.log_list tr {
  border-bottom: 1px solid #cccccc;
}
table.log_list tr.noBorderBottom {
  border-bottom: none;
}
table.log_list_left td {
  text-align: left;
}
table.no_log_list td {
  border-bottom-style: none;
}
.align_left {
  float: left;
}
.condense td {
  height: 25px;
}
.expand td {
  height: 35px;
}

.cellWithNoBorder {
  border: none;
}
.more_button {
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-weight: 700;
  font-size: 16px;
  cursor: pointer;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  background-color: #008b10;
  text-align: center;
  color: #fff;
}
.more_button:hover {
  background-color: #00ab14;
}
/* table.device_detail{
	-font-family: Segoe UI;
	font-weight: 500;
	font-size: 14px;
	border: 2px solid #C0C0C0;
	Background-Color: #fff;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

table.device_detail td.right {
	text-align: right;
	padding-right: 7px;
}

table.device_detail td.title {
	text-align: center;
	color: #333333;
	font-weight:700;
	padding-bottom: 7px;
} */
.cellTable td {
  height: 35px;
  background-color: #fff;
}
.cellTable tr.data:hover td {
  background-color: rgb(200, 224, 243);
}
.cellTable tr.highlight td {
  background-color: #eff7ff;
}
/* .cellTable tr.highlight:hover td{
	background-color: #fff7db;
} */
.chartArea {
  /* -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-top: 2px solid #333333;
	border: 2px solid #C0C0C0;*/
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-size: 14px;
}
/* .gwt-DecoratedPopupPanel .popupContent {
}
.gwt-DecoratedPopupPanel .popupMiddleCenter {
  padding: 3px;
  background: #E8E8E8;
}
.gwt-DecoratedPopupPanel .popupTopCenter {
  background: url(/images/hborder.png) 0px -2937px repeat-x;
}
.gwt-DecoratedPopupPanel .popupBottomCenter {
  background:  url(/images/hborder.png) repeat-x 0px -2938px;
  -background: url(/images/hborder_ie6.png) repeat-x 0px -2138px;
}
.gwt-DecoratedPopupPanel .popupMiddleLeft {
  background: url(/images/vborder.png) -21px 0px repeat-y;
}
.gwt-DecoratedPopupPanel .popupMiddleRight {
  background: url(/images/vborder.png) repeat-y -24px 0px;
  -background: url(/images/vborder_ie6.png) repeat-y -24px 0px;
}
.gwt-DecoratedPopupPanel .popupTopLeftInner {
  width: 6px;
  height: 5px;
  zoom: 1;
}
.gwt-DecoratedPopupPanel .popupTopRightInner {
  width: 6px;
  height: 5px;
  zoom: 1;
}
.gwt-DecoratedPopupPanel .popupBottomLeftInner {
  width: 6px;
  height: 6px;
  zoom: 1;
}
.gwt-DecoratedPopupPanel .popupBottomRightInner {
  width: 6px;
  height: 6px;
  zoom: 1;
}
.gwt-DecoratedPopupPanel .popupTopLeft {
  background: url(/images/circles.png) no-repeat 0px -16px;
  -background: url(/images/circles_ie6.png) no-repeat 0px -16px;
}
.gwt-DecoratedPopupPanel .popupTopRight {
  background: url(/images/circles.png) no-repeat -6px -16px;
  -background: url(/images/circles_ie6.png) no-repeat -6px -16px;
}
.gwt-DecoratedPopupPanel .popupBottomLeft {
  background: url(/images/circles.png) no-repeat 0px -21px;
  -background: url(/images/circles_ie6.png) no-repeat 0px -21px;
}
.gwt-DecoratedPopupPanel .popupBottomRight {
  background: url(/images/circles.png) no-repeat -6px -21px;
  -background: url(/images/circles_ie6.png) no-repeat -6px -21px;
} */
* html .gwt-DecoratedPopupPanel .popupTopLeftInner {
  width: 6px;
  height: 5px;
  overflow: hidden;
}
* html .gwt-DecoratedPopupPanel .popupTopRightInner {
  width: 6px;
  height: 5px;
  overflow: hidden;
}
* html .gwt-DecoratedPopupPanel .popupBottomLeftInner {
  width: 6px;
  height: 6px;
  overflow: hidden;
}
* html .gwt-DecoratedPopupPanel .popupBottomRightInner {
  width: 6px;
  height: 6px;
  overflow: hidden;
}
.fc-button-black {
  background: none repeat scroll 0% 0% #333333;
  color: #ffffff;
}
.fc-button-black:hover {
  background: none repeat scroll 0% 0% #484848;
}
.fc-button-black:active {
  background: none repeat scroll 0% 0% #212121;
}
.fc-button-blue {
  background: none repeat scroll 0% 0% #3077b7;
  color: #ffffff;
}
.fc-button-blue:hover {
  background: none repeat scroll 0% 0% #4a90d0;
}
.fc-button-blue:active {
  background: none repeat scroll 0% 0% #4a90d0;
}
.fc-button-green {
  background: none repeat scroll 0% 0% #008b10;
  color: #ffffff;
}
.fc-button-green:hover {
  background: none repeat scroll 0% 0% #00ab14;
}
.fc-button-green:active {
  background: none repeat scroll 0% 0% #00780e;
}
.fc-button-light-grey {
  background: none repeat scroll 0% 0% #dddddd;
  color: #696969;
}
.fc-button-light-grey:hover {
  background: none repeat scroll 0% 0% #f0f0f0;
}
.fc-button-light-grey:active {
  background: none repeat scroll 0% 0% #c4c4c4;
}
.fc-button-white {
  background: none repeat scroll 0% 0% #ffffff;
  color: #696969;
}
.fc-button-white:hover {
  background: none repeat scroll 0% 0% #f2f2f2;
}
.fc-button-white:active {
  background: none repeat scroll 0% 0% #e3e3e3;
}
.fc-button-orange {
  background: none repeat scroll 0% 0% #f8e405;
  color: #333333;
}
.fc-button-orange:hover {
  background: none repeat scroll 0% 0% #ffeb0f;
}
.fc-button-orange:active {
  background: none repeat scroll 0% 0% #f0dd06;
}
.fc-button-golden {
  background: none repeat scroll 0% 0% #ff9c43;
  color: white;
}
.fc-button-golden:hover {
  background: none repeat scroll 0% 0% #ffb776;
}
.fc-button-golden:active {
  background: none repeat scroll 0% 0% #ffb776;
}
.fc-button-border-only {
  border: 1px solid #c9c9c9       !important;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  /*
    background-color: inherit;
    */
  background-color: #ffffff;
  color: #333333;
}
.fc-statistics {
  height: 31px;
  line-height: 30px;
  border-spacing: 0;
  border-collapse: collapse;
  vertical-align: middle;
  text-align: center;
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-weight: 700;
  font-size: 17px;
  color: #696969;
}
.fc-left {
  float: left;
  margin: 0px 25px 7px 0px;
}
.fc-right {
  float: right;
  margin: 0px 0px 7px 25px;
}
table.fc-table {
  border-spacing: 0px;
  border-collapse: collapse;
  width: 100%;
  white-space: nowrap;
  border-top: 2px solid #cccccc;
}
table.fc-table > tbody {
  /*
    height: 480px;
    overflow-y: auto;
    */
  /*overflow: auto;*/
  display: block;
  vertical-align: top;
}
table.fc-table > tbody > tr {
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-weight: 500;
  font-size: 14px;
  /*
    color: #696969;
    */
  color: #333333;
  vertical-align: middle;
  height: 25px;
  border-bottom: 1px solid #cccccc;
}
table.fc-table > tbody > tr > td {
  padding: 8px 25px 8px 25px;
}
table.fc-table .hightlight {
  font-weight: 700;
  font-size: 16px;
  color: #333333;
}
table.fc-table tr.mouseover td {
  background-color: rgb(200, 224, 243);
}
table.fc-table tr.mouseout td {
  /*
    background-color: #FFFFFF;
    */
  background-color: #fff;
  /* eff7ff light blue */
}
.fc-pad-right25 {
  padding-right: 25px;
}
.fc-text {
  color: #696969;
  padding: 5px 0px 5px 0px;
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.fc-text-hightlight {
  font-weight: 700;
  font-size: 16px;
  color: #333333;
}
.fc-text-lightest {
  font-size: 13px;
  font-weight: 200;
}
.fc-text-lighter {
  font-weight: 300;
}
.fc-text-semi-bold {
  font-weight: 500    !important;
}
.fc-text-bold {
  font-weight: 700    !important;
}
.fc-text-15 {
  font-size: 15px     !important;
  font-weight: 500;
}
.fc-text-17 {
  font-size: 17px     !important;
  font-weight: 700;
}
.fc-text-19 {
  font-size: 19px     !important;
  font-weight: 700;
}
.fc-text-21 {
  font-size: 21px     !important;
  font-weight: 700    !important;
  color: #333333;
}
.fc-text-23 {
  font-size: 23px     !important;
  font-weight: 700    !important;
  color: #333333;
}
.fc-text-30 {
  font-size: 30px     !important;
  font-weight: 700    !important;
  color: #333333;
}
.fc-text-50 {
  font-size: 50px     !important;
  font-weight: 700    !important;
  color: #333333;
}
.fc-section {
  border-top: 2px solid #cccccc;
  border-bottom: 2px solid #cccccc;
  padding-bottom: 15px;
  padding-top: 15px;
}
.fc-section-bottom {
  border-bottom: 2px solid #cccccc;
}
.fc-section-pad-bottom {
  padding-bottom: 15px;
}
.fc-section-pad-top {
  padding-top: 15px;
}
.fc-border-bottom-light {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 10px;
}
.fc-blink {
  border: 1px solid #FF87BF;
}
.fc-blink-alt {
  border: 1px solid #F5F5F5;
}
.gwt-StackLayoutPanel {
  /*
	margin: 0px 0px 25px;
	*/
}
.gwt-StackLayoutPanel .gwt-StackLayoutPanelHeader {
  border-top: 2px solid #cccccc;
  /* 
    border-bottom: 2px solid #cccccc;
    border-radius: 5px;
    */
  cursor: pointer;
  font-weight: 700;
  margin: 0px 0px 0px;
  padding: 5px 25px 5px 0px;
}
.gwt-StackLayoutPanel .gwt-StackLayoutPanelHeader-hovering {
  background-color: #1973c6;
  /* blue */
  background-color: #fff7db;
  /* yellow */
}
.gwt-StackLayoutPanel .gwt-StackLayoutPanelHeader-selected {
  background-color: #fff;
  /* eff7ff light blue */
  cursor: default;
}
.gwt-StackLayoutPanel .gwt-StackLayoutPanelHeader:active {
  /*    border-top: 2px solid #cccccc;
*/
}
.gwt-StackLayoutPanel .gwt-StackLayoutPanelContent {
  border-bottom: 2px solid #cccccc;
  border-top: none;
  border-top-width: 0px;
  /*
    border-radius: 0px 0px 5px 5px;
    */
  margin: 0px 0px 0px;
  padding: 0px 0px;
  background-color: #fff;
  /* eff7ff light blue */
}
.filter_addition {
  padding: 3px 10px;
  border: 1px solid #afceeb;
  font-size: 16px;
  font-weight: 500;
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  color: #333333;
  opacity: 1.00;
}
.filter_addition:hover {
  border: 2px solid #0d6bc3;
  opacity: 1.00;
}
.largeDropDown {
  padding: 3px 10px;
  border: 1px solid #afceeb;
  font-size: 14px;
  font-weight: 550;
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  color: #333333;
  background: url(/images/160/down_arrow_blue.png) no-repeat 95% 50%;
  opacity: 1.00;
}
.largeDropDown:hover {
  border: 2px solid #0d6bc3;
  opacity: 1.00;
}
.largeDropDown:disabled {
  border: 1px solid #afceeb;
  opacity: 0.25;
}
.ftn-listbox {
  border: 1px solid #afceeb;
}
.note {
  font-size: 12px;
  color: #999999;
}
.ftnSuggestBox_grey {
  /* background:#ffffff url('/images/settings_icon.png') no-repeat left; */
  padding-left: 20px;
  color: #808080;
  border: 1px solid #000000;
  height: 20px;
}
.ftnSuggestBox_black {
  /* background:#ffffff url('/images/settings_icon.png') no-repeat left; */
  padding-left: 20px;
  color: #000000;
  border: 1px solid #000000;
  height: 20px;
}
.gwt-SuggestBoxPopup {
  background-color: #ffffff;
  box-shadow: 0px 5px 5px 5px rgba(0, 0, 0, 0.25);
  webkit-box-shadow: 0px 5p 5px 5px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 5px 5px 5px rgba(0, 0, 0, 0.25);
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  z-index: 999;
}
.fv-DetailTitle {
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-size: 16px;
  color: #000;
  background-color: #eff7ff;
  padding: 5px;
  margin-bottom: 5px;
}
.fv-amount {
  padding-left: 5px;
  font-size: 15px;
  font-weight: 500;
}
.fv-tab {
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-size: 14px;
  font-weight: 550;
  margin-left: 4px;
  padding: 2px 4px 2px 4px;
  text-align: center;
  -moz-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
}
.tab-selected {
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  cursor: default;
  color: white;
  background: #0d6bc3;
}
.tab-unSelected {
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  cursor: pointer;
  cursor: hand;
  color: black;
  background: white;
}
.gwt-SuggestBoxPopup .item {
  padding: 2px 6px;
  color: #000;
  cursor: default;
  font-size: 110%;
}
.gwt-SuggestBoxPopup .item-selected {
  background: rgb(200, 224, 243);
}
.gwt-SuggestBoxPopup .suggestPopupContent {
  background: white;
}
.gwt-SuggestBoxPopup .suggestPopupTopCenter {
  border-top: 1px solid #bbb;
}
.gwt-SuggestBoxPopup .suggestPopupBottomCenter {
  border-bottom: 1px solid #bbb;
}
.gwt-SuggestBoxPopup .suggestPopupTopCenterInner,
.gwt-SuggestBoxPopup .suggestPopupBottomCenterInner {
  height: 1px;
  line-height: 1px;
}
.gwt-SuggestBoxPopup .suggestPopupMiddleLeft {
  border-left: 1px solid #bbb;
  /* background-color: white; */
}
.gwt-SuggestBoxPopup .suggestPopupMiddleRight {
  border-right: 1px solid #bbb;
  /* background-color: white; */
}
.gwt-SuggestBoxPopup .suggestPopupMiddleLeftInner,
.gwt-SuggestBoxPopup .suggestPopupMiddleRightInner {
  width: 1px;
  line-height: 1px;
}
.gwt-SuggestBoxPopup .suggestPopupTopLeftInner {
  width: 0px;
  height: 0px;
  zoom: 1;
}
.gwt-SuggestBoxPopup .suggestPopupTopRightInner {
  width: 0px;
  height: 0px;
  zoom: 1;
}
.gwt-SuggestBoxPopup .suggestPopupBottomLeftInner {
  width: 0px;
  height: 0px;
  zoom: 1;
}
.gwt-SuggestBoxPopup .suggestPopupBottomRightInner {
  width: 0px;
  height: 0px;
  zoom: 1;
}
.gwt-SuggestBoxPopup .suggestPopupTopLeft {
  background: url(/images/circles.png) no-repeat 0px -6px;
  -background: url(/images/circles_ie6.png) no-repeat 0px -6px;
  width: 5px;
  height: 5px;
}
.gwt-SuggestBoxPopup .suggestPopupTopRight {
  background: url(/images/circles.png) no-repeat -5px -6px;
  -background: url(/images/circles_ie6.png) no-repeat -5px -6px;
  width: 5px;
  height: 5px;
}
.gwt-SuggestBoxPopup .suggestPopupBottomLeft {
  background: url(/images/circles.png) no-repeat 0px -11px;
  -background: url(/images/circles_ie6.png) no-repeat 0px -11px;
  width: 5px;
  height: 5px;
}
.gwt-SuggestBoxPopup .suggestPopupBottomRight {
  background: url(/images/circles.png) no-repeat -5px -11px;
  -background: url(/images/circles_ie6.png) no-repeat -5px -11px;
  width: 5px;
  height: 5px;
}
* html .gwt-SuggestBoxPopup .suggestPopupTopLeftInner {
  width: 0px;
  height: 0px;
  overflow: hidden;
}
* html .gwt-SuggestBoxPopup .suggestPopupTopRightInner {
  width: 0px;
  height: 0px;
  overflow: hidden;
}
* html .gwt-SuggestBoxPopup .suggestPopupBottomLeftInner {
  width: 0px;
  height: 0px;
  overflow: hidden;
}
* html .gwt-SuggestBoxPopup .suggestPopupBottomRightInner {
  width: 0px;
  height: 0px;
  overflow: hidden;
}

.gwt-TabLayoutPanelTabs {
  background-color: #eff7ff;
  /*#E7E9EC*/
  padding-top: 6px;
  padding-left: 5px;
}
.gwt-TabLayoutPanelContentContainer {
  /* border-color: #ccc;
  border-style: solid;
  border-width: 0px 1px 1px; */
}
.gwt-TabLayoutPanelContent {
  overflow: scroll;
  padding: 6px;
}
.gwt-TabLayoutPanelTab {
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-size: 16px;
  margin-left: 4px;
  padding: 4px 8px 4px 8px;
  cursor: pointer;
  cursor: hand;
  color: white;
  font-weight: normal;
  text-align: center;
  background: #8E8E8E;
  -moz-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
}
.gwt-TabLayoutPanelTab-selected {
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-size: 16px;
  cursor: default;
  background: #4a90d0;
  color: white;
  font-weight: bold;
}

.fv-TabLayoutPanel {
  position: relative;
  top: -7px;
}
.fv-TabLayoutPanel .gwt-TabLayoutPanelTabs {
  background-color: #eff7ff;
  /*#E7E9EC*/
  padding-top: 6px;
  padding-left: 5px;
}
.fv-TabLayoutPanel .gwt-TabLayoutPanelContentContainer {
  /* border-color: #ccc;
  border-style: solid;
  border-width: 0px 1px 1px; */
}
.fv-TabLayoutPanel .gwt-TabLayoutPanelContent {
  overflow: scroll;
  padding: 6px;
}
.fv-TabLayoutPanel .gwt-TabLayoutPanelTab {
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-size: 16px;
  margin-left: 4px;
  padding: 4px 8px 4px 8px;
  cursor: pointer;
  cursor: hand;
  color: white;
  font-weight: normal;
  text-align: center;
  background: #8E8E8E;
  -moz-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
}
.fv-TabLayoutPanel .gwt-TabLayoutPanelTab-selected {
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-size: 16px;
  cursor: default;
  background: white;
  color: #333;
  font-weight: bold;
}
.home-yellow td {
  padding: 10px;
}
.home-yellow ul {
  list-style-type: square;
  margin-left: 10px;
  margin-right: 0px;
  padding-left: 20px;
  padding-right: 0px;
}
.home-blue {
  background-color: #f3f9ff;
}
.home-white {
  background-color: #ffffff;
}
.home_button {
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  border: none;
  font-size: 14px;
  font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-weight: 600;
  padding-left: 5px;
  padding-right: 5px;
  cursor: pointer;
  cursor: hand;
  text-align: center;
  padding-top: 3px;
  padding-bottom: 3px;
  display: table-cell;
  vertical-align: middle;
}

.selection_box {
  background-color: #ffffff;
  border: 1px solid #86C3FC; 
}

.link_button {
	color: rgb(48, 119, 183); 
	cursor: pointer;
}
.link_button:hover{
	text-decoration: underline;	
}

.mal_bar {
  position: relative;
  background-color: #000;  
  height: 14px;
}
.hr_bar {
  position: relative;
  background-color: #CC0000;  
  height: 14px;
}
.mr_bar {
  position: relative;
  background-color: #ffa64d; 
  height: 14px;
}
.lr_bar {
  position: relative;
  background-color: #ffffb3; 
  height: 14px;
}

.lg24_bar {
  position: relative;
  background-color: #008000; 
  height: 14px;
}
.lt24_bar {
  position: relative;
  background-color: #90ed7d; 
  height: 14px;
}
.down_bar {
  position: relative;
  background-color: #CC0000;  
  height: 14px;
}

.ssidclient_bar {
  position: relative;
  background-color: #50708d; 
  height: 14px;
}

.gwt-DisclosurePanel {
}
.gwt-DisclosurePanel-open {
  width: 100%;
  height: 25px; 
}
.gwt-DisclosurePanel-closed {
  width: 100%;
  height: 25px; 
}
.gwt-DisclosurePanel .header {
  width: 100%;
  height: 25px;  	
  padding: 4px 0px 4px 0px;	
  margin:  4px 0px 4px 10px;
}
.gwt-DisclosurePanel .header a,
.gwt-DisclosurePanel .header td {
  text-decoration: none;  /* Remove underline from header */
  color: #CC0000;
  cursor: pointer;
  cursor: hand;
  font-size: 16px;
}
.gwt-DisclosurePanel .content {
/*  border-left: 3px solid #CC0000; */
  padding: 4px 0px 4px 0px;
  margin-left: 15px;
}

.cat_link {
	color: rgb(48, 119, 183); 
	cursor: pointer;
	padding: 0px 15px 0px 0px;
	font-size: 16px     !important;
}
.cat_link:hover{
	text-decoration: underline;	
}
.cat_link_select {
	color: #f6f6f6  !important;
	padding: 0px 15px 0px 0px;
	font-size: 16px     !important;
  	font-weight: bold;
}

.cat_no_link {
	color: rgb(48, 119, 183);	
	padding: 0px 15px 0px 0px;
	font-size: 16px     !important;
}

.system_bar_red {
  position: relative;
  background-color: #CC0000;
  height: 14px;
}

.system_bar_green {
  position: relative;
  background-color: #008000;
  height: 14px; 
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.system_bar_yellow {
  position: relative;
  background-color: #ffa64d;
  height: 14px;
}

.system_bar_transparent {
  position: relative;
  background-color: white;
  height: 100%;
  width: 100%;
  border:  1px solid #e4e5e6;  
  padding: 0px 0px 0px 0px;
}

.homepage_title { 
  font-size: 18px  !important;
  color: #676767; 
}

.homepage_score {
  font-size: 20px  !important;
  color: black;
  margin-left: 10px; 	
}

.homepage_unit {
  font-size: 16px ;
  color: #676767; 
  padding-top: 20px;
  padding-bottom: 0px;  
  min-width: 200px;
  margin-left: 40px;
  margin-right: 40px;
  text-align: top;
  vertical-align: top;  
}
.second_menu_button_on_n {
  padding-left: 11px;
  /*
  background-color: #5badfb;  
  color: #ffffff;
  */
}
.baseSplitLeft .fgtsecond_menu,
.baseSplitLeft .second_menu_button_on_n {
	padding-left: 0px;
}
.baseSplitLeft .left-menu{   	
   	background-color: rgba(0,0,0,0.1);
   	padding-bottom: 2px;
}
.title_text {
	border-bottom: 2px solid #E4E4E4;
	width: 100%;
	font-size: 19px !important;
	font-weight: 700;
}

.issue_title{
	/*border-bottom: 1px solid #E4E4E4;*/
	width: 100%;
	font-size: 15px !important;
	font-weight: 450;
}

.issue_text{
	word-wrap: break-word;
	font-size: 14px;
	margin-left: 20px;
	font-weight: 400;
}

table.blueTable {
  border: 1px solid #1C6EA4;
  background-color: #EEEEEE;
  /*width: 300px;*/
  text-align: left;
  border-collapse: collapse;
}
table.blueTable td, table.blueTable th {
  border: 1px solid #AAAAAA;
  padding: 3px 2px;
}
table.blueTable tbody td {
  font-size: 13px;
}
table.blueTable tr:nth-child(even) {
  background: #D0E4F5;
}
table.blueTable thead {
  background: #1C6EA4;
  background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  border-bottom: 2px solid #444444;
}
table.blueTable thead th {
  font-size: 15px;
  font-weight: bold;
  color: #FFFFFF;
  border-left: 2px solid #D0E4F5;
}
table.blueTable thead th:first-child {
  border-left: none;
}

table.blueTable tfoot {
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  background: #D0E4F5;
  background: -moz-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  background: -webkit-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  background: linear-gradient(to bottom, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  border-top: 2px solid #444444;
}
table.blueTable tfoot td {
  font-size: 14px;
}
table.blueTable tfoot .links {
  text-align: right;
}
table.blueTable tfoot .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}


.subaccout_title {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #2676b9;  
  cursor: pointer;
  cursor: hand;
  -font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-size: 14px;
  padding: 8px; 
  font-weight: 700;
  color: #ffffff;
}

.beta {
	font-size: 12px;
	position: relative;
	top: -8px;
	left: 8px;
}
.menu_button_on .beta {
	color: #CC6910;
}
.menu_button_off .beta {
	color: #FFCF76;
}
.templateAppliedDevices {
	white-space: nowrap;
}
.templateAppliedDevices > tbody > tr > td {
    padding: 4px 12px;
}
.error_notification_message {
	padding: 15px;
    color: #a94442;
    background-color: #f2dede;
    border: 1px solid #afceeb;
    z-index: 2;
}

.succeed_notification_message {
	padding: 15px;
	background-color: #baf2d0;
	z-index: 2;
}

table.embeded, 
table.embeded > tbody > tr > td {
    border-collapse: collapse;
    border: 1px solid #e3e8ec;
    padding: 1px 5px;
}

.f-tooltip {
    display: inline-block;
    position: relative;
    text-align: left;
}

.f-tooltip .bottom {
    min-width: 360px;
    top: 30px;
    right: 0;
    padding: 0;
    color: #444444;
    background-color: #FFFFFF;
    font-weight: normal;
    font-size: 13px;
    border-radius: 12px;
    position: absolute;
    z-index: 99999999;
    box-sizing: border-box;
    border: 1px solid #DDDDDD;
    box-shadow: 0 4px 20px rgba(0,0,0,0.2);
    transition: all 0.2s ease 0s;
}

.f-tooltip.on .bottom {
    visibility: visible;
    opacity: 1;
}

.f-tooltip .bottom i {
    position: absolute;
    bottom: 100%;
    right: 15px;
    margin-left: -12px;
    width: 24px;
    height: 12px;
    overflow: hidden;
}

.f-tooltip .bottom i::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    left: 50%;
    transform: translate(-50%,50%) rotate(45deg);
    background-color: #F2F2F2;
    border: 1px solid #DDDDDD;
    box-shadow: 0 1px 8px rgba(0,0,0,0.5);
}

.f-tooltip .bottomLeft {
    min-width: 360px;
    top: 30px;
    left: -185px;
    padding: 0;
    color: #444444;
    background-color: #FFFFFF;
    font-weight: normal;
    font-size: 13px;
    border-radius: 12px;
    position: absolute;
    z-index: 99999999;
    box-sizing: border-box;
    border: 1px solid #DDDDDD;
    box-shadow: 0 4px 20px rgba(0,0,0,0.2);
    transition: all 0.2s ease 0s;
}

.f-tooltip.on .bottomLeft {
    visibility: visible;
    opacity: 1;
}

.f-tooltip .bottomLeft > i, .f-tooltip .bottomLeft .gwt-HTML > i {
    position: absolute;
    bottom: 100%;
    left: 115px;
    margin-right: -12px;
    width: 24px;
    height: 12px;
    overflow: hidden;
}

.f-tooltip .bottomLeft > i::after, .f-tooltip .bottomLeft .gwt-HTML > i::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    right: 50%;
    transform: translate(50%,50%) rotate(45deg);
    background-color: #F2F2F2;
    border: 1px solid #DDDDDD;
    box-shadow: 0 1px 8px rgba(0,0,0,0.5);
}

/*Portal dropdown*/
.portalSVGIcons .text-center a {
    font-size: 0.7rem;
    font-weight: 600;
}
.portalSVGIcons {overflow: hidden; box-sizing: border-box; border-radius: 12px;font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;}
.portalSVGIcons table{width: 100%;}
.portalSVGIcons tr.portals-contents > td {padding:12px 5px;}
.portalSVGIcons .portals-item {padding:6px 0;transition:color 0.2s;border-radius:6px;box-shadow:none;transition:all 0.2s;border: 1px solid transparent;cursor:pointer;}
.portalSVGIcons .portals-item a {text-decoration:none;color:#666;display:block;font-size:0.7rem;font-weight:600;}
.portalSVGIcons .portals-item:hover {border:1px solid #ededed; background:#fdfdfd;text-decoration:none;}
.portalSVGIcons img {width:42px;height:42px;margin-right:0;}
.portalSVGIcons .portals-separator {color:#777; background:#f2f2f2;padding:6px 0;font-size: 11.5px;font-weight:600;text-align:center; text-transform:uppercase;}
.portalSVGIcons .portals-item.disabled {opacity:0.3; cursor:not-allowed;}
.portalSVGIcons .portals-item.disabled img {filter: grayscale(100%);}
.portalSVGIcons .portals-item.disabled:hover {box-shadow:none;}

/*Service*/
.serviceContent {
    display: flex;
    padding: 20px 10px 10px 15px;
    max-width: 900px;
    text-align: left;
    white-space: nowrap;
    vertical-align: top;
}
.serviceLeftSide {
	border-right: 1px solid #dde1ea;
    margin-right: 15px;
    padding-right: 25px;
}
.serviceSectionHeader {
    clear: both;
    color: #9d9d9d;
    margin: 0 0 13px;
    padding: 0;
    position: relative;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.serviceDivider {
    border-top: 1px dashed #dde1ea;
    margin-top: 17px;
    padding-top: 10px;
}
.serviceItem {
	color: #535353;
    width: 150px;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    box-shadow: none;
    transition: all .2s;
    font-weight: 400;
    border-radius: 0;
    margin-bottom: 9px;
    letter-spacing: .01em;
    text-decoration: none;
}
.serviceItem:hover {
      text-decoration:underline;
}    
.serviceItem:hover img {
      box-shadow:1px 1px 1px #d7dbe4,-1px -1px 1px #d7dbe4;
      text-decoration:none;
}
.serviceItem img {
    width: 24px;
    height: 24px;
    padding: 4px;
    position: relative;
    box-shadow: 1px 1px 1px #dee2eb;
    box-sizing: border-box;
    margin-right: 4px;
    border-radius: 50%;
    vertical-align: middle;
}

.staticButton {
  /**background-color: #ffffff;*/
  position: fixed;
  right: 21px;
  /* bottom: 0px; */
  overflow: scroll; 
}

.subheadergrpinfo {
  font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-weight: bold;
  font-size: 16px;
  color: #767681;
  border-bottom: 2px solid #767681;
  text-decoration: underline;
}

.underline {
	text-decoration: underline;
}

.filter_text_nopointer {
  padding: 10px 25px 10px 17px; 
  margin: 0 10px;
}

.devtable_box {
  padding: 10px 0px;
  background-color: #ffffff;
  box-shadow: 0px 5px 5px 5px rgba(0, 0, 0, 0.25);
  webkit-box-shadow: 0px 5p 5px 5px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 5px 5px 5px rgba(0, 0, 0, 0.25);
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

.about_box {
  padding: 10px 10px;
  background-color: #ffffff;
  box-shadow: 0px 5px 5px 5px rgba(0, 0, 0, 0.25);
  webkit-box-shadow: 0px 5p 5px 5px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 5px 5px 5px rgba(0, 0, 0, 0.25);
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  text-align: center;  
}

.full_underline{
border-bottom: 2px solid #FFCF76;
width: 100%;
display: block;
}


.gwt-MenuBar {
  cursor: default;
}
.gwt-MenuBar .gwt-MenuItem {
  cursor: default;
  font-family: Lato, "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-size:14px;
  color:black;
}

.gwt-MenuBar .gwt-MenuItem-selected {
  background: #1465c0;
  color:#f6f6f6;
  cursor:pointer;
}
.gwt-MenuBar-horizontal {
  background: #1465c0;
  border: 0px solid #e0e0e0;
}
.gwt-MenuBar-horizontal .gwt-MenuItem {
  padding: 0px 0px;
  vertical-align: bottom;
  color: #000;
  font-weight: bold;
}
.gwt-MenuBar-horizontal .gwt-MenuItemSeparator {
  width: 1px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  border-left: 1px solid #ccc;
  background: white;
}
.gwt-MenuBar-horizontal .gwt-MenuItemSeparator .menuSeparatorInner {
  width: 1px;
  height: 1px;
  background: white;
}
.gwt-MenuBar-vertical {
  margin-top: 0px;
  margin-left: 0px;
  background: white;
}
.gwt-MenuBar-vertical table {
  border-collapse: collapse;
}
.gwt-MenuBar-vertical .gwt-MenuItem {
  padding: 10px 60px 8px 15px;
}
.gwt-MenuBar-vertical .gwt-MenuItemSeparator {
  padding: 2px 0px;
}
.gwt-MenuBar-vertical .gwt-MenuItemSeparator .menuSeparatorInner {
  height: 1px;
  padding: 0px;
  border: 0px;
  border-top: 1px solid #ccc;
  overflow: hidden;
}
.gwt-MenuBar-vertical .subMenuIcon {
  padding-right: 4px;
}
.gwt-MenuBar-vertical .subMenuIcon-selected {
  background: #E3E8F3;
}
.gwt-MenuBarPopup {
  margin: 0px 0px 0px 3px;
}
.gwt-MenuBarPopup .menuPopupTopCenter {
  background: url(images/portal/hborder.png) 0px -12px repeat-x;
}
.gwt-MenuBarPopup .menuPopupBottomCenter {
  background: url(images/portal/hborder.png) 0px -13px repeat-x;
  -background: url(images/portal/hborder_ie6.png) 0px -13px repeat-x;
}
.gwt-MenuBarPopup .menuPopupMiddleLeft {
  background: url(images/portal/vborder.png) -12px 0px repeat-y;
  -background: url(images/portal/vborder_ie6.png) -12px 0px repeat-y;
}
.gwt-MenuBarPopup .menuPopupMiddleRight {
  background: url(images/portal/vborder.png) -13px 0px repeat-y;
  -background: url(images/portal/vborder_ie6.png) -13px 0px repeat-y;
}
.gwt-MenuBarPopup .menuPopupTopLeftInner {
  width: 5px;
  height: 5px;
  zoom: 1;
}
.gwt-MenuBarPopup .menuPopupTopRightInner {
  width: 8px;
  height: 5px;
  zoom: 1;
}
.gwt-MenuBarPopup .menuPopupBottomLeftInner {
  width: 5px;
  height: 8px;
  zoom: 1;
}
.gwt-MenuBarPopup .menuPopupBottomRightInner {
  width: 8px;
  height: 8px;
  zoom: 1;
}
.gwt-MenuBarPopup .menuPopupTopLeft {
  background: url(images/portal/corner.png) no-repeat 0px -36px;  
}
.gwt-MenuBarPopup .menuPopupTopRight {
  background: url(images/portal/corner.png) no-repeat -5px -36px;  
}
.gwt-MenuBarPopup .menuPopupBottomLeft {
  background: url(images/portal/corner.png) no-repeat 0px -41px;  
}
.gwt-MenuBarPopup .menuPopupBottomRight {
  background: url(images/portal/corner.png) no-repeat -5px -41px;  
}
html>body .gwt-MenuBarPopup {
}
* html .gwt-MenuBarPopup .menuPopupTopLeftInner {
  width: 5px;
  height: 5px;
  overflow: hidden;
}
* html .gwt-MenuBarPopup .menuPopupTopRightInner {
  width: 8px;
  height: 5px;
  overflow: hidden;
}
* html .gwt-MenuBarPopup .menuPopupBottomLeftInner {
  width: 5px;
  height: 8px;
  overflow: hidden;
}
* html .gwt-MenuBarPopup .menuPopupBottomRightInner {
  width: 8px;
  height: 8px;
  overflow: hidden;
}

.feature-DialogBox .Caption {
  background: #F1F1F1;
  padding: 4px 8px 4px 4px;
  cursor: default;
  font-family: Arial Unicode MS, Arial, sans-serif;
  font-weight: bold;
  border-bottom: 1px solid #bbbbbb;
  border-top: 1px solid #D2D2D2;
}
.feature-DialogBox .dialogContent {
}
.feature-DialogBox .dialogMiddleCenter {
  padding: 3px;
  background: white;
}
.feature-DialogBox .dialogBottomCenter {
  background: url(images/portal/hborder.png) repeat-x 0px -2945px;
  -background: url(images/portal/hborder_ie6.png) repeat-x 0px -2144px;
}
.feature-DialogBox .dialogMiddleLeft {
  background: url(images/portal/vborder.png) repeat-y -31px 0px;
}
.feature-DialogBox .dialogMiddleRight {
  background: url(images/portal/vborder.png) repeat-y -32px 0px;
  -background: url(images/portal/vborder_ie6.png) repeat-y -32px 0px;
}
.feature-DialogBox .dialogTopLeftInner {
  width: 10px;
  height: 8px;
  zoom: 1;
}
.feature-DialogBox .dialogTopRightInner {
  width: 12px;
  zoom: 1;
}
.feature-DialogBox .dialogBottomLeftInner {
  width: 10px;
  height: 12px;
  zoom: 1;
}
.feature-DialogBox .dialogBottomRightInner {
  width: 12px;
  height: 12px;
  zoom: 1;
}
.feature-DialogBox .dialogTopLeft {
  background: url(images/portal/circles.png) no-repeat -20px 0px;
  -background: url(images/portal/circles_ie6.png) no-repeat -20px 0px;
}
.feature-DialogBox .dialogTopRight {
  background: url(images/portal/circles.png) no-repeat -28px 0px;
  -background: url(images/portal/circles_ie6.png) no-repeat -28px 0px;
}
.feature-DialogBox .dialogBottomLeft {
  background: url(images/portal/circles.png) no-repeat 0px -36px;
  -background: url(images/portal/circles_ie6.png) no-repeat 0px -36px;
}
.feature-DialogBox .dialogBottomRight {
  background: url(images/portal/circles.png) no-repeat -8px -36px;
  -background: url(images/portal/circles_ie6.png) no-repeat -8px -36px;
}

.featuredot {
  height: 8px;
  width: 8px;
  background-color: red;
  border-radius: 50%;
  display: inline-block;
  margin-left : 10px;
}

.white_toggle {
  height: 14px;
  width: 16px;
  margin: 2px 2px 0px 2px;
  background-color: white;
  border-radius: 50%;
  display: inline-block;
}

.portal_toggle {
	width: 100px;
	height: 16px;
	border-radius: 20px;
	font-size: 12px;
	color: white;
	text-align: center;
	cursor:pointer;
	margin: 0px 5px;
}

.portal_toggle2 {
	width: 120px;
	height: 25px;
	border-radius: 20px;
	font-size: 12px;
	color: white;
	text-align: center;
	cursor:pointer;
	margin: 0px 5px;
	background-color: #DCDCDC;
}

.portal_toggle2_selected {
	border-radius: 18px;
	margin: 2px 3px 0px 3px;
	background-color: #1465c0;
	margin: 0px 3px;
	padding: 1px 0px 3px 1px;
}

.promote_menu {
	border-radius: 20px 0px 0px 20px;
	width: 60px;
	padding-bottom: 15px;
}

.promote_table tr td {
  text-align: center;	
}

.promote_categoryButton {
	font-family: Lato;
	font-weight: bold;
	font-size: 24px;
	width: 150px;
	word-wrap: normal;
}

.promote_titleOne {
	font-family: Lato;
	font-size: 32px;
	color: #4f5a6f;
	margin: 45px 0px 25px 0px;
}

.promote_titleOne .highlight {
	font-weight: bold;
	color: #000000;
}

.promote_icon_desc {
	font-family: Lato;
	font-weight: bold;
	font-size: 20px;
	color: #000000;
	margin: 15px 0px 0px 0px;
}

.promote_titleTwo {
	font-family: Lato Light;
	color: #4f5a6f;
	font-size: 20px;
	line-height: 28px;
	margin: 0px 0px 20px 0px;
}

@font-face {
  font-family: "fontello";
  src: url('fontello.woff2?p6y0wj') format("woff2"), url('fontello.ttf?p6y0wj') format("truetype"), url('fontello.woff?p6y0wj') format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.btn {
	text-transform: capitalize;
}

.btn-primary {
	color: white;
    background: rgb(57, 161, 255);
	border: none;
	border-radius: 5px;
	cursor: pointer;
}

.content-container .list-container {
        background: white;
        max-height: calc(100vh - 294px);
        padding: 0px 20px 20px;
        overflow-y: auto;

        scrollbar-width: thin;
        scrollbar-color: rgb(200, 225, 250) rgb(237, 244, 250);
}

.content-container .list-container::-webkit-scrollbar-track {
            background-color: rgb(237, 244, 250);
        }

.content-container .list-container::-webkit-scrollbar {
            width: 5px;
            background-color: rgb(237, 244, 250);
        }

.content-container .list-container::-webkit-scrollbar-thumb {
            background-color: rgb(237, 244, 250);
        }
        
.content-container .title {
            color: rgb(57, 161, 255);
            font-size: 20px;
            font-weight: 600;
            padding-bottom: 20px;
            border-bottom: 1px solid rgb(57, 161, 255);
        }

.selected-node {
  display: flex;
  align-items: baseline;
  background: rgba(57, 161, 255, 0.05);
}
.selected-node em {
  display: inline-block;
  margin-right: 4px;
}
.selected-node:after {
  content: "";
  font-family: "fontello";
  position: absolute;
  padding: 0px 5px 1px;
  border: 1px solid #39a1ff;
  background-color: #39a1ff;
  font-size: 10px;
  border-radius: 20px;
  line-height: 135%;
  color: white;
  right: 10px;
  top: 9px;
  z-index: 9;
  display: inline-block;
  letter-spacing: 0.025em;
}

.current-ou-desc {
  border: 1px solid #de6145;
  color: #de6145;
  padding: 0 5px 1px;
  border-radius: 20px;
  font-size: 8px;
  text-transform: capitalize;
  margin-left: 5px;
  display: inline-block;
  line-height: 160%;
}

.hidden{
	display: none;
}
.node:hover .hidden{
	display: block;
}
.node {
  width: 100%;
  min-width: 330px;
  position: relative;
  padding-left: 15px;
}
.node.level-0 {
  padding-left: 0;
}

.arrow-container {
  display: inline-block;
  margin-left: 10px;
}
.arrow-container + .icon-globe, .arrow-container + .icon-globeppl,
.arrow-container + .icon-rootfolder, .arrow-container + .icon-folder {
  margin-left: 5px;
}

.node-content {
  display: flex;
  align-items: baseline;
  padding: 10px 0;
  min-height: 36px;
  border-bottom: 1px solid #dee2eb;
}
.node-content:focus, .node-content:hover {
  background: rgba(57, 161, 255, 0.05);
}
.node-content em,
.node-content span {
  display: inline-block;
}
.node-content .ou-content {
  display: inline-block;
  margin-left: 7px;
}
.node-content .ou-content .ou-name {
  color: #212121;
  text-transform: capitalize;
  font-size: 12px;
}
.node-content .ou-content .ou-desc {
  font-size: 9px;
  color: rgba(35, 55, 70, 0.53);
  line-height: 100%;
}
.node-content.has-arrow .icon-globe,
.node-content.has-arrow .icon-folder {
  margin-left: 6px;
}

.level-3 .node-content.no-arrow .icon-globe,
.level-3 .node-content.no-arrow .icon-folder {
  margin-left: 40px;
}

.btn-select {
  position: absolute;
  right: 20px;
  top: 15px;
  padding: 6px 12px;
  border-radius: 3px;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.025em;
  line-height: 100%;
  text-transform: capitalize;
}

.rotate-90 {
  transform: rotate(-90deg);
}

.icon-arrowdown {
  font-size: 10px;
  color: black;
  margin-right: 2px;
}

.icon-globeppl,
.icon-globe,
.icon-profilehexagon,
.icon-rootfolder,
.icon-folder,
.icon-doc {
  font-size: 19px;
  color: #848BAA;
  margin-left: 13px;
}

.icon-globe,
.icon-profilehexagon,
.icon-folder,
.icon-doc {
  margin-left: 28px;
}

.icon-globeppl,
.icon-rootfolder {
  font-size: 23px;
}
.icon-globeppl + .ou-content,
.icon-rootfolder + .ou-content {
  margin-left: 5px;
}

.level-0 .arrow-container {
  margin-left: 5px;
}

.level-2 .arrow-container {
  margin-left: 19px;
}

.level-2 .icon-globe,
.level-3 .icon-globe,
.level-2 .icon-folder,
.level-3 .icon-folder {
  margin-left: 36px;
}

.level-1 .node-content.expanded-view,
.level-2 .node-content.expanded-view,
.level-3 .node-content.expanded-view {
  border-bottom: 1px dashed #dee2eb;
}
.level-1 .node-content.expanded-view:last-of-type, 
.level-1 .node-content.expanded-view:only-of-type,
.level-2 .node-content.expanded-view:last-of-type,
.level-2 .node-content.expanded-view:only-of-type,
.level-3 .node-content.expanded-view:last-of-type,
.level-3 .node-content.expanded-view:only-of-type {
  border-bottom: 1px solid #dee2eb;
}
.level-1 .node-content.expanded-view.has-arrow,
.level-2 .node-content.expanded-view.has-arrow,
.level-3 .node-content.expanded-view.has-arrow {
  border-bottom: 1px dashed #dee2eb;
  position: relative;
}
.level-1 .node-content.expanded-view.has-arrow:after,
.level-2 .node-content.expanded-view.has-arrow:after,
.level-3 .node-content.expanded-view.has-arrow:after {
  content: "";
  display: block;
  background-color: white;
  width: 50px;
  height: 1px;
  position: absolute;
  top: -1px;
  left: -15px;
  z-index: 2;
}

.level-1 .node-content.expanded-view.has-arrow:after {
  width: 30px;
  left: 0;
  background-color: #dee2eb;
}

.children-container {
  position: relative;
  padding-left: 15px;
}
.children-container:after {
  content: "";
  display: block;
  background-color: #dee2eb;
  width: 1px;
  height: calc(100% - 65px);
  position: absolute;
  top: 30px;
  left: 72px;
  z-index: 3;
}
.children-container .node-content.no-arrow {
  position: relative;
}
.children-container .node-content.no-arrow:before {
  content: "";
  display: block;
  background-color: #dee2eb;
  width: 9px;
  height: 1px;
  position: absolute;
  top: 20px;
  left: 28px;
}
.children-container .node-content.no-arrow:after {
  content: "";
  display: block;
  background-color: white;
  width: 57px;
  height: 1px;
  position: absolute;
  top: -1px;
  left: -15px;
  z-index: 2;
}

.level-2 + .children-container:after {
  display: none;
}

.acct-node.level-3 .icon-globe,
.acct-node.level-3 .icon-profilehexagon,
.acct-node.level-3 .icon-folder,
.acct-node.level-3 .icon-doc {
  margin-left: 38px;
}

.icon-arrowdown:before { content: '\e842'; }
.icon-globeppl:before { content: '\e888'; }
.icon-profilehexagon:before { content: '\e899'; }
.icon-globe:before { content: '\e898'; }

.icon-rootfolder:before { content: '\e834'; } /* '' */
.icon-doc:before { content: '\e835'; } /* '' */
.icon-folder:before { content: '\e88b'; } /* '' */

.icon-fontello::before,
.fontello-icon::before {
  font-family: "fontello" !important;
}

[class^='icon-'],
[class*=' icon-'] {
    font-family: 'fortinetone' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.upgrade-account-content {
  background: #ffffff;
  -moz-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.45);
  -webkit-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.45);
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.45);
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #dddddd;
  z-index: 100;
  padding: 0px;
  padding-top: 0px;
  font-size: 14px;
  line-height: 1.5;
}