@font-face {
  font-family: 'Montserrat-SemiBold';
  src: url('fonts/Montserrat-SemiBold.ttf') format('truetype');
}

body {
  background: rgba(225, 225, 225, 1);
}

div#main-container {
  padding-left: 0;
}

div#menu-left {
  position: fixed;
  width: 14%;
  min-width: 230px;
  z-index: 1000;
  left: 0;
  top: 0;
  height: 100%;
}

div#main-content {
  margin-left: 15%;
  padding-left: 2em;
  padding-top: 1em;
}

h1.envbee-logo {
  font-family: 'Montserrat-SemiBold';
}

h1.envbee-logo.size-38 {
  font-size: 32px;
}

h1.envbee-logo.dark {
  color: #000028;
}

h1.envbee-logo.light {
  color: #FFFFFF;
}

h1.envbee-logo img {
  margin-top: 3px;
}

small.app-version {
  font-size: 0.7em;
}

.debug-border {
  border: solid 1px red;
}

.secret-text {
  color: transparent;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.mt-6 {
  margin-top: 3.5em;
}

.mt-7 {
  margin-top: 7em;
}

.mt-8 {
  margin-top: 8em;
}

.mt-10 {
  margin-top: 10em;
}

/* This is a hack to fix the ugly modals of our theme */
div.modal-header {
  padding-left: 1.5em;
  padding-right: 1.5em;
  background-color: rgb(248, 249, 250);
}

div.modal-body {
  padding-left: 1.5em;
  padding-right: 1.5em;
}

button.btn-tiny {
  --bs-btn-padding-y: .05rem;
  --bs-btn-padding-x: .5rem;
  --bs-btn-font-size: .75rem;
}

table.table thead th {
  text-transform: none;
}