<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*to avoid page shifting*/

input {
  letter-spacing: 1px;
}

/*do not use .hidden! it is only for ap/sta/sa switch*/
.hidden,
.option_hidden,
.user_hidden,
.mode_hidden,
.dr_hidden,
.ro_mode_hidden,
.temp_disabled,
.cambui.stat.readonly, /* readonly stat makes no sence, so we will hide each readonly statistic parameter */
.readonly_cell .btn
{
  display: none !important;
}
.btn.expand{
  display: none;
}

.readonly,
.readonly_param,
.disabled,
.disabled &gt; label,
.readonly &gt; div &gt; .radio,
.readonly &gt; div &gt; .radio label,
.readonly &gt; div &gt; .checkbox,
.readonly &gt; div &gt; .checkbox label
{
   cursor: not-allowed !important;
}

.readonly_cell {
  color: #606060 !important;
}

.main_text,
.main_label {
   font-weight: bold;
}

.ui-checkbox .btn-group-block.checkbox{
  text-align: center;
}

.checkbox-label {
  min-width: 98px;
  padding: 3px;
}

.checkbox label {
  display: inline-block;
  float: none;
}

.checkbox-label input[type="checkbox"] {
  margin-right: 4px;
}

.form-group.cambui {
  /*this will fix some two-column layout cases*/
  min-height: 30px;
  margin: 10px;
}

.slick-cell&gt;.ui-checkbox {
  padding-top: 0px !important;
  padding-left: 1px !important;
}

.slick-cell&gt;.checkbox,
.slick-cell&gt;.checkbox&gt;.checkbox
{
  padding-top: 0px !important;
}

.slick-extra-height .slick-cell{
  overflow-y:auto;
}

.btn-file {
  position: relative;
  overflow: hidden;
}
.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 999px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}

.form-group.has-error .main_label {
  cursor: pointer;
}

.form-group.has-error {
  cursor: pointer;
}

.toolbar_icon {
  font-size: 25px;
  margin-left: 5px;
  margin-right: 10px;
  margin-top: 12px;
  margin-bottom: 14px;
}

.navbar .divider-vertical {
  height: 35px;
  margin: 7px 0px; /*margin must be 7px 0; do not merge it out!*/
  padding: 0px;
  border-left-color: white;
  border-left-style: solid;
  border-left-width: 1px;
}

.navbar-text.visible-xs {
  margin: 0 0 5px 10px;
}

