body {
    font-size: .875rem;
  }
  
.navbar {
  background-color: #c62828;
}

.navbar-nav {
  flex-grow: 1;
}

.logout a {
  text-decoration: none;
  color : #fff;
  font-weight: bold;
}

.nav-link {
  color : #fff;
  text-transform: uppercase;
}

main {
  padding-top: 50px;
}


h1 .subtitle {
  display: block;
  font-size : 50%;
  font-style: italic;
  margin-bottom : 50px;
}
h3 {
  padding : 25px 0;
}

h4 {
  padding : 25px 0 0 0;
  border-bottom: 1px solid #c62828 ;
}

.login-form {
  width : 400px;
  margin : 0 auto;
    padding : 20px;
  background-color: #c62828;  
  text-align: center;
}

.login-form .form-group {
  
  padding : 20px;
  box-sizing: border-box;
}

.login-form input {
  padding : 20px;
  
}

.message {
  width : 100%;
  text-align: center;
}

.message.error {
  background-color: #eba0a0;
  padding : 20px;
  margin : 20px;
}

.form-group.bslist {
text-align: center;
border : 1px dotted grey;
margin: 10px;;
}
.form-group.bslist img{
  max-width: 100%;
   
}
select.full {
  display: block;
  padding : 10px;
  margin : 20px 0;
}

.input label {
  display: block;
}

.table.folder span {
  display: block;
  font-style: italic;
  color : #888888;
  font-size: 70%;
}
.table-striped th a {
  color : #000;
  text-decoration: none;
}
.table-striped .metadata {
  display: block;
  font-size: 80%;
  text-transform: uppercase;
}

.diskspace {
  width : 100%;
  height : 5px;
  display: block;
  background-color: #cecece;
}

.diskspace span {
  display: block;
  height : 5px;
  background-color: #c62828;
}

code log {
  display: block;
}

.stream {
  width: 100%;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}

iframe.brightsign {
  width : 100%;
  min-height : 800px;
}