h2 {
  font-size: 24px;
}

h3 {
  font-size: 20px;
}

nav#main_navbar {
  border: none;
}

nav#main_navbar .navbar-header .navbar-brand i {
  /*font-size:0.7em;*/
}

#main_navbar {
  margin-bottom: 0;
  padding-bottom: 0;
}

li[class*=dropdown] {
  cursor: pointer;
}

body {
  margin-top: 0.4em;
}

#top {
  margin-bottom: 1em;
}

#maincontainer {
  margin-bottom: 3em;
}

div.hover {
  transition: all 0.5s;
}

tr.hover {
  transition: all 0.5s;
}

.news {
  overflow: hidden;
}

.news .list-group-item-heading {
  font-size: larger;
  font-weight: bold;
}

.news .list-group-item-text {
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tile {
  border: 0;
}

.tile img {
  width: 100%;
}

.tile .imgwrapper {
  height: 250px;
  overflow: hidden;
  position: relative;
}

.tile .imgwrapper img {
  top: 0;
  position: absolute;
}

.tile div.legend {
  padding: 0.4em;
}

.teaserBox {
  border: 0;
  max-height: 375px;
  height: 375px;
  overflow: hidden;
  margin: 1em;
}

.teaserBox .imgwrapper {
  height: 250px;
  background-size: contain;
  background-position: center top;
  border-radius: 6px;
  background-repeat: no-repeat;
}

.teaserBox div.legend {
  padding: 0.4em;
}

.teaserBox .newsBox a {
  display: block;
  margin-bottom: 0.5em;
}

.teaserBox .newsBox a p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.teaserBox .newsBox a p.list-heading {
  margin: 0;
}

a a:hover,
a:active,
a:focus,
button.btn:hover,
button.btn:active,
button.btn:focus {
  outline: 0;
}

/* ------------------ TEASER OVERLAY PLAY BUTTON ------------------------ */
.imgwrapper.overlayPlayButton {
  position: relative;
}

.imgwrapper.overlayPlayButton i {
  border-radius: 6px;
  padding: 0.3em 0.4em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  div.xaurum-width {
    padding: 0 16px !important;
  }

  .tile .imgwrapper {
    height: 200px;
  }

  .teaserBox .imgwrapper {
    height: 200px;
  }
}
/* Landscape phones and down */
@media (max-width: 480px) {
  .tile .imgwrapper {
    height: 160px;
  }

  .teaserBox .imgwrapper {
    height: 160px;
  }
}
#searchstring1 {
  width: 100%;
  max-width: 420px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 3px;
  line-height: 1.5;
  font-size: 1.8vh;
}

#footer {
  margin: 2em 1em 0 1em;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

#footer a:hover {
  text-decoration: underline;
}

#footer div[class*=col] {
  padding: 2em 2.5em;
}

#footer #social {
  text-align: right;
}

#footer #social i {
  min-width: 1.8em;
  border: 1px solid;
  border-radius: 2px;
  text-align: center;
  padding: 3px;
}

.panel.e-learning-offer .header-list,
.panel.test-offer .header-list {
  text-align: center;
  font-weight: bold;
}

div.xaurum-width {
  max-width: 1500px;
  margin: 0 auto 3em auto;
  padding: 0 30px;
}

.evaluation {
  float: right;
  margin-right: 7px;
  margin-top: -4px;
}

.fa-stack {
  width: 1em;
}

.fa-star-half {
  margin-left: -4px;
}

#trajectChoice.menuForcedScroll {
  overflow-y: scroll !important;
}

li.minitoolbar ul {
  height: 40px;
}

#PTXframe {
  width: 100%;
  height: 40px;
  border: none;
}

/* ---- ACERTAPRODEV ----*/
.customSecondaryColor,
tr.customSecondaryColor td {
  color: #0025a5 !important;
  background-color: #13e0b9 !important;
}

button.btn-custom, .custom-color, button.btn-custom:focus {
  color: white !important;
  background-color: #0025a5 !important;
}