/* ICONS 18x18 style BEGIN*/
.icon{
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAwgAAAASCAMAAADIfglFAAAAA3NCSVQICAjb4U/gAAABLFBMVEX////////X19e8vLytra17e3tTU1NJSUlCQkI6OjozMzMpKSkhISEZGRkQEBAICAgAAAD////u7u7MzMy2tratra2np6eVlZWLi4tpaWlbW1tTU1NJSUlCQkI6OjozMzMpKSkhISEZGRkQEBAICAgAAAD///8zMzMpKSkhISEZGRkQEBAICAj///9CQkIhISEZGRkQEBAICAj///86OjoQEBAICAj///8zMzMQEBAICAj///8zMzMpKSkQEBAICAj///+EhIQICAj///+EhIRzc3P////29vaZmZmVlZWLi4uEhIR7e3tJSUn////u7u7X19etra2np6dJSUn////X19eZmZlmZmb////IyMi8vLy2traEhIT////29vbo6OjX19f////29vbu7u6PGtkXAAAAZHRSTlMAERERERERERERERERERERESIiIiIiIiIiIiIiIiIiIiIiIiIiIjMzMzMzMzNERERERERVVVVVZmZmZnd3d3d3iIiImZmZqqqqqqqqqqq7u7u7u7vMzMzM3d3d3d3u7u7u////NZx34QAAAAlwSFlzAAALEgAACxIB0t1+/AAAABV0RVh0Q3JlYXRpb24gVGltZQAzLzI1LzExC4WaUgAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAZRSURBVGiB7VoJc9tEFNb2oneqtgR6WbJd5CsijoUjqBq6RakKbRCXAHGIsuH//wferuwkOva9JXEpw/ibjj3T/ebtSvu+975dx7LWWOM/gVsVGFDaOUdEk/lOvdg11nhL+KiGFsqtGkWXx0iIf8RZownm+7YB6+0v5P+Kjcc1bDQ5dcpjbaQtQHuMxmw1TlTk6ZkepISvPm08IezQJBQzYq0MHjZoM18IjnMALIvpicKUCEMSjGEgXSsymIyZBDojjlNzazbTJLGREDZKGZRS0CihoroqhwtxdiGwLA/gKy7wfMhyTpdOZsRaGTyR+/rBIgtACLHAtcn8XCTURD4XBZp7oShCIjl9HtqcWyHXL1khpWsJFznJsQsRUBwvpShhVuSxXlE3+wts7X4vfvy437/Z5PTraAvU70+2ZruA2daknVEPVBlaiRBSIfLQ4oVAlRDBOKdC2YnAUlOBpblZqTKQXS6EfrZCLIFkKIthvCDyKiwkB8urWM2To2nFRQodCl43Ryfz6SRnhSCCqDgkx4M4qOpY+VyZdiuWQpjMvgbet5PTCqHbn0xmu3sHB3u7s8mk322bq1uNUuGsRAix3OYEPnJO0EglZBCJqDEMdJdiSmBJpob9nHQsHN3rcKkDJA7LRB7JSoBNE0GJkBmBrBpaT8ETVCtgnriXphbHK74H75BqqrFgUUFWkygiwniqVGCrATElAfaWb/QA415v59mfQhx+Ou7daHJ6dbTE6fUmO7uvDiHGq92dSSulEWf5/2Ge5zKF4TPTrZPFS2gfRZLK2kmksKTh7knmeEH19VSVTmSL5DSwyV6O6i6w1TYhgTiHfsFlMedcmzQcVAJiQK2RLdcTo2tWSRUSxdz2PTi8Wx5yfg/ypXixFXnQV3zaztlEa/YWLZPrKYnI1GehI1zv9sY7zz/ZefITBDrY6XWvNzndOpqUK10Qwt6hXM3hHgihe6WNU8OSw486v74r2EcvFi15SgmUpaF7QkqZA1hQpkyGyJBkgPHMA+OOKTMAy44bI2uRTqovaGmpgPSO8dYTigg+Eqq8ysNyjLkwE2sULbYLPZDAe5bXAFSeC7luZPzIOuofvywR8Ap1hOvd8fw78WZPGqNf5uPuKYVwqTsaz1+Xq3k9H4+6l9o4NSw5vDjqCNriYCaEsiVQnoYu+AlpnlgiLQQvMNsJrQ5IGa5MuZQENT1KCNmiXiBCUF8cM5icPnQeU5E1G50RIloHocGWWqpforbZCxZxIl+7F2UfLPtCK6654xeyjEtjtDd2Xfdak+PW0aTcd0EI++Vy9kFP7v02Tg1LDrRZH3IhhS/ta2PBEXQUa9EQaGskkw+tMYxTSlA6KA+fyDYGBXXElXZGrhir0r5sKqn09oF+pxOVuazAksrAhSyRizNfmZHGSDZCESS4p7FoISym0ld7GaMQeZIhBQeE8OS3MszB1D21EC667ujYGo1c92Irp4qTHI6/MzNIHeTqsIwqISUOVotQqBJYXt6uRmB+EJpUQo5fRiol4MqNl90Q6T6+lL+f4TkFw0b3XHaCtiijw7KPe11r0eKUEPDzsokQYj9ChbC0an/oNuOqM5x/8buk/DofOoCrTY5TR5NywXGH0/mX8rD81Xw6cp0LbZwaTnJWIoTyqoeq5vL6lLzgVgdqLIPtRUvx8DQP8oI6sdgFtc/SXal/WMKEhEuWgHM7mi0L+KjkDK1RCMkJ3hBhpMdnQ3Q/fOqxLNlTfOLRvDhLgpdaJVx1nOH02c9/iTdPR87phWDdd5zRdP50f/8p6GDotDgjxTmJCmclQmCpagUcvz210tzkR+PYiEXC4C8jbPwaR/1i7Kt7I1R0fpzGlOhYZHJJ7SX4o/tRaEeRFUbYdL4axAJJS1yC6JkJ9Vt3BCuRK6LxUnzTPnCl0+kMpp//8ObFttORaLnu6dTREuc8hBluTwHbw0Gnc75trvPVKBWOHQQr+GF/8Vs8kcGMvFVSMGP9SzD4UWkNE0SawiSF0Blszz+bDjpnEYK12ek4gyFgAIE22yfbPBlEw1ljjXeBy48kOoPB4FGJy03OozraArHN4/FNTas34ayxxrvAhQcPK3jQwnmvSnn4YXuoO/fK4Xt39NOZcNZY4x3g3AcVnGvjvF+h3NWFYrfvwuhttNTXOX8DrJUCkLs+QscAAAAASUVORK5CYII=");
  border-radius: 3px;
  height: 18px;
  width: 18px;
}
.icon.icon-plus         {background-position:  0     50%;}
.icon.icon-minus        {background-position: -36px  50%;}
.icon.icon-delete       {background-position: -72px  50%;}
.icon.icon-arrow-r      {background-position: -108px 50%;}
.icon.icon-arrow-l      {background-position: -144px 50%;}
.icon.icon-arrow-u      {background-position: -180px 50%;}
.icon.icon-arrow-d      {background-position: -216px 50%;}
.icon.icon-check        {background-position: -252px 50%;}
.icon.icon-gear         {background-position: -288px 50%;}
.icon.icon-refresh      {background-position: -324px 50%;}
.icon.icon-forward      {background-position: -360px 50%;}
.icon.icon-back         {background-position: -396px 50%;}
.icon.icon-grid         {background-position: -432px 50%;}
.icon.icon-star         {background-position: -468px 50%;}
.icon.icon-alert        {background-position: -504px 50%;}
.icon.icon-info         {background-position: -540px 50%;}
.icon.icon-home         {background-position: -576px 50%;}
.icon.icon-search       {background-position: -612px 50%;}
.icon.icon-checkbox-off {background-position: -684px 50%;}
.icon.icon-checkbox-on  {background-position: -648px 50%;}
.icon.icon-radio-off    {background-position: -756px 50%;}
.icon.icon-radio-on     {background-position: -720px 50%;}
.icon.icon-deny {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAABFklEQVQ4T62TLw/CMBDFh0MiJ5FIJBLJR0AikUgk3wCJnESSYJAIxCSKTE6CA4faxnvNldxK94dkTS7d2tdf313bXlEUQSeNoC6iE4jJqsFNiPmpxKhOWwUK8zw/YGGpYSzGgBfoAxGSkoD+jTgzsix7qLGJ6+4HZJ2gv0LM1Kjp4/9i7eE74ZiGuaCh3dWBnATygrObaOZ1oIWI9sqJgcDFE90YsZH/bSUI4qWIIknHhQTQrESzq3PEo+buCeLoODFlUDUk8FsaX7FTAlCLWKVjIayLOU1VQzPnO37jSsFWTBnBupkm6ZXWei8khDPE3S5UAN6rUko2vbonMhAnkbhZYxGvh3dN01trPd9aWOWkTWp/bfIB9mPbEep+WKEAAAAASUVORK5CYII=");
}
.icon.icon-edit {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAAAnElEQVQ4T2NgGNLg////0kAcQpEnoIbcAtIgkEyWYUCNKkD8GGoIjCLNMByGkGYYAUNAhnkT9CJVDAHZAjTIBoh/o4ULmPv3719XYlzCBlSrC1L4F4thQDHChkBdkgI06D0QG2AxjHCYwJwKNGAl1Dtww6De9CDoHSRDQN5CBnDDiDYEyVswg+4DGY2g2CPJEKhBpWRrJtm2IaMBAKgeLMwnHl43AAAAAElFTkSuQmCC");
}
.icon.icon-view {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABGdBTUEAALGPC/xhBQAAAEJ0RVh0Q29tbWVudABDUkVBVE9SOiBnZC1qcGVnIHYxLjAgKHVzaW5nIElKRyBKUEVHIHY2MiksIHF1YWxpdHkgPSAxMDAKu3x3owAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAABZUlEQVQ4T62UOy9EURSFzSAxIjQKj8IfoKMSUaj4BxKVRjTT6iQiahIF3dApdB6liIZCJDqJglKjICLe17dkXTnmHjeTzJzkyz6z977r7H0eU0iSpKkhQ0KN4FekuiqLt2J7oQ80zxSfFhEVItgGc3ABT+YSW4b2UO1fIQLdcAhfoPFuNJfvSFWmYlEhnB1O1Ee3sAg7sAcrcG3xU2yXxDJCOAqw5sRjbD9s+bfMiX0H9m36mx+x8MRGcLyC9kLtDcBLIKS2xlUJnMEbjMYqquD8hDEHJwORdFp2O8M4PlxxpqJZAlp1OU/IMZ2ecudjFZXc1jN2Iqe1QWL3cAOdGSGXrD3Qvty5xe2gPW32EFy5relURPbPhcShk1sA7dUDrMMu7MOqF1BLG1CMHn9wwZpJWgKdikZ4IbVABUq5FzIIFkmeArXzCHom5zADLTU9kaqVVF0P6OHW9mhJrOvvpK6Pw8W/AdeOcMtujCjdAAAAAElFTkSuQmCC");
}
/* ICONS 18x18 style END*/


