body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
.display-container {
  width: 90%;
  margin: 0 auto;
}
/**************LOGIN BOX ************/
.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: auto;
}

.form-signin .checkbox {
  font-weight: 400;
}

.form-signin .form-floating:focus-within {
  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;
}
form-control.placeholder {
    color: #999;
}
/** HIDDEN **/
.peekaboo, .hidden {
    display: none;
    font-size: 1em;
}
/** COLORS & TYPOGRAPHY **/
.fwb {
    font-weight: bold;
}
.fsi {
  font-style: italic;
}
.tac {
    text-align: center;
}
.tar {
    text-align:right;
}
.error {
    color:red;
}
.brite-green {
  color: #0bca1b;
}
.gray {
  color: gray;
}
.mb2 {
  margin-bottom: 2em;
}
.inv-cats {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}
.inv-cats li {
    width:30%;
    list-style:none;
}
.normal-checkbox {
    margin-left: 1em;
    margin-right: 1em;
}
.top-container {
  margin-top: 1em;
}

/* alerts for reg stuff */
.yellow-alert {
  background: yellow;
  padding: .2em;
}

.red-alert {
  background: red;
  padding: .2em;
  color:#fff;
}
/*** FORM STYLING ***/
.service-notes {
  background: #f5f5f5;
}
.notes-container, .service-notes {
  border-radius: 20px;
  padding: 1em;
  margin: 1em 0;
}
.notes-container {
  background: #e1ecf9;
}

/* main mystuff tabs display */

.mystuffcats
{
  display: flex;
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 80%;
  margin: 0 auto;
}
.mystuffcats li {
  max-width:5em;
  list-style: none;
  background: #deedf7;
  border-radius:10px;
  padding: 1em;
  margin: 1em;
  border: solid thin #82c2ec;
}
.displayform {
  font-size: .9em;
}
.editlink {
  position: absolute;
  right: 1em;
  top: 4em;
}

/********* flex styling section ************/

.nicelist ul, .nicelist50, .nicelist33, .nicelist100 {
  display: flex;
  flex-wrap: wrap;
}
.nicelist li {
  width: 25%;
  list-style: none;
}
.nicelist50 li {
  width: 50%;
  list-style: none;
}
.nicelist100 li {
  width: 30%;
  list-style: none;
  margin-right: 1.2em;
}
.nicelist33 li {
  width: 50%;
  list-style: none;
}
/* basic */
.basic-cols {
  display: flex;
  align-items:  flex-start;
  flex-wrap: nowrap;
  height:50px;
}
.basic-child {
  width:40%;
}
.basic-cols li {
  list-style: none;
  width:40%;
}