button.btn-custom:hover,
.custom-color:hover {
  background-color: #13e0b9;
  color: #0025a5;
}

button.btn-custom2, .custom-color2, button.btn-custom2:focus {
  background-color: #13e0b9;
  color: #0025a5;
}

button.btn-custom2:hover,
.custom-color2:hover {
  color: white;
  background-color: #0025a5;
}

button.btn-customOutline, button.btn-customOutline:focus,
.btn-customOutline, .btn-customOutline:focus {
  color: white;
  background-color: white;
  border-color: white;
}

button.btn-successOutline, button.btn-successOutline:focus,
.btn-successOutline, .btn-successOutline:focus {
  color: #5cb85c;
  background-color: white;
  border-color: #5cb85c;
}

.btn-ongoing {
  color: #AE4088;
  border-color: #AE4088;
  background-color: white;
}

.btn-registered {
  color: #25b702;
  border-color: #25b702;
  background-color: white;
}

.btn-invite {
  color: #25b702;
  border-color: #25b702;
  background-color: white;
}

.btn-invite:hover {
  color: white;
  border-color: #25b702;
  background-color: #25b702;
}

.btn-closed {
  border-color: #25b702;
  color: red;
  border: none;
}

.btn-oninvitation {
  border-color: #25b702;
  color: orange;
  border-color: orange;
}

hr.customColor {
  border: none;
  height: 20px;
  width: 90%;
  height: 50px;
  margin-top: 0;
  border-bottom: 1px solid #0025a5;
  box-shadow: 0 20px 20px -20px rgba(0, 37, 165, 0.5);
  margin: -50px auto 10px;
}

.customWritten {
  color: #0025a5 !important;
}

.customWrittenLink {
  color: #0025a5 !important;
}

.waiting {
  -webkit-animation: spin 2s linear infinite;
  -moz-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  font-size: 300%;
  color: #0025a5;
  margin: 0.5em 1em;
}

#waitingSpinner {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 1em 2em;
  border-radius: 8px;
  text-align: center;
  color: white;
  background-color: #001e84;
  background-color: rgba(0, 37, 165, 0.8);
}

#waitingSpinner i {
  animation: spin 4s linear infinite;
  -webkit-animation: spin 4s linear infinite;
  -moz-animation: spin 4s linear infinite;
}

#waitingSpinner i.fa:before {
  font-size: 500%;
}

#waitingSpinner p {
  margin: 0.6em 0 0.4em;
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
/* NAV BAR main_navbar */
nav#main_navbar {
  background-color: #0025a5;
}

nav#main_navbar a, button.navbar-toggle,
nav#main_navbar .navbar-text {
  color: white;
}

nav#main_navbar a:hover,
nav#main_navbar a:focus,
nav#main_navbar li.minitoolbar.open a,
nav#main_navbar li.open > a,
nav#main_navbar li.open > a:hover,
nav#main_navbar li.open > a:focus,
nav#main_navbar li.active {
  background-color: #13e0b9;
  color: #0025a5;
}

nav#main_navbar li.active a {
  color: #0025a5;
}

nav#main_navbar .dropdown-menu {
  background-color: #13e0b9 !important;
  color: white !important;
}

nav#main_navbar .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: white;
  background-color: #0025a5;
}

nav#main_navbar li:hover a {
  color: #0025a5;
}

nav#main_navbar li ul[class*=dropdown] {
  background-color: #13e0b9;
}

nav#main_navbar li ul[class*=dropdown] li a:hover {
  background-color: #0025a5;
  color: white;
}

nav#main_navbar li:hover a {
  background-color: #13e0b9;
  color: #0025a5;
}

hr.divider {
  border-color: #0025a5;
}

.tile a,
.tile a div.legend h4,
.tile a div.legend h4 span.fa {
  color: #0025a5;
}

.tile .imgwrapper div.legend {
  border: 1px solid #E0E0E0;
  background: white;
  color: black;
}

