ul li span.type {
    color: #585858;
}

div.table-container {
    width: 100%;
}

table.paleblue {
    width: 100%;
}

.dl-horizontal dd {
  margin-right: 40px;
}

/*
td.msg {
    width: 100%;
}
*/

body {
    background: white;
    font-family: Helvetica, Arial, sans-serif;
}

.title {
    color: #005792;
}

#footer p {
    margin-top: 2em;
    border-top-color: #005792;
}

a {
    color: #585858;
}

a:hover {
    color: black;
    text-decoration: none;
}


table.paleblue a:link {
    color: grey;
}

table.paleblue a:visited {
    font-weight: normal;
    color: grey;
}

table.paleblue tr.odd {
    background-color: #f0f0f0;
}

table.paleblue tr.even {
    background-color: #e0e0e0;
}

table.paleblue + ul.pagination > li > a {
    color: grey;
}

#logo img {
    padding-top: 7px;
    margin-left: -8px;
}

#logo span {
    margin-top: 10px;
}

table.update {
    border-collapse: collapse;
    margin: 20px;
    width: 20em;
}

table.update tr {
    border: solid 1px #AD9C9B;
}

table.update tr.header {
    background-color: #005792;
    font-weight: bold;
    color: white;
}

table.update tr td, table.update tr th {
    padding: 5px;
}

table.update td.action_selection {
    text-align: center;
    vertical-align:middle;
}

table.update tr td.check {
    border: solid 1px #AD9C9B;
}

table.update thead th.check {
    border: solid 1px #AD9C9B;
}

div#update {
    width: 30em;
}

div#update input[type="submit"] {
    text-align: right;
    margin-top: 10px;
}

td.suppressed {
    text-decoration: line-through;
}

#logo h1 {
    font-size: 2em;
    text-transform: none;
    padding-left: 10px;
    padding-top: 5px;
}

#logo img {
    padding-left: 5px;
}

div#menu {
    margin-left: 45px;
    margin-top: 3px;
    height: 34px;
    width: 905px;
}

h2 {
    font-size: 1.5em;
    font-weight: bold;
    color: #005792;
}

h3 {
    font-size: 1.2em;
}

h2.panel-title {
    color: #005792;
}

#sidebar ul {
    margin-bottom: 10px;
}

#sidebar ul a {
    padding-left: 0em;
}

#sidebar div.panel-text {
    padding-left: 1em;
}


#sidebar h2 a {
    padding-left: 0px;
}

#sidebar div.sidebar-text {
    padding-left: 10px;
}

#sidebar ul li {
    list-style-type: none;
    padding-left: 0px;
}

div#status ul {
    padding-left: 20px;
    margin-left: 0px;
    list-style-type: circle;
    font-weight: normal;
}

div#status ul li {
    margin-left: 0px;
}

.msg {
    cursor: row-resize;
}

div.highlight pre{
    white-space: pre-wrap;
}

div.highlight span.kt {
    color: #005792;
    font-weight: bold;
}

div.highlight span.k {
    color: #005792;
    font-weight: bold;
}

div.highlight span.err {
    color: #005792;
    font-style: italic;
}

div.highlight span.nv {
    color: #AD9C9B;
}

div.highlight span.na {
    color: #0d7218;
    font-style: italic;
}

input[type="text"]#id_search {
    width: 10em;
    margin-right: 1em;
}

div#id_search {
    color: white;
    padding-top: 3px;
}

ul.pagination {
    width: 100%;
}

a#logo {
    padding: -5px;
}

div.dropdown-menu li {
   padding-right: 5px;
}

ul.dropdown-menu li {
   padding-right: 5px;
}

a#display_menu img {
   margin-bottom: 5px;
}

div.status p {
   padding-left: 10px;
}

button a {
   color: white;
}

button a:hover {
   color: white;
}

#sciriuslogo {
   margin-top: 15px;
   margin-bottom: 15px;
}

#login form {
   margin: 10px;
}

#sidebar .breadcrumb {
   margin-bottom: 0px;
   background-color: white;
}

div.tab-content {
   margin-top: 10px;
   margin-left: 5px;
}

div.panel-body {
    padding: 5px 5px 5px 15px;
}

div.label a {
    color: white;
    padding-left: 0em;
}

#sidebar div.label a {
    padding-left: 0em;
}

tr.overed {
   background-color: rgb(113, 159, 202) !important;
}

/* Added for d3js */
.node {
  cursor: pointer;
}

.node:hover {
  stroke: #247dca;
  stroke-width: 1px;
}

.node--leaf {
  fill: white;
}

.d3-label {
  font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-anchor: middle;
  font-weight: bold;
  /* text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, -1px 0 0 #fff, 0 -1px 0 #fff; */
}

.d3-label,
{
  pointer-events: none;
}

#circles path {
  stroke: #fff;
  fill-rule: evenodd;
}

#circles {
  height: 325px;
  margin-top: 30px;
}

