@font-face {
 font-family: BAHNSCHRIFT;
 src: url('./BAHNSCHRIFT.TTF');
}

@font-face {
 font-family: barcode;
 src: url('./IDAutomationHC39M Code 39 Barcode.ttf');
}

.barcode {
 font-family: barcode;
}

body {
 position: relative;
 padding: 0px;
 min-height: 100vh;
 background-color: #e7e9ff !important;
 font-family: BAHNSCHRIFT !important;
 opacity: 1;
 transition: opacity 0.15s ease-in-out;
}

body.page-loading {
 opacity: 0;
}

body.page-ready {
 opacity: 1;
}

.navProfileImg {
 width: 30px;
 height: 30px;
 border-radius: 30px;
 box-shadow: 0px 0px 5px #000;
 background-size: cover;
 background-position: center;
}

.ProfileImg {
 box-shadow: 0px 0px 8px -2px #000;
 background-size: cover;
 background-position: top;
}

.studentProfileImg {
 width: 70px;
 height: 90px;
 background-color: rgb(255, 255, 255);
 background-size: cover;
 background-position: top;
 margin: 0 auto;
 margin-top: -40px;
 border-radius: 10px;
}

#mobilesideNav {
 width: 80% !important;
}

.MSG {
 position: fixed;
 bottom: 10px;
 right: 10px;
 width: 280px;
 z-index: 1000;
}

.row {
 margin: 0px !important;
 padding: 0px !important;
}

.modal-open .fade {
 padding: 0px !important;
}

.input-border,
.input-border :focus {
 border: 2px solid var(--bs-primary) !important;
 font-weight: bold;
}

.form-floating {
 font-weight: bold;
 color: var(--bs-primary);
}

.incomplete {
 width: 550px;
 max-width: 100%;
}

.complete {
 display: flex;
 justify-content: center;
 align-items: center;
 height: 100%;
}