.tile a div.legend {
  background: white;
  color: black;
}

.teaserBox a,
.teaserBox a div.legend h4,
.teaserBox a div.legend h4 span.fa {
  color: #0025a5;
}

.teaserBox a div.legend {
  background: white;
  color: black;
}

.teaserBox .newsBox a {
  border-bottom: 1px solid #0025a5;
  color: #2e2e2e;
}

div.teaser a {
  color: inherit;
}

div.teaser a h4 {
  color: #0025a5;
}

div.teaser a.news p:last-child {
  border-bottom: 1px solid #0025a5;
  padding-bottom: 0.4em;
}

div.hover:hover, tr.hover:hover {
  background-color: rgba(19, 224, 185, 0.1) !important;
}

div.teaser:not(.items):hover, div.teaser.items a.news:hover {
  color: #0025a5 !important;
  background-color: rgba(19, 224, 185, 0.4) !important;
}

#teaserContainer li:not(.static):hover {
  background-color: rgba(0, 37, 165, 0.05);
}

div.legend {
  background-color: transparent !important;
}

#footer {
  background-color: #0025a5;
  color: white;
}

#footer a {
  color: white;
}

.panel.e-learning-offer .header-list,
.panel.test-offer .header-list {
  background-color: #0025a5;
  color: #0025a5;
}

/* ---------- TABS ------------------------- */
#tabs .nav-tabs li.active a {
  background-color: #13e0b9;
  color: white;
}

#tabs .nav-tabs li a {
  background-color: #000721;
  background-color: rgba(0, 37, 165, 0.2);
  color: black;
  border: 1px solid transparent;
}

#tabs .nav-tabs li.active a:hover, #tabs .nav-tabs li a:hover {
  background-color: #1a3bae;
  background-color: rgba(0, 37, 165, 0.9);
  color: white;
}

#tabs .bx-wrap {
  border: 1px solid #13e0b9;
  box-shadow: 0 15px 8px -7px rgba(19, 224, 185, 0.4);
}

/* ------------------ TABLE ------------------------ */
th {
  background-color: #0025a5;
  color: white;
}

tr.eventWithDetails {
  background-color: rgba(0, 37, 165, 0.05);
}

tr.uploadAttention {
  background-color: #fcf8e3;
}

tr.newLine td {
  border-color: #0025a5 !important;
}

/* ------------------ INPUT ------------------------ */
.inputError {
  background-color: #ffd4d4;
  border: 1px solid red;
}

/* ------------------ CALENDAR Bootstrap overload used in calendar page ------------------------ */
.datepicker table tr td span.focused,
.datepicker table tr td span:hover {
  background-color: #0025a5;
  color: white;
}

.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover,
.datepicker tfoot tr th:hover {
  background-color: #13e0b9;
  color: #0025a5;
}

/* ------------------ STARS EVALUATION ------------------------ */
.fa-star {
  color: silver;
}

.full, .fa-star-half {
  color: #0025a5;
}

/* ------------------ JAZZ TIMELINE PLUGIN IN MY PLANNING ------------------------ */
.jazz-timeline .timeline-post .iconbg-custom {
  background: #0025a5 !important;
  color: white !important;
  box-shadow: 0px 0px 0px 4px white, 0px 0px 0px 8px #13e0b9 !important;
}

.fadedCustomBackground {
  background: rgba(0, 37, 165, 0.05) !important;
}

.fadedCustomSecondaryBackground {
  background: rgba(19, 224, 185, 0.05) !important;
}

.fadedCustomBackgroundHigh {
  background: rgba(0, 37, 165, 0.2) !important;
}

.fadedCustomSecondaryBackgroundHigh {
  background: rgba(19, 224, 185, 0.2) !important;
}

#myagenda a {
  color: #0025a5;
}

#myagenda a:hover {
  color: #13e0b9;
}

/* ------------------ TEASER OVERLAY PLAY BUTTON ------------------------ */
.imgwrapper.overlayPlayButton i {
  color: white;
  background-color: rgba(0, 37, 165, 0.6);
}

