body {
  margin: .1rem;
  padding: .1rem;
  /*border: solid thin pink;*/
}

.btn_no_case {
  text-transform: none;
}

body > .container { /* allow the container directly under body to be 100% wide*/
  /*max-width: 100%;*/
  margin: 0rem;
  padding: 0rem;
  /*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;
}

/*
.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);
}
*/