:root {

  --bolt-blue: rgb(76, 116, 181);
  --bolt-blue-hover: rgb(80, 130, 181);

  --bolt-grey:rgb(235, 235, 235);
  --bolt-grey-hover: rgb(215, 215, 215);

  --bolt-white:rgb(235,235,235);

  --background-color: rgb(245, 245, 245);
}


body {
  /* Always keep vertical scrollbar, disallow horizontal scrolling on body */
  overflow-y: scroll;
  overflow-x: hidden;

  height: 100vh;
  background-color: var(--background-color);
  padding-bottom: 70px;
}

/* General items */
form label, form input[type=text]{
  text-align: left;
  min-width: 10vw;
}

.btn{
  min-width: 7vw;
}

/* Navigation bar CSS */
.navbar{
  background-color: var(--bolt-blue);
  color: var(--bolt-white);
}

.nav-item{
  margin-left: 1vw;
  margin-right: 1vw;
}

.navbar a:hover{
  cursor:pointer;
}

.dropdown-menu{
  padding:0;
  background-color: var(--bolt-grey);
}
.dropdown-divider{
  border-color: var(--bolt-grey-hover);
}

.dropdown-item:hover{
  background-color: var(--bolt-grey-hover);
}

/* Remove default color, and underline for links */
a { 
  color: inherit;     
  text-decoration: none; 
}
a:hover, a:focus{
  text-decoration: none; 
}


/* For the filter boxes above any searchable list */
.filter-box{
  width: 100%;
}

/* For any clickable list of items */
.list-group {
  min-height: 10vh;
  max-height: 60vh;
  overflow:scroll;
}


/* For any error text */
.error {
  color: red;
  font-style: italic;
  font-size: 0.8em;
}

/* Sign in page css, positions div in center */
.sign-in {
  position: absolute;
  width: 500px;
  height: 500px;
  top: 50%;
  left: 50%;
  margin: -250px 0 0 -250px;
  text-align: center;
}

/* A general page divider */
.page-divider{
  margin: 20px 0;
  border-top: solid 1px var(--bolt-grey-hover);
}
.page-divider-h{
  border-right: solid 1px var(--bolt-grey-hover);
}

/* Run form styling */
.inline-header, .run-form h3 {
  display: inline;
  font-weight: bold;
}

.run-form .container, .section-container {
  padding: 20px 20px;
}

.toggle-view{
  font-size: small;
  float: right;
  border-radius: 5px;
  padding: 5px;
  border: solid 1px var(--bolt-grey-hover);
}

.run-form .regular-input{
 width:50%;
}

.run-form .small-label{
  font-size: 13px;
  display: block;
}

.run-form .custom-file{
  margin-bottom: 10px;
}

.run-form .submit-run-btn{
  width: 80%;
  margin: 5% 10%;
}

.well{margin:0}



/* Modal box options */

#exitModal {
  margin-top: -50px;
  margin-right: -30px;
  float: right;
  color: #aaa;
  font-size: 35px;
  font-weight: bold;
}
#exitModal:hover,
#exitModal:focus {
  color: red;
  text-decoration: none;
  cursor: pointer;
}


.dropdown-menu-right {
  width: 20vw;
}
.dropdown-menu-right li {
  padding: 8px;
}

.notification-badge {
  position: relative;
  padding: 2px 3px;;
  top: -10px;
  left: -5px;
  font-size: 10px;
  color: white;
  background-color: red;
  width: min-content;
  height: min-content;
}