/* NavBar buttons BEGIN */
.ui-c .bbmenu .green { background-color: #169921; }
.ui-c .bbmenu .orange { background-color: #E58816; }
.ui-c .bbmenu .blue { background-color: #1688E5; }
.ui-c .bbmenu .yellow { background-color: #EFDF00; }
.ui-c .bbmenu .black { background-color: #101010;  }
.ui-c .bbmenu .gray { background-color: #999999; }
.ui-c .bbmenu .white { background-color: #F0F0F0; }
.ui-c .bbmenu .red { background-color: #E00000; }
.ui-c .bbmenu .purple { background-color: #7628FF; }
.ui-c .bbmenu .faded { background-color: #888888; }

.ui-c .bbmenu .inactive{ background: #888 !important; }

.ui-c .bbmenu.colored .btn1 { background-color: #EFDF00; }
.ui-c .bbmenu.colored .btn2 { background-color: #1688E5; }
.ui-c .bbmenu.colored .btn3 { background-color: #E58816; }
.ui-c .bbmenu.colored .btn4 { background-color: #169921; }
.ui-c .bbmenu.colored .btn5 { background-color: #7628FF; }
.ui-c .bbmenu.colored .btn6 { background-color: #E00000; }
.ui-c .bbmenu.colored .faded { background-color: #888888; }

.ui-c .bbmenu .login div.main{ background-image: none;}

.ui-c .bbmenu.colored a div.main{
  color: #1C1C1C;
  text-shadow: none;
}

.ui-c .bbmenu .hgh, .ui-c .bbmenu .pending{ background: none !important; box-shadow: none; }

/* NavBar buttons END


/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

#footer {
  position: absolute;
  bottom: 5px;
  width: 100%;/* Set the fixed height of the footer here */
  z-index: 100;
  height: 25px;
}

/* SVG styles */
svg {
  background-color: #FFFFFF !important;
}
svg{
  width: 100% !important;
}
svg .axis path{
  fill: none;
  shape-rendering: crispEdges;
}
svg .line {
  fill: none;
}
svg .circles circle{
  stroke: #313131 !important;
}
svg .axis path{
  stroke: #333;
  stroke-width: 2px;
}

.legend_tooltip {
  fill: white !important;
}

svg text {
  fill: black;
  font-size: 12px !important;
}

/* This is applied to the ACS results plot while a scan is active
 * See also depend.js acsStateHandler().
 */
.acs_in_progress {
  opacity: 0.3;
}

/* SIDEBAR */
div.subitem a.list-group-item {
  padding-left: 45px;
}
.list-group-item.submenu-active,
.list-group-item.active{
  font-weight: bold;
}

/* SEARCH BAR */
.right-inner-addon {
  position: relative;
}
.right-inner-addon input {
  padding-right: 30px;
}
.right-inner-addon i {
    position: absolute;
    right: 0px;
    padding: 10px 12px;
    pointer-events: none;
}

.slick-sort-indicator {
  bottom: 3px;
  height: 0px;
  position: absolute;
  right: 4px;
  width: 0px;
  border-left: solid 6px transparent;
  border-right: solid 6px transparent;
  border-top: solid 6px rgba(231, 230, 230, 0.17);
  border-bottom: 0px;
}

.slick-sort-indicator-desc {
  border-left: solid 6px transparent;
  border-right: solid 6px transparent;
  border-top: solid 6px #fff;
  border-bottom: 0px;
}

.slick-sort-indicator-asc {
  border-left: solid 6px transparent;
  border-right: solid 6px transparent;
  border-top: 0px;
  border-bottom: solid 6px #fff;
}
div.tbl{
  float: none;
  margin: 0 0 6px;
  max-width: 100%;
  height: auto;
  clear: left;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
div.tbl.visible-cols{
  overflow: visible !important;
}

.slick-header{
  width: 100% !important;
}

.tbl.visible-cols .slick-header{
  width: 10000px !important;
}
div.slick-header-columns{
   left: 0 !important;
}
div.slick-header-column.ui-state-default{
  left: 0;
  text-align: center;
  text-overflow: inherit;
  position: relative;
}
div.top_headers .slick-column-name {
  float: left;
  width: 100%;
}

.slick-viewport{
  height: auto;
  /*overflow-y: auto !important;*/
  padding-right: 1px;
}
.slick-column-name{
  font-size: 12px;
  white-space: normal;
}

div.ui-state-default.slick-headerrow-column {
  padding: 0px;
}

.slick_top_header_pls{
  height: 25px;
}

.slick_top_header{
  position: absolute;
  top: 0px;
  padding: 4px;
  width: 176px;
  left: 561px;
  border-bottom: 1px solid rgb(170, 204, 238);
  font-size: 12px;
  text-align: center;
  background-size: auto 70px; /*do not merge out background-size!*/
}

/* Chrome&lt;v30 only fix - too small labels width */
.radio-inline label {
  white-space: nowrap;
}

.radio-inline,
.radio-inline+.radio-inline{
  margin-right: 10px;
  margin-left:auto;
}

/* checkboxes placeholder message alignment correct: */
.ui-checkbox .msg_label {
  text-align: center;
  width: 100%;
}

.slick_top_header .bord{
/*    border-bottom: 1px solid #AACCEE; */
  bottom: -1px;
  height: 4px;
  position: absolute;
  right: -4px;
  width: 4px;
}

.mcs_percents {
  margin-left: 10px;
  word-break: keep-all;
}

.slick-cell .btn {
  padding: 3px;
}

/* Use "suppress-required" on invalid table cells that are inside a readonly table */
.suppress-required {
  border-width: 0px !important;
}
.suppress-required &gt; .cell_error_sign {
  display: none !important;
}

.select2-chosen{
  color: #333333;
}
.select2-search input{
  margin-top: 5px !important;
}

#sidebar .subitem .list-group-item:first-child {
  border-top: 1px solid #DDDDDD;
}

#main_content {
  padding-left: 5px;
  padding-right: 0px;
  padding-top: 0px;
}

#main_content &gt; div {
  padding-left: 0;
}

.readonly &gt; .readonly_overlay,
.readonly &gt; div &gt; .readonly_overlay {
  display: block !important;
}

.readonly_overlay {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.3;
  background-color: grey;
  margin: 3px 0;
  border-radius: 0;
  cursor: not-allowed;
  z-index: 1000;
}

.cambui.input.mac-input input {
  text-transform: uppercase;
}

.indicator{
  border-radius: 24px;
  display: block;
  margin: 7px auto 1px;
  text-indent: -9999px;
  width: 16px;
  min-height: 15px;
}

.indicator-big{
  height: 29px;
  width: 29px;
}
.indicator-inline{
  display: inline-block;
  margin-left: 5px;
  vertical-align: top;
}

.indicator-text-sm{
  border-radius: 30px;
  margin: 0 auto;
  max-width: 100%;
  text-align: center;
  width: 80px;
}

.cambui.ui-table{
  clear: both !important;
}

.readonly-table-cell{
  height: 100%;
  margin-top: -1px;
  width: 100%;
  padding-left:2px;
}
.readonly-table-cell &gt; div{
  overflow:hidden;
  text-overflow: ellipsis;
  text-align: center;
  white-space: normal;
}

.readonly-table-cell .sell-wrap.required{
  overflow:hidden;
  text-overflow: ellipsis;
}

.slick-cell .cell_error_sign {
  position: absolute;
  line-height: 28px;
  right: 28px;
  top: 6px;
}

.navbar .device-name {
  max-width: 125px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.slick-cell .btn.edit-btn{
  position: absolute;
  top: 2px;
  right: 2px;
}

.help_sign {
   cursor: pointer;
}

.popover-content {
  font-weight: normal;
}

.checkbox.btn-group-block {
  padding-left: 0px !important;
}

.list.left_dashboard_item,
.title_wrapper
{
  padding-left: 0px;
}

.list-group-item .error_sign {
  /*QoS table error icon fix*/
  position: absolute;
  right: 4px;
}

@media screen and (max-width: 1449px) and (min-width: 1200px) {
  #sidebar_main{
    width: 290px !important;
  }
}

#sidebar_main {
  width: 240px;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 14px;
  margin-left: -10px;
}

#sidebar_main .affix {
  z-index: 500;
}

.badge {
  margin-right: 5px;
}

.navbar-fixed-width {
  max-width: 1420px;
  margin: 0 auto;
  width: 100%;
  border-radius: 5px;
}

/* Wider minimum width for checkboxes outside of slickgrid */
.narrow div.btn-group-block.checkbox{
  min-width: 115px;
  text-align: left;
}
.narrow div.btn-group-block.checkbox label{
  text-align: left;
}


.fixed-layout-tbl{
  table-layout: fixed;
}

.inner-content-ellipsis input[type="text"],
.inner-content-ellipsis p,
tr.inner-content-ellipsis td:nth-child(2),
tr.inner-content-ellipsis td:nth-child(3){
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*test-overflow with table height fix*/
.slick-viewport .grid-canvas .slick-row{
  height:33px;
}

.grid-canvas .slick-row .slick-cell{
  line-height:27px ;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.grid-canvas .slick-row .edit-btn-wrapper{
  margin-right:28px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.grid-canvas .slick-row .readonly:before {
  content: "";
  background-color: #eeeeee;
  bottom: 1px;
  left: 1px;
  position: absolute;
  right: 1px;
  top: 1px;
  z-index: -1;
}

.grid-canvas .slick-row .slick-cell.editable,
.compact.config-table .slick-cell{
  padding-right:2px;
  line-height: normal;
}

.slick-cell.editable&gt;.ui-checkbox {
padding-top: 1px !important;
}

.center-text-cell .slick-cell{
  text-align: center;
}

.min-padding-right .grid-canvas .slick-row .slick-cell{
  padding-right:2px;
}

.min-padding-right .indicator-text-sm{
  line-height:normal;
  margin-top:6px;
}

.indicator-text-sm.width-large{
  width:115px;
}

.indicator-text-sm.width-huge{
  width:155px;
}

.show-in-compact{width:'0px';display:none;}
.compact .show-in-compact{width:'auto';display:block;}
.slick-header-column.ui-state-default.show-in-compact{width:'auto';display:none;}
.compact .slick-header-column.ui-state-default.show-in-compact{display:inline-block;}

.header-expand .slick-header-column{min-height: 40px;}

.as-form-label {
  padding-top: 5px;
}

.diagram_wrapper{
  clear: both;
  padding:40px 40px 20px;
}

@media (max-width: 1000px) {
  .diagram_wrapper {
    padding:20px 20px 0;
    margin-bottom:20px;
  }
}

.diagram_wrapper .ind-text-lbl{
  text-indent: 0;
}

.multy-field{
  white-space: nowrap;
  overflow:hidden;
  display:block;
  min-height: 16px;
  line-height: 16px;
}

.text-to-uppercase{
  text-transform: uppercase;
}
/*For table title in compact view*/
.text-to-uppercase:before {
  text-transform: none;
}

.badge-notify {
  position:relative;
  top: -13px;
  left: -21px;
}

.user.active {
  color: orange;
}
.user{
  color: #999;
  font-size: 22px;
}
/*logi - logout form*/
.dropdown-menu.open{
  display: block;
}

.login  .dropdown-menu{
  width: 230px;
  margin: 0 auto;
  margin-top: 100px;
  margin-bottom: -215px;
  position: inherit;
  -moz-box-sizing: content-box;
  background-color: #ECECEC;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.login  .dropdown-menu input[type="text"],
.login  .dropdown-menu input[type="password"]{
  width:100%;
}

.logout .dropdown-menu{
  position: fixed;
  top: 51px;
  right: 0px;
  margin:0;
  left:inherit;
}
.logout .container{ position: relative;}

.logout .error_descr{display: none !important;}
.login .error_descr{display: none;}
.login .error .error_descr{
  display:inline-block;
  color: red;
  top: -38px;
  margin-left:-20px;
  line-height: 15px;
  width: 230px;
  text-align: center;
  position: absolute;
  white-space: nowrap;
}
.cambui.login.error{
  position: relative;
}

#main_scrollpane.container{
  position: inherit;
}

.dropdown-menu {
  transition: opacity 0.5s ease 0s;
  display:none;
  top: 0;
  left: 0;
  z-index: 1035; //navbar has z-index: 1030;
  min-width: 160px;
  padding: 20px;
  float:none !important;
  margin: 2px 0 0;
  list-style: none;
  font-size: 13px;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.175);
  box-shadow: 0 1px 4px rgba(0,0,0,0.175);
  background-clip: padding-box;
}

#login_dropdown_form_xs{
  padding: 5px;
  opacity: 1;
  position: relative;
  float: left;
}
#login_dropdown_form_xs button{
  font-weight: bold;
}

ul#status_buttons{display:none;}
.logout ul#status_buttons{display:block;}

@media (max-width:999px){
  .logout #login_dropdown_form_xs{display:inline-block !important;}
  .logout #login_dropdown_form{display:none !important;}
  .login #login_dropdown_form_xs{display:none !important;}

  .login ul#status_buttons&gt;li:nth-child(n+2){display:none;}
  .login ul#status_buttons&gt;li:first-child label:nth-child(n+3){display:none;}

  #login_dropdown{float: left;}

  ul#status_buttons li {clear: both;}
  #users_icon, #globe_icon, #gps_icon{float: left; margin: 8px 5px;}
  #users_icon{clear: both; margin: 0 -22px 0 10px;}
}

@media (min-width:1000px){
  #login_dropdown_form_xs{display:none !important;}
}

#status_buttons .device-name,
#status_buttons .device-mode{
  float: left;
  margin-left:10px;
}

#status_buttons .device-mode{
  font-weight: normal;
}

.acsChart {
  overflow-x: auto;
}

.acsChart .chart_wrap{
  min-width: 420px;
}
.grid-col {
   padding: 35px;
}

.info-col {
   padding: 20px;
}

.page-title span{
  vertical-align: middle;
  font-size: 50%;
}

.checkbox label{
  color: rgb(51, 51, 51);
  font-size: 13px;
  line-height: 18.5667px;
  font-family: "Open Sans", Calibri, Candara, Arial, sans-serif;
  background-color: rgb(231, 231, 231);
  background-image: linear-gradient(#fbfbfb, #e7e7e7 60%, #ddd);
  min-width: 98px;
  border-radius: 0px;
  border-width: 1px;
  border-top-color: rgb(218, 218, 218);
  border-left-color: rgb(218, 218, 218);
  border-right-color: rgb(218, 218, 218);
  border-bottom-color: rgb(206, 206, 206);
  border-style: solid;
  box-sizing: border-box;
  padding: 3px;
  margin: 0 0 -1px -1px;
  text-align: center;
  vertical-align: middle;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  cursor: pointer;
}

.checkbox label:hover {
  border-color: #bcbcbc;
}

.checkbox input[type=checkbox] {
  display: inline-block;
  position: relative;
  margin-left: -100%;
  left: -10000px;
}

.checkbox label:before{
  display: inline-block;
  position: relative;
  white-space: nowrap;
  font-family: 'Glyphicons Halflings';
  font-size: 17px;
  width: 21px;
  text-align: center;
  box-sizing: border-box;
  text-shadow: rgba(0, 0, 0, 0.1) 0 1px 0;
}

.checkbox input[type=checkbox]:checked+label {
  background-image: linear-gradient(rgb(0, 82, 162), rgb(0, 61, 121) 60%, rgb(0, 51, 101));
  color: rgb(255, 255, 255);
}
.checkbox input[type=checkbox]+label {
  background-image: linear-gradient(rgb(251, 251, 251), rgb(231, 231, 231) 60%, rgb(221, 221, 221));
}
.checkbox input[type=checkbox]:active+label, .checkbox input[type=checkbox]:focus+label {
  border-style: dotted;
  border-color: rgb(51,51,51);
}
.checkbox input[type=checkbox]:checked+label:before {
  content: '*';
}
.checkbox input[type=checkbox]+label:before {
  content: ',';
}

.list-group .list-group-item{
  padding: 10px 10px 10px 15px;
}

.left-shift a{
  color:#5bc0de;
  text-decoration: underline;
}

.tab-content {
  padding-top: 20px;
}

.tabbable .form-group.ui-checkbox .main_label, .tabbable .form-group.ui-checkbox .btn-toolbar {
  padding: 10px;
}

.tabbable .form-group.ui-checkbox .main_label {
  height: 30px; line-height: 30px;
}

/*Table cell styles*/
div[id$="statusColumn"] {border-right: none !important;}
div[id$="editRow"] {
  background-color: #003d79;
  background-image: linear-gradient(#0052a2, #003d79 60%, #003365);
  background-repeat: no-repeat;
  border-bottom: 1px solid #002346;
  filter: none;
}

.grid-canvas .slick-row .slick-cell.statusColumn {border-bottom: none; border-left: none; border-right: none;padding-right: 0;overflow:visible !important;}
.grid-canvas .slick-row .slick-cell.statusColumn .required::before{border:none;}
.grid-canvas .slick-row .slick-cell.statusColumn .cell_error_sign{right: 2px; top: 3px; color:#d9534f;}
.grid-canvas .slick-row .slick-cell.statusColumn .cell_error_sign .glyphicon{font-size: 19px; width: 17px;}
/*.grid-canvas .slick-row:first-child .editColumn{border-top-style: solid; border-top-width: 1px; border-top-color: #ccc;};
.grid-canvas .slick-row .slick-cell.editColumn {opacity:0; transition: opacity 0.2s; border-bottom: none;}
.slick-row:hover div.editColumn.l1{opacity:1;}*/
div.editColumn.l1,
.details-view .grid-canvas .slick-row .slick-cell.l1 {border-left-style: dotted; border-left-width: 1px; border-left-color: #ccc;}

.details-view .grid-canvas .slick-row .slick-cell{padding-right: 2px; height:27px;}
.details-view div.table-row {display: table-row;}
.details-view div.table-row&gt;div{vertical-align: middle;display:table-cell;border-top-style: dotted; border-top-width: 1px; border-top-color: #ccc; position:relative;}
.details-view div.table-row&gt;div.btn-toolbar{border: none;}
.details-view div.table-row&gt;div.btn-toolbar .btn{margin-top:-3px;}
.details-view div.table-row&gt;div.btn-toolbar .btn:first-child{margin-left:2px;}
.details-view div.table-row .header{text-align: center;background-color: #f5f5f5; border-color: #dddddd; color: #333333;
border-right-style: dotted; border-right-width: 1px; border-right-color: #ccc;}
.details-view div.table-row .editor-field{width: 60%; padding-left:3px;}
.details-view div.table-row .editor-btn{width: 20px;}
.details-view .slick-cell.editable{border: 1px solid white; border-bottom: solid 1px #ccc; border-right: dotted 1px #ccc;}
.details-view .grid-canvas .slick-row .slick-cell.editable{line-height: 27px;}
.details-view .grid-canvas .slick-row .slick-cell input[type="text"]{position:absolute; top:0; left: 0;}
.details-view .slick-cell .cell_error_sign{ right: 0;}
.details-view .sell-wrap.required::before{margin-right:1px;}
.details-view .readonly-table-cell {
  display: table;
  height: 100%;
  line-height: 124%; /* uppercased MACs are not enouth 120%, increasing to 124% */
  margin-top: -1px;
  width: 100%;
}
.details-view .readonly-table-cell &gt; div{
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  white-space: normal;
}

#cambium_side_menu.list-group:first-child .list-group-item:first-child{border-top: 1px solid #DDD;}

.cambui-btn-success {
  background-image: linear-gradient(#78c478, #5cb85c 60%, #4eb24e) !important;
  background-repeat: no-repeat !important;
  border-bottom: 1px solid #449d44 !important;
  filter: none !important;
  background-color: #5cb85c !important;
  border-color: #4cae4c !important;
  color: #fff !important;
}

#save_btn[disabled] {
  pointer-events: auto;
}

#save_btn[disabled].has-error{
  border-color: #d9534f;
  color: #d9534f;
}

.table-condensed&gt;tr&gt;td{padding-left: 24px;}
.table-condensed&gt;tr&gt;td span.help_sign{margin-left: -22px; opacity:0; transition: all 0.2s;}
.table-condensed&gt;tr:hover span.help_sign{
  margin-left: 0;
  opacity: 1;
}

.ui-radio .radio-inline+.radio-inline {margin-top: 10px;}
.form-horizontal .ui-radio .radio-inline+.radio-inline{margin-top:inherit;}

.show-pass span.glyphicon-eye:before{color:#008000;}
.show-pass span.glyphicon-eye:before:hover{color:#008000;}

.slick-group-toggle.expanded:after,
.slick-group-toggle.collapsed:after {
  content:"+";
  color:rgba(25, 59, 116, 0.76);
  margin-left: 3px;
  position: relative;
  top: -6px;
  font-weight: 600;
}
.slick-group-toggle.expanded:after{
  content:"_";
  top: -13px;
  font-size: 16px;
}

.slick-group-toggle {
  height: 16px;
  width: 16px;
  border: solid 1px rgba(25, 59, 116, 0.76);
  border-radius: 3px;
  color: rgba(25, 59, 116, 0.76);
  vertical-align: middle;
  margin-left: 4px !important;

}
.slick-group-toggle {
  display: inline-block;
}

.slick-group-toggle.hidden + .slick-group-title{margin-left: 20px;}
.slick-group-title&gt;span{padding-left: 6px;}

.radio-inline+.radio-inline {margin-top: 10px;}
.form-horizontal .radio-inline+.radio-inline {margin-top: 0px;}

.cambui-btn-success {
  background-image: linear-gradient(#78c478, #5cb85c 60%, #4eb24e) !important;
  background-repeat: no-repeat !important;
  border-bottom: 1px solid #449d44 !important;
  filter: none !important;
  background-color: #5cb85c !important;
  border-color: #4cae4c !important;
  color: #fff !important;
}
.slick-group-totals{ background-color: #e7e7e7;}
.MAC-column { width:160px; display: inline-block;}
.MAC-column&gt;span{ color: green;}
.RSSI-column {width: 110px; display:inline-block; text-transform: none;}
.Rate-column {width: 90px; display:inline-block;}
.count-column{color:gray; text-transform: none;}

.list-group-item-top .error_sign,
.list-group-item .error_sign {
  display: none;
}

.list-group-item-top.has_required .error_sign,
.list-group-item.has_required .error_sign {
  display: inline;
}

.dropdown-menu .list-group-item-top.has_required .error_sign {
  margin-top: -19px;
}

.min-padding-right {
  padding-right: 0px;
}

@media screen and (min-width: 1450px) {
  .force-pull-right{
    float: right !important;
  }
}

.small-checkbox .checkbox label {
  min-width: 20px;
  margin-left: 7px;
  border-radius: 4px;
}

.readonly .checkbox label {
  opacity: 0.65;
}

.modal-header span {
  margin-left: 7px;
}

#sidebar_main.collapse.in {
  display: block!important;
}

#mobile_menu.collapsed&gt;span.glyphicon:before {
  content: "_";
}

#mobile_menu&gt;span.glyphicon:before {
  content: "^";
}

body.login #mobile_menu {
  display: none;
}

/* remove grid lines from the charts (d3)*/
.tick line {display: none;}

#spectrum-tt {
  position:absolute;
  pointer-events:none;
  text-align:left;
  border-radius:4px;
  border:1px solid #c7c9c7;
  top:0;
  left:0;
  background-color:#ddd;
  color:#003d79;
  padding:6px 10px;
  display: none;
}
#spectrum-tt h3 {
  font-size:10px;
  line-height:1.4;
  font-weight:300;
  padding:0;
  margin:0;
}
#spectrum-h {
  position:absolute;
  display:none;
  width:100px;
  height:1px;
  background-color:#c7c9c7;
  pointer-events: none;
}
#spectrum-v {
  position:absolute;
  width:1px;
  display:none;
  background-color:#c7c9c7;
  pointer-events: none;
}
.spectrum-selection {
  position: absolute;
  width: 1px;
  height: 1px;
  display:none;
  border: 1px dashed #c7c9c7;
  border-top: 0;
  border-bottom: 0;
  background: rgba(220, 220, 220, .5);
  pointer-events: none;
}

.sa-selection-label {
  position: absolute;
  pointer-events: none;
  text-align: left;
  border: none;
  top:0;
  left:0;
  color:#003d79;
  padding:6px 10px;
  display:none;
}
.sa-selection-label h3 {
  font-size:14px;
  line-height:1.4;
  font-weight:600;
  padding:0;
  margin:0
}


.form-horizontal .control-label.text-left{
  text-align: left;
}

.channel_wrap {
  border-right: dashed 1px #cdcdcd;
}
.channel_wraps_container {
  border: none;
  box-shadow: none;
}

.glyphicon-zoom-reset:before {
  content: "";
}

.glyphicon-zoom-reset {
  position: absolute;
  top: 45px;
  left:90px;
  z-index:500;
  font-size: 25px;
  cursor: pointer;
  color: #002850;
}

.whats-new-modal {
  padding: 0 15px;
  line-height: 1.4;
  color: #000;
  list-style: none;
}

.whats-new-modal li {
  margin-bottom: 10px;
}

@media screen and (max-width: 1700px) {
  .rwd-line {
    display: block;
  }
}

.border-top-zero {
  border-top: 0px!important;
}

.border-disabled * {
  border: none!important;
  box-shadow: none;
}

#mcs_dl_packet_per_mcs table td,
#mcs_ul_packet_per_mcs table td {
  padding: 5px 5px 15px 5px;
}

#mcs_dl_packet_per_mcs table td:nth-child(2),
#mcs_ul_packet_per_mcs table td:nth-child(2) {
  padding: 5px 5px 10px 20px;
}

/**TEMPORARY (gap between panel with dual view elements and single view)**/
#wireless_radio_wrapper_dw .panel {
  margin-bottom: 0px;
  border-bottom: none;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  box-shadow: none;
}
#wireless_radio_wrapper_dw + #wireless_status .panel{
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
 -webkit-border-top-left-radius: 0px;
 -webkit-border-top-right-radius: 0px;
}
/**TEMPORARY END**/

.sa-slider-wrapper {
  width: 1px;
  height: 220px;
  padding: 0px;
  margin-top: 47px;
  margin-left: -51px;
  -webkit-margin-start: -47px;
  z-index: 100;
}
.sa-slider-wrapper input[type=range] {
  width: 220px;
  height: 0px;
  -webkit-transform-origin: 20px 100%;
  -moz-transform-origin: 20px 100%;
  -o-transform-origin: 20px 100%;
  -ms-transform-origin: 20px 100%;
  transform-origin: 20px 100%;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-appearance: none;
}
.sa-slider-wrapper input[type=range]:focus {
  outline: none;
  background: transparent;
}

.sa-slider-wrapper input[type=range]::-webkit-slider-runnable-track {
  width: 220px;
  height: 1px;
  cursor: pointer;
}
.sa-slider-wrapper input[type=range]::-webkit-slider-thumb {
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -15px;
  background: transparent;
  box-shadow    : 1px -1px 1px #ccc;
  border-top    : 2px solid #000;
  border-left   : 1px solid #000;
  border-right  : 1px solid #000;
  border-bottom : 2px solid #000;
  height        : 34px;
  width         : 20px;
  border-radius : 3px;
}
.sa-slider-wrapper input[type=range]:focus::-webkit-slider-runnable-track {
  outline: none;
  background: transparent;
}
.sa-slider-wrapper input[type=range]::-moz-range-track {
  width: 220px;
  height: 0px;
  cursor: pointer;
  animate: 0.2s;
}

.sa-slider-wrapper input[type='range']::-moz-focus-outer {
  border: 0;
}

.sa-slider-wrapper input[type=range]::-moz-range-thumb {
  background: transparent;
  cursor: pointer;
  box-shadow    : 1px -1px 1px #ccc;
  border-top    : 2px solid #000;
  border-left   : 1px solid #000;
  border-right  : 1px solid #000;
  border-bottom : 2px solid #000;
  height        : 34px;
  width         : 20px;
  border-radius : 3px;
}

.sa-slider-wrapper output {
  text-align: center;
  color: #000;
  margin-left: 45px;
}

.sa-label {
  color: #000;
  font-weight: bold;
  position: absolute;
  top: 50px;
}

.release_notes_titles {
  display: inline-block;
  position: relative;
  font-weight: bold;
}

.release_notes_titles::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #000;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}
.release_notes_titles:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

@keyframes bouncing-loader {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0.1;
    transform: translateY(-1rem);
  }
}
.bouncing-loader {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ccc6;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.bouncing-loader &gt; div {
  width: 1rem;
  height: 1rem;
  margin: 3rem 0.2rem;
  background: #527da7;
  border-radius: 50%;
  animation: bouncing-loader 0.6s infinite alternate;
}
.bouncing-loader &gt; div:nth-child(2) {
  animation-delay: 0.2s;
}
.bouncing-loader &gt; div:nth-child(3) {
  animation-delay: 0.4s;
}
.padding-zero .wrapper.panel-body {
  padding: 0px;
}
.reset-margin-bottom, .reset-margin-bottom .panel {
  margin-bottom: 0px !important;
}
</pre></body></html>