.imgwrapper.overlayPlayButton i:hover {
  color: #0025a5;
  background-color: rgba(255, 255, 255, 0.6);
}

.imgwrapper.overlayPlayButton:hover i {
  color: #0025a5;
  background-color: rgba(255, 255, 255, 0.6);
}

/* ------------------ CARROUSSEL ------------------------ */
.car_nav {
  color: white;
  background-color: #0025a5;
}

/* ------------------ NEW TEASERS ------------------------ */
ul#teaserContainer li a {
  color: #0025a5;
}

/* ------------------ MEDIA CONTENT ------------------------ */
div.mediaBox div.abstract {
  width: 100%;
  height: 160px;
  overflow-y: auto;
  margin-bottom: 4px;
  padding: 4px;
  border-radius: 4px;
  background-color: rgba(0, 37, 165, 0.1);
}

a {
  color: #0025a5;
}

#teaserContainer li img {
  border-radius: 0 !important;
}

body {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

#footer {
  font-size: 13px;
  font-weight: 100;
}

div.hover:hover,
table.table-hover > tbody > tr:hover,
table.table-hover > tbody > tr:hover,
table.table-hover > tbody > tr:hover > td,
table.table-hover > tbody > tr:hover > th {
  background-color: #ebebeb !important;
}

::placeholder {
  color: #0025a5;
}

