body {
  background-image: url("../web_images/pieces-de-1-centime-d-euro.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

.euromismate {
  font-family: 'Brush Script MT';
  font-size: 60px;
  color: #0767e4;
}

.loading {
  font-family: 'Brush Script MT';
  font-size: 60px;
  text-align: center;
  color: #0767e4;
}

.welcome {
  font-size: 10vw;
  font-family: 'Brush Script MT';
  font-weight: 400;
  font-style: normal;
  text-align: center;
  color: #0767e4;
}

.headername {
  font-family: 'Georgia';
  font-size: 50px;
  color: #0767e4;
}

.navbar .navbar-nav .nav-link {
  color: white;
  font-size: 1.1em;
  padding: 0.6em;}

.navbar .navbar-nav .nav-link:hover {
  background-color:rgb(232, 238, 255);
  color:#0767e4;
}

.navbar .navbar-brand {
  padding: 0 0.6em;
}

@media only screen {
  .navbar {
    padding: 0;
  }
  .navbar .navbar-nav .nav-link {
    padding: 1em 0.7em;
  }
  .navbar .navbar-brand {
    padding: 0 0.8em;
  }
}

.dropdown-menu li {
  position: relative;
}

.dropdown-menu .dropdown-submenu {
  display: none;
  position: bottom;
  left: 100%;
  top: -7px;
}

.dropdown-menu .dropdown-submenu-under {
  right: 100%;
  bottom: auto;
}

.dropdown-menu > li:hover > .dropdown-submenu {
  display: block;
}

.footer {
  width: 100%;
  color: #0767e4;
  font-size: 120%;
  text-align: center;
}

table, th, td {
  margin-left:auto;
  margin-right:auto;
  text-align: center;
  vertical-align: middle;
  border: 1px solid;
  min-width: 90px;
  padding-top: 5px; 
  padding-bottom: 5px;
}

th {
  background: rgb(232, 238, 255);
  position: sticky;
  top: 0; /* Don't forget this, required for the stickiness */
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
  border: 1px solid;
}

.fixedColumn {
  position: -webkit-sticky;
  position: sticky;
  background-color: rgb(232, 238, 255);
  width: 120px;
  min-width: 120px;
  max-width: 120px;
  left: 0px;
  border: 1px solid;
}

.loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  margin: auto;
  width: 220px;
  height: 220px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}