:root {
  --cta-color: rgb(255,121,0);
  --cta-hover-color: #FFFFFF;
  --secondary-color: #000000;
  --button-yellow-color: #FFC000;
  --button-blue-color: #47a5e8;
  --button-bg-blue-color: #47a5e8;
}
@media (prefers-color-scheme: dark) {
  :root {
    --cta-color: rgb(255,121,0);
    --cta-hover-color: #202b38;
    --secondary-color: #FFFFFF;
  }
}
.welcome-image {
  max-width: 20vw;
}
.container {
  display: flex;
}
.bulletin-logo-font {
  font-family: "Libre Franklin", sans-serif;
  font-weight: 800;
  color: #404144;
  font-size: 20px;
}
.sidebar {
  font-size: 15px;
}
.logo-title {
  color: #ffdf2b;
  margin-top: 60px;
}
.logo-title a {
  color: #ffdf2b;
}
.logo-title a:hover {
  text-decoration: none;
}
.title-login {
  font-size: 22px;
  margin-bottom: 0px;
}
.subtitle-login {
  margin-top: 0px;
  margin-bottom: 34px;
}
a.terms {
  text-decoration: underline;
}
.divterms {
  margin-bottom: 6px;
}
.sidebar-link a {
  color: #404144;
  text-decoration: none !important;
  display: block;
  padding-top: 7px;
  padding-bottom: 7px;
}
.sidebar-link a:hover {
  background-color: #f3f4f6;
}
.sidebar-link .news-title {
  padding-top: 8px;
  padding-bottom: 8px;
  display: block;
  font-weight: 500;
}
.news-item:hover {
  background-color: #f3f4f6;
  transition: background-color 0.2s ease-in-out;
}
.button.outline-button:hover {
  background-color: #F3F4F6 !important;
}
.button:hover {
  background-color: #F3F4F6 !important;
}
.dashboard-page .todo-container ul.todo .step:hover {
  background-color: #F3F4F6;
}
a.lightgray-button:hover {
  background-color: #e9e9e9 !important;
}
a.link-button-white-red:hover {
  background-color: #FFD8CD !important;
}
.button.yellow-sharp-fill-button:hover {
  background-color: #FFBD09 !important;
}
button.yellow-sharp-fill-button[type=submit]:hover {
  background-color: #FFBD09 !important;
}
input.yellow-sharp-fill-button[type=submit]:hover {
  background-color: #FFBD09 !important;
}
input.yellow-sharp-fill-button[type=button]:hover {
  background-color: #FFBD09 !important;
}
input[id^=trix-file-input-] {
  display: none;
}
.nav-button {
  display: none;
}
main {
  margin-left: 300px;
  margin-top: 80px;
}
div.hovered-item {
  cursor: pointer;
  background-color: #ebebeb;
}
.link-menu-item {
  position: relative;
  top: -0.1em;
}
.link-menu-item a {
  font-size: 0.6em;
}
.mini-tag {
  color: #34383B;
  background-color: #F5C800 !important;
  border: 1px solid #34383B;
  display: flex;
  justify-content: center;
  padding: 3px;
  align-items: center;
  width: fit-content;
  height: fit-content;
  border-radius: 2px;
}
@media only screen and (max-width: 640px) {
  body {
    margin-left: 0px !important;
  }
  .nav-button {
    position: fixed;
    margin-top: -48px;
    display: block;
  }
  main {
    width: 100%;
    margin: 0px !important;
    padding-top: 30px !important;
  }
  .sidebar {
    display: none;
    margin-top: 55px;
    width: 100% !important;
  }
  .dashboard-main {
    width: 100% !important;
    flex-direction: column;
  }
  .dashboard-fixed-menu {
    position: relative !important;
    z-index: 0 !important;
  }
  .slideshow-menu {
    position: relative !important;
  }
  .mail-preview-wrapper {
    width: 100% !important;
  }
  .mail-preview-frame {
    width: 100% !important;
  }
  .bottom {
    position: relative !important;
  }
  main.main-wide {
    width: 100%;
  }
}
.lock-email {
  color: grey;
}
main.main-settings {
  width: 100%;
  max-width: 750px;
}