@font-face {
  font-family: "EuclidCircularB-Regular";
  src: url("/RS/Fonts/EuclidCircularB-Regular.woff2") format("woff2"), url("/RS/Fonts/EuclidCircularB-Regular.woff") format("woff"), url("/RS/Fonts/EuclidCircularB-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "EuclidCircularB-Regular";
  src: url("/RS/Fonts/EuclidCircularB-Bold.woff2") format("woff2"), url("/RS/Fonts/EuclidCircularB-Bold.woff") format("woff"), url("/RS/Fonts/EuclidCircularB-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "EuclidCircularB-Regular";
  src: url("/RS/Fonts/EuclidCircularB-RegularItalic.woff2") format("woff2"), url("/RS/Fonts/EuclidCircularB-RegularItalic.woff") format("woff"), url("/RS/Fonts/EuclidCircularB-RegularItalic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "EuclidCircularB-Regular";
  src: url("/RS/Fonts/EuclidCircularB-BoldItalic.woff2") format("woff2"), url("/RS/Fonts/EuclidCircularB-BoldItalic.woff") format("woff"), url("/RS/Fonts/EuclidCircularB-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "EuclidCircularB-Medium";
  src: url("/RS/Fonts/EuclidCircularB-Medium.woff2") format("woff2"), url("/RS/Fonts/EuclidCircularB-Medium.woff") format("woff"), url("/RS/Fonts/EuclidCircularB-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "goodall-italic-pro";
  src: url("/RS/Fonts/goodall-italic-pro.woff2") format("woff2"), url("/RS/Fonts/goodall-italic-pro.woff") format("woff"), url("/RS/Fonts/goodall-italic-pro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
* {
  font-family: EuclidCircularB-Regular;
  font-size: 14px;
}

a:not(nav a) {
  color: #026cff;
  font-weight: bolder;
  text-decoration: underline;
}
a:not(nav a):hover {
  color: #0025a5;
  text-decoration: underline;
}

/* --- new menu import ---- */
nav.oma {
  --oma-nav-bg: #0025a5;
  /* main menu items */
  --oma-level-1-bg: transparent;
  --oma-level-1-color: #fff;
  --oma-level-1-hover-bg: transparent;
  --oma-level-1-hover-color: #13e0b9;
  --oma-level-1-item-padding: 0.5em 0;
  /* main menu fx */
  --oma-item-border-width: 3px;
  --oma-item-border-highlight: #13e0b9;
  /* sub menu items vertical */
  --oma-level-2-bg: #13e0b9;
  --oma-level-2-color: #0025a5;
  --oma-level-2-hover-bg: #0025a5;
  --oma-level-2-hover-color: #13e0b9;
  --oma-level-2-item-padding: 0.3em 1em;
  /* sub sub menu items horizontal  */
  --oma-level-3-bg: #13e0b9;
  --oma-level-3-color: #0025a5;
  --oma-level-3-hover-bg: #0025a5;
  --oma-level-3-hover-color: #13e0b9;
  --oma-level-3-item-padding: 0.3em 1em;
  font-family: Inter Tight, sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  background-color: var(--oma-nav-bg);
  color: var(--oma-level-1-color);
  padding-inline: 1.4em;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  /* FIRST LEVEL */
  /* sub menus & items positioning */
}
nav.oma ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 2em;
}
nav.oma ul li {
  cursor: pointer;
  display: flex;
  align-items: center;
  position: relative;
  width: fit-content;
  background-color: var(--oma-level-1-bg);
  color: var(--oma-level-1-color);
  /* SECOND LEVEL Sub menu 1 */
}
nav.oma ul li:hover {
  background-color: var(--oma-level-1-hover-bg);
}
nav.oma ul li:hover > a {
  color: var(--oma-level-1-hover-color);
  border-bottom-color: var(--oma-item-border-highlight);
  transition: all 0.3s ease;
}
nav.oma ul li a {
  padding: var(--oma-level-1-item-padding);
  height: 5rem;
  display: flex;
  align-items: center;
  color: inherit;
  text-decoration: none;
  white-space: nowrap;
  border-block: var(--oma-item-border-width) solid transparent;
}
nav.oma ul li a.oma-home {
  width: 20px;
  display: flex;
  align-items: center;
  color: white;
}
nav.oma ul li a.oma-home:hover {
  color: var(--oma-item-border-highlight);
}
nav.oma ul li:hover > ul {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s ease, visibility 0.5s;
}
nav.oma ul li ul {
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, visibility 0.5s;
  display: flex;
  flex-direction: column;
  gap: 0;
  position: absolute;
  top: 100%;
}
nav.oma ul li ul li {
  width: 100%;
  padding-inline: 0;
  background-color: var(--oma-level-2-bg);
  color: var(--oma-level-2-color);
  position: relative;
  display: flex;
  transition: none;
  /* THIRD LEVEL */
}
nav.oma ul li ul li a {
  color: inherit;
  padding: var(--oma-level-2-item-padding);
  width: 100%;
  display: flex;
}
nav.oma ul li ul li:hover > a {
  background-color: var(--oma-level-2-hover-bg);
  color: var(--oma-level-2-hover-color);
  border-bottom-color: transparent;
  transition: none;
}
nav.oma ul li ul li ul {
  border: none;
  position: absolute;
  top: 0;
}
nav.oma ul li ul li ul li {
  padding-inline: 0;
  background-color: var(--oma-level-3-bg);
  color: var(--oma-level-3-color);
}
nav.oma ul li ul li ul li a {
  padding: var(--oma-level-3-item-padding);
}
nav.oma ul li ul li ul li:hover > a {
  color: var(--oma-level-3-hover-color);
  background-color: var(--oma-level-3-hover-bg);
  border-bottom-color: transparent;
}
nav.oma > ul:first-child > li > ul {
  left: 0%;
}
nav.oma > ul:first-child > li > ul > li > ul {
  left: 100%;
}
nav.oma > ul:last-child > li > ul {
  right: 0%;
}
nav.oma > ul:last-child > li > ul li a {
  justify-content: flex-end;
}
nav.oma > ul:last-child > li > ul > li > ul {
  right: 100%;
}
@media screen and (max-width: 820px) {
  nav.oma ul {
    flex-direction: column;
  }
  nav.oma ul li {
    width: 100%;
  }
  nav.oma ul li:hover > ul {
    position: relative;
    top: 0;
    left: 0;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.5s ease, visibility 0.5s;
  }
  nav.oma ul li ul {
    position: relative;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.5s;
  }
}