body {
  margin: 0rem;
  padding: 0rem;
  /*border: solid thin pink;*/
  margin-bottom: 1rem; /* This is for the bottom status bar. */
}

body > .container { /* allow the container directly under body to be 100% wide*/
  /*max-width: 100%;*/
  
  margin: .1rem;
  padding: .1rem;
  /*border: solid thin pink;*/
}

body > .container > .row { /* allow the container directly under body to be 100% wide*/
  margin-right: 0;
  margin-left: 0;
  margin: .1rem;
  padding: .1rem;
}

.app_status_bar {
  position: fixed;
  bottom: 0;
  width: 100%;
  margin: 0 0;
  padding: 0 .5rem;
  background: #eee;
}

.app_status_bar:hover {
  font-size: 2.5rem;
}

.app_network_status {
  
  background: #eee;
}

.app_datetime {
  float: right;
}

.app_warning {
  background: yellow;
}

.btn_no_case {
  text-transform: none;
}

/*
.btn-info {
  background: green;
}

.btn-info:hover {
  background: darkgreen;
}


mynewcolor:#77cccc;

.btn-info {
    @include button-variant($mynewcolor, darken($mynewcolor, 7.5%), darken($mynewcolor, 10%), lighten($mynewcolor,5%), lighten($mynewcolor, 10%), darken($mynewcolor,30%));
}

.btn-outline-primary {
    @include button-outline-variant($mynewcolor, #222222, lighten($mynewcolor,5%), $mynewcolor);
}
*/


.filename {
  /*
  margin-left: .1rem;
  padding-left: .1rem;
  */
}

.menu_session_code, .detail_session_code {
  margin-left: .1rem;
  padding-left: .1rem;
  font-size: .5em;
}

.session_detail>h2 {
  background-color: #F7F7F7;
  /*border-bottom: solid .1rem black;*/
}

.detail_session_code {
  margin-left: .1rem;
  padding-left: .1rem;
  font-size: .5em;
}