/* BASE.HTML CUSTOM CLASSES */

body {
  min-height: 100vh;
  min-height: -webkit-fill-available;
}

html {
  height: -webkit-fill-available;
}

main {
  position: fixed;
  top: 60px;
  display: flex;
  flex-wrap: nowrap;
  height: 100vh;
  height: -webkit-fill-available;
  max-height: 100vh;
  overflow-x: auto;
  overflow-y: auto;
  flex-direction: row;
  flex: 2 0px;
  width: 100%;
}

.table {
  -moz-border-radius:0.5rem;
  -webkit-border-radius:0.5rem;
  border-radius:0.5rem;
}

.table tr:first-child th:first-child {
  border-top-left-radius: 0.5rem;
}

.table tr:first-child th:last-child {
  border-top-right-radius: 0.5rem;
}

.table-shadow {
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, .1);
}

.table-shadow tr:last-child td {
  border-style: none;
}

.maincontent {
  flex-grow: 2;
}

.w-14rem {
  width: 14rem;
}

.inset-box-shadow {
  box-shadow: inset -5px 0 15px -5px rgba(0, 0, 0, 0.3);
}

.right-box-shadow {
  box-shadow: 5px 0 5px -3px rgba(0, 0, 0, 0.3);
}

.form_component_admin_details_link {
  color: #6c757d;
  text-decoration: underline;
  text-align: right;
  cursor: pointer;
  font-size: 10px;
}

.form_component_admin_details {
  padding: 5px;
  background-Color: #D0D0D0;
}

/* MESSAGES & ERRORS */

ul.messages {
  padding: 0;
  margin: 0;
}

ul.messages li {
  display: block;
  font-weight: 400;
  font-size: 13px;
  padding: 5px 5px 5px 25px;
  margin: 0 0 5px 0;
  background-size: 16px auto;
  color: #333;
}

ul.messages li.success {
  background: #dfd url(../img/icon-yes.svg) 5px no-repeat;
}

ul.messages li.debug {
  background-Color : #C0C0C0;
}

ul.messages li.info {
  background: #9191fd url(../img/icon-info.svg) 5px no-repeat;
}

ul.messages li.warning {
  background: #ffe48f url(../img/icon-alert.svg) 5px no-repeat;
}

ul.messages li.error {
  background: #FFA0A0 url(../img/icon-error.svg) 5px no-repeat;
}


/* STYLE TAGS ORIGINALLY IN BASE.HTML */

.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}

.bypass {
  color: #212529;
  font-size: 8pt;
}
.bypass:hover {
  color: white;
  font-size: 8pt;
}

.button_blue {
  border-color: #004362;
  background-color: #004362;
  color: #ffffff;
}

.button_blue:hover {
  border-color: #006483;
  background-color: #006483;
}

.button_green {
  border-color: #008000;
  background-color: #008000;
  color: #ffffff;
}

.button_green:hover {
  border-color: #018b01;
  background-color: #018b01;
}

.button_red {
  border-color: #7a0101;
  background-color: #7a0101;
  color: #ffffff;
}

.button_red:hover {
  border-color: #8b0101;
  background-color: #8b0101;
}