/*############################################################################
 #
 #  FILE: custom.css
 #
 #  DESCRIPTION:  Custom UI custom stylesheet
 #
 # © Copyright 2021 CommScope, Inc. All rights reserved.
 #
 # This program is confidential and proprietary to CommScope, Inc. (CommScope),
 # and may not be copied, reproduced, modified, disclosed to others, published
 # or used, in whole or in part, without the express prior written permission
 # of CommScope.
 #
 #  Copyright ©2010-2017 ARRIS Enterprises, LLC. All rights reserved.
 #
 #  This program is confidential and proprietary to ARRIS Enterprises, LLC. (ARRIS),
 #  and may not be copied, reproduced, modified, disclosed to others, published
 #  or used, in whole or in part, without the expressed prior written
 #  permission of ARRIS.
 ############################################################################
*/
/* ARRIS corporate palette
   ff9E1B orange
   e87722 darker orange
   54585a dark grey
   d9d9d6 light grey
   25282a black
*/
html body {
	background-color: #d9d9d6;
}
a {
	color: #54585a;
}
a:hover {
	color: #25282a;
}
hr {
	color: #54585a;
	background-color: #54585a;
}

h1 {
	color: #54585a;
}

h2 {
	color: #54585a;
}

h3 {
	color: #25282a;
}
.graphreceive {
        color: #e87722;
}
.graphtransmit {
        color: #54585a;
}
.tcmgraphrssi {
        color: #cc0000;
}
.tcmgraphchanutil {
        color: #00cc00;
}
.tcmgraphplain {
        color: #000000;
}
 .INIDinfo {
	color: #25282a;
}
.desc {
	color: #54585a;
}

.col1 {
	color: #25282a;
}

.col2 {
	color: #25282a;
}
#wrapper {
	background-color: #d9d9d6;
}
#top-navigation {
	background: #25282a;
	color: #ffffff;
}

.topnav a {
	color: #ffffff;
}

.topnavselected a {
	color: #ff9E1B;
	font-size: 16px;
}

#sec-navigation {
	background: #d9d9d6;
}
#sec-navigation-wide {
	background: #d9d9d6;
}
.secnavselected a{
        font-size: 14px;
        font-weight: bold;
        color: #25282a;
}

#help-sub {
	color: #25282a;
}
.cssbtn {
	color: #25282a;
}

.cssbtn span {
	color: #25282a;
}
table.grid {
    background-color: #e87722;
}
table.grid th {
    color: #25282a;
    background-color: #ff9e1b;
}
table.grid tr.a td {
    background-color: #d9d9d6;
}
table.grid tr.b td {
    background-color: #ffffff;
}

table.appstat {
	border: 1px solid #25282a;
}
table.appstat th {
    color: #25282a;
    background-color: #ff9e1b;
}
table.appstat tr td {
    background-color: #fff;
}
table.appstat tr.b td {
    background-color: #ffffff;
}
table.appstat td.c {
    background-color: #d9d9d6;
}
table.hpnastats td {
	border: 1px solid #54585a;
}
table.hpnastats td.colorbg {
	background-color: #ff9e1b;
}
table.hpnastats td.interval {
	background-color: #25282a;
	color: #ffffff;
}

table.packetfilter {
	border: 3px solid #E87722;
}

table.packetfilter th {
    color: #25282a;
    background-color: #ff9e1b;
}

table.packetfilter tr td {
	border-bottom: 1px solid #54585a;
}

tr.rule {
	background-color: #e87722;
	color: #25282a;
	font-weight: bold;
}

tr.match {
	background-color: #ffffff;
}

th.stat {
        padding-top: 8px;
        color: #666666;
        font-weight: bold;
        text-decoration: underline;
}

.LB-white-content {
    border: 3px solid #585858;

}
.ups {
	background: -webkit-gradient(linear, left top, left bottom, from(#FF8000), to(#FACC2E));
	background-color: #FF8000;
	/*-webit-animation-name:bar-one;*/
}
.downs {
	background: -webkit-gradient(linear, left top, left bottom, from(#00FF00), to(#9FF781));
	background-color: #00FF00;
}
.inner p {
	color: #25282a;
}
#footer {
	background-color: #d9d9d6;
}
#logout {
	color:#ffffff
}

/* ---------The popup CSS starts---------- */
/* The popup (background) */
.popup {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* popup Content */
.popup-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
/* ---------The popup CSS ends---------- */