* {
 margin: 0;
 padding: 0;
 box-sizing: border-box;
}

body {
 background: #f3f3f3;
 overflow-y: auto;
}

label {
 font-weight: bold;
}

.login-page {
 min-height: 100vh;
 overflow: hidden;
 background: linear-gradient(rgba(0,0,0,1), rgba(0,30,50,1));
}

nav {
 background: #112e7c;
 color: #f3f3f3;
}

.navbar-logo {
 width: 9vw !important;
 height: auto;
}

header {
 background: #f1f1f1;
 color: #aeaeae;
 border-bottom: 1px solid #aeaeae;
}

.button-header-1 {
background-color: #112e7c;
width: 5vw;
color: #f3f3f3;
}

.button-header-2 {
 background-color: #112e7c;
 width: 5vw;
 color: #f3f3f3;
}

main {
 min-height: calc(100vh - 158px);
}

.side-nav-button {
 background-color: #112e7c;
 color: #f3f3f3;
 margin-bottom: 1.5rem;
}

.btn-new {
 background-color: #112e7c;
 color: #f3f3f3;
}

footer {
 background: #212121;
}

footer a {
 text-decoration: none;
 color: #f3f3f3;
}

.tableImage {
 height: 4.5rem;
 width: auto;
 transition: height 1s ease;
}

.tableImage:hover {
 z-index: 100;
 height: 15vh;
 width: auto;
}

.tableShow1 {
 width: 1rem;
}

.tableShow2 {
 width: 1rem;
}

.showElectricAttributes {
 display: none;
}

.showHydroAttributes {
 display: none;
}

.showMechanicAttributes {
 display: none;
}

.showPneuAttributes {
 display: none;
}

.QRbutton {
 display: none;
}

#spinner {
 display: none;
}

.reset-page,
.link-page {
 min-height: 100vh;
 overflow: hidden;
 background: linear-gradient(rgba(0,0,0,1), rgba(0,30,50,1));
}

.reset-link {
 text-decoration: none;
 color: #f3f3f3;
}

.link-text-wrapper {
 display: none;
}

.link-text {
 font-size: 0.75rem;
}