/* started with cnmmain.css
 *   used ".pogmenulist a", unique color for modem table DAF0F0, #modemtable for cursor
 *
 * CNM - starting point
 * GS - gunslingermain.css can use this as is
 * CQM - added .bigtext and .savebutton from CQM
 * MNT - added .tooltip from maint.css
 * BI - was not unique
 * API - was not unique
 * ANM and AQM to start with this
 * 
 */

body {
	margin: 0px;
	/* bodyback color */
	background-color: #fff;
	font:1em verdana, arial, sans-serif;
	font-size: 70%;
	/* dark text color */
	color: #000;
	}

p {margin:0 0 0 0;}

.heading {	/* used for the Provider name */
padding: 5px;
margin: 1px;
font-size: 1.5em; /* 14px/16=0.875em */
background-color: #800070;
}

.good { color: green; }
.warn { color: orange; }
.bad { color: red; }
.pushright { text-align: right; }

.right {
    float: right;
    background-color: #b0e0e6;
}

.bigtext {
font-size: 1.5em;
}

.dashboardRow {
padding: 5px;
margin: 10px;
font-size: 1.0em; /* 14px/16=0.875em */
}

.dashboardRow th {color:#FFF; background: #800070;}
.dashboardRow tr:nth-child(odd) {background: #CCC;}
.dashboardRow tr:nth-child(even) {background: #FFF;}

th {color:#FFF; background: #800070;}

.vtop{
vertical-align: top;
}

.inset {
padding: 5px;
margin: 10px;
font-size: 1.0em; /* 14px/16=0.875em */
}

.savebutton {background-color: #800070; font-size: 12px; color: #FFF;}

.logoback {
padding: 5px;
/* margin: 2px; */
font-size: 1em; /* 14px/16=0.875em */
background-color: #800070;
}

.menulist {
padding: 5px;
/* margin: 2px; */
font-size: 1em; /* 14px/16=0.875em */
	/* background-image: url("/img/bg2.png"); */
	background-color: #FFF;
}

.easyChart tr:nth-child(odd) {background: #CCC}
.easyChart tr:nth-child(even) {background: #FFF}


.pogmenulist {
padding: 5px;
margin: 2px;
font-size: 1em; /* 14px/16=0.875em */
background-color: #800070;
color: #fff;
text-decoration: none !important;
}

.pogmenulist a {
color: #fff;
text-decoration: none !important;
}

/* selectors for the secondary menu */

.header-container {
	background-color: #800070;
	/* width: 100%; */
}
header nav a { 
    text-decoration: none;
    font: 12px/1 Verdana;
    color: #fff;
    display: block; 
}

header nav a:hover { 
	background-color: #333;
}

header nav ul { 
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: #800070;
}

header nav ul li { 
	margin: 0; 
	padding: 0; 
}

/* Top-level menu */
header nav > ul > li { 
    float: left;
    position: relative; 
}

header nav > ul > li > a { 
    padding: 2px 10px;
    /* border-left: 1px solid #000; */
    display: block;
}

header nav > ul > li:first-child { margin: 0; }
header nav > ul > li:first-child a { border: 0; }

/* Dropdown Menu */
header nav ul li ul { 
    position: absolute;
    background: #ccc;
    /* width: 100%;  */
    margin: 0;
    padding: 0;
    display: none; 
}

header nav ul li ul li { 
    text-align: center;
    /* width: 100%;  */
}

header nav ul li ul a { padding: 10px 0; }
header nav ul li:hover ul { display: block; }

/* end of selectors for secondary menu */

/* selectors for the main menu */

.nav-container {
	background-color: #800070;
	/* width: 100%; */
}
nav a { 
    text-decoration: none;
    font: 12px/1 Verdana;
    color: #fff;
    display: block; 
}

nav a:hover { 
	background-color: #333;
}

nav ul { 
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: #800070;
}

nav ul li { 
	margin: 0; 
	padding: 0; 
}

/* Top-level menu */
nav > ul > li { 
    float: left;
    position: relative; 
}

nav > ul > li > a { 
    padding: 10px 20px;
    /* border-left: 1px solid #000; */
    display: block;
}

nav > ul > li:first-child { margin: 0; }
nav > ul > li:first-child a { border: 0; }

/* Dropdown Menu */
nav ul li ul { 
    position: absolute;
    background: #404040;
    /* width: 100%;  */
    margin: 0;
    padding: 0;
    display: none; 
}

nav ul li ul li { 
    text-align: center;
    /* width: 100%; */
}

nav ul li ul a { padding: 10px 0; }
nav ul li:hover ul { display: block; }

/* end of selectors for main menu */

/* selectors for dashboard */

.dashboardbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    text-decoration: none;
}

/* end of dashboard selectors */

.linklist {
padding: 5px;
margin: 2px;
font-size: 1em; /* 14px/16=0.875em */
background-color: #800070;
}

.home {
padding: 15px;
font-size: 1.5em; /* 14px/16=0.875em */
background-color: #ffffff;
border: 1px solid #800070;
}
.pog {
padding: 5px;
margin: 2px;
font-size: 1em; /* 14px/16=0.875em */
background-color: #DAF0F0;
border: 1px solid black;
text-decoration: none !important;
}

.teamhome {
padding: 5px;
font-size: 1.5em; /* 14px/16=0.875em */
background-color: #ffffff;
border: 1px solid black;
}

.pagetitle {
column-width: 100px;
text-align: left;
}

.location {
/* width: 100%; */
text-align: right;
}

.formlist {
padding: 15px;
margin: 2px;
font-size: 1.5em; /* 14px/16=0.875em */
background-color: #800070;
}

.snmplist {
padding: 15px;
margin: 2px;
font-size: 1.5em; /* 14px/16=0.875em */
background-color: #800070;
}

.footer {
padding: 5px;
/* margin: 2px; */
font-size: .75em; /* 14px/16=0.875em */
background-color: #800070;
color: #fff;
}

/* modem table style to allow ipad selection of a link */
#modemtable {
cursor: pointer;
}

/* from maintenance css file */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

/* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}


.minbox {
  padding: 5px;
  margin: 1px;
  border: 1px solid #800070;
}