#circles svg {
    margin-left: auto;
    margin-right: auto;
    height: 320px;
}

div.panel-content ul {
    margin-top: 3px;
}

div.panel-content ul li span.pull-right {
    margin-right: 20px;
}

div.status ul li span.pull-right {
    margin-right: 20px;
}

.svgcenter {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
    font-size: 120%;
}

.category {
    min-width: 12em;
}

.jumbotron p.minor {
	font-size: 100%;
}

.jumbotron p.lead {
	font-size: 120%;
}

.jumbotron {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 0px;
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

.fill {
  min-height: 100%;
  height: 100%;
}

.alert-trends-title {
  font-weight: bold;
  text-align: center;
}

.alert-trends-box {
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  border-radius: 3px;
  line-height: 60px;
  height: 60px;
}

.alert-trends-box span {
  font-size: 125%;
}

.comment {
  margin-top: 5px;
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.updated_date {
  width: 12em;
}

div#highlight_info {
  height: 200px;
  padding: 5px;
}

.navbar .container, .navbar .container-fluid, .navbar .container-lg, .navbar .container-md, .navbar .container-sm, .navbar .container-xl {
    display: block;
    -ms-flex-wrap: initial;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    align-items: normal;
    -ms-flex-pack: initial;
    justify-content: normal;
}
.navbar-nav {
    display: block;;
    flex-direction: unset;
}
.navbar-nav .dropdown-menu {
    position: absolute;
}

/* Log In page start */
.login {
    display: grid;
    grid-template-columns: 1fr 3fr 1fr;
    grid-template-rows: 20vh 60vh 20vh;
    justify-items: center;
    align-items: center;
    height: 100vh;
    background-image: linear-gradient(to right bottom, rgba(0, 87, 146, 0.6), transparent), url(./Stamus_Pattern_16x9.jpg);
    background-size: cover;
    background-position: center;
    color: #fff;
}

.login a {
  color: white;
}

.login__logo-box {
    grid-row: 1/2;
}
.login__logo {
    height: 64px;
}

.login__form-box {
    grid-row: 2/3;
    grid-column: 2/3;
    display: grid;
    grid-template-rows: 7vh 46vh 7vh;
    align-items: center;
}
.login__form-box input[type=text], .login__form-box input[type=password] {
    height: 50px;
    margin-bottom: 20px;
}

.login__heading {
    font-size: 30px;
    letter-spacing: 6px;
    margin: 0;
    text-align: center;
}

.custom_banner {
    text-align: center;
    grid-row: 1/2;
    grid-column: 2/3;
}

.custom_banner h2 {
  color: white;
}

.login__button-box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    margin-bottom: 10px;
}

.login__button-box  .form-group {
    margin-bottom: 0px;
}
.login__checkbox {
    display: grid;
    grid-template-columns: min-content 1fr;
    align-items: center;
    justify-items: center;
    margin-bottom: 0;
    font-weight: inherit;
    cursor: pointer;
}
.login__checkbox input {
    margin: 0;
    height: 25px;
    width: 25px;
    appearance: none;
    border: 1px solid #bcccd1;
    font-size: 0.8em;
    text-align: center;
    line-height: 1em;
    background: transparent;
    border-radius: 4px;
    backdrop-filter: blur(0px);
    cursor: inherit;
    transition: all 0.2s;
    position: relative;
}
.login__checkbox input:hover {
    backdrop-filter: blur(3px);
}
.login__checkbox input:focus {
    outline: none;
}
.login__checkbox input:checked:after {
    content: '\2714';
    font-size: 33px;
    position: absolute;
    top: 2px;
    left: 2px;
}
.login__checkbox span {
    line-height: 25px;
    font-size: 17px;
}

.login__button {
    font-size: 18px;
    height: 50px;
    width: 100%;
    background-color: transparent;
    border: 1px solid #bcccd1;
    border-radius: 4px;
    backdrop-filter: blur(0px);
    transition: all 0.2s;
    float: right;
    width: 50%;
    color: inherit;
}
.login__button:hover {
    backdrop-filter: blur(3px);
}
.login__button:active {
    backdrop-filter: blur(10px);
    transform: translateY(1px);
}

.login__error > div {
    margin-bottom: 0;
    border: none;
}

.login__legal {
    grid-row: 3/3;
    grid-column: 2/3;
    font-size: 15px;
}
/* Log In page end */

/* ========================================================================================= */
/* =============================== appliance branch ======================================== */
table.paleblue > tbody > tr > td > span.true, table.paleblue > tbody > tr > td > span.false {
    background-image: none;
    min-width: 10em;
    height: 1.7em;
    text-indent: 0px;
    font-size: 90%;
    padding-top: 4px;
}

td.warning {
    color: #7A1243;
}

table.paleblue thead th.status {
    width: 10em;
}

.output-panel {
  padding: 1%;
}

.dropdown-item.active {
  color: #005792;
  background-color: inherit;
}