/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 50px;
}

/*
 * Typography
 */

h1 {
  margin-bottom: 20px;
  padding-bottom: 9px;
  border-bottom: 1px solid #eee;
}

/*
 * Sidebar
 */

 .sidebar {
  position: fixed;
  top: 51px;
  bottom: 0;
  left: 0;
  z-index: 1000;
  padding: 20px;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
  border-right: 1px solid #eee;
}

/* Sidebar navigation */
.sidebar {
  padding-left: 0;
  padding-right: 0;
}

.sidebar .nav {
  margin-bottom: 20px;
}

.sidebar .nav-item {
  width: 100%;
}

.sidebar .nav-item + .nav-item {
  margin-left: 0;
}

.sidebar .nav-link {
  border-radius: 0;
}

/**
Summary
*/
/* .datasummary {
  background-color: lightgrey;
  margin: 20px;
  padding: 20px;
} */

.datasummary {
  margin-top: 25px;
}

.datasummary h3,h4,h5,h6 {
  padding: 5px;
}

.databuttons {
  margin-top: 20px;
  margin-bottom: 30px;
}

.databuttons button {
  margin-right: 30px;
}

.tsymbol img {
  height: 1.5rem;
  fill: red;
}

td.talarm {
  color: red;
}

td.tok {
  color: green;
}


.tsmall {
  font-size: 0.8rem;
  color: #757575;
}


#dash {
   border-top: 3px solid green;
   border-bottom: 3px solid green;
 }

 h4.menu-title {
    font-size: 1.6rem;
    font-weight: bold;
    color:#28246a;
  }

.menu-title a {
  color:#28246a;
  text-decoration: none;
}

/* .datasummary tr{
  margin-bottom: 20px;
}

.datasummary table tbody tr td .firstcol {
  text-align: left;
}
   */

.tablesummary  {
  height: 12.5em;
}
.tablesummary table {
  text-align: left;
  width: 100%;
}
  
.tablesummary .menu-name {
   font-size: 0.8rem;
   color:#494949;
}
.tablesummary .menu-value {
  font-size: 1rem;
  font-weight: 600;
  color:#28246a; 
}

.square {
  font-size: 1.2em;
  color: rgba(255, 0, 0, 0);
}
.square::before {
  content: "\25A0";
}
.square.red {
  color: red;
}
.square.green {
  color: rgb(29, 228, 29);
}


 /* footer */
#footer {
  color:#757575;
  width: 100%;
  height: 3em;
  position: block;
  bottom: -10em; 
  left: 0px; 
  text-align: center;
  z-index: 100;
}
/* end footer */


/**
Login
*/
.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.topbar {
  position: absolute; 
  top: 5px;
  right: 10%;
  margin-top: 10px;
}

/* revision 2308 */
.iboxcomm  {
  border: 5px solid #a1d5f8;
  /* background-color: rgb(193, 193, 193); */
  margin-bottom: 25px;
  margin-top: 25px;   
  padding: 15px;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
}

.iboxmeter h4 {
  color: #516370;
}
.iboxmeter h1 {
font-size: 4em;
  color: #0179c9;
}
.iboxmeter h3 {
  color: #718b9d;
}

.iboxcomm h6 {
  color: #27a8fe;
}

/* .iboxcomm > table {
  background-color: rgb(193, 193, 193);
} */

.iboxhist h1 {
  color: #27a8fe;
}
.iboxhist h4 {
  color: #0179c9;
}
.iboxhist h6 {
  display: inline-block;
}

.table-scrolled {
  overflow-y: scroll;
}