@font-face {
    font-family: 'RoundedElegance';
    src: url('/fonts/RoundedElegance.woff2') format('woff2'),
         url('/fonts/RoundedElegance.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html, body, h1, h2, h3, h4, h5, ul, li, ol, a, img, p {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
    user-select: none;
}

html, body {
	min-height: 100%;
}

body {
  font-family: "RoundedElegance","Helvetica Neue", Helvetica, Arial, sans-serif;
  background: url(/images/bg.png) no-repeat center center fixed; 
  background-size: cover;
}

.popover {
  font-family: "RoundedElegance","Helvetica Neue", Helvetica, Arial, sans-serif;
}

.navbar-brand {
    padding: 10px 10px;
}

.navbar-header {
	overflow-x:auto;
	overflow-y:hidden;
	white-space: nowrap;
}
.navbar-nav {
	margin:0;
}
.navbar-nav>li {
	float:none;
	display:inline-block;
}
.navbar-nav>li>a {
  padding-top: 15px;
  padding-bottom: 15px;
}

#jitsiConferenceFrame0, #jitsiConferenceFrame1, #jitsiConferenceFrame2, #jitsiConferenceFrame3, #jitsiConferenceFrame4, #jitsiConferenceFrame5,
#jitsiConferenceFrame6, #jitsiConferenceFrame7, #jitsiConferenceFrame8, #jitsiConferenceFrame9, #jitsiConferenceFrame10, #jitsiConferenceFrame11 {
  border-radius: 4px;
}

.glyphicon-refresh-animate {
  animation: spin 1s infinite linear;
}
@keyframes spin { from { transform: scale(1) rotate(0deg);} to { transform: scale(1) rotate(360deg);} }

.alarme-animate {
  animation: alarme 1s infinite linear;
}
@keyframes alarme {0% { filter:saturate(1);} 50% { filter:saturate(10);} 100% { filter:saturate(1);}}

.alarme-animate-3 {
  animation: alarme-3 1s infinite linear;
}
@keyframes alarme-3 {0% { filter:saturate(1);} 50% { filter:saturate(2);} 100% { filter:saturate(1);}}

.brand-animated {
  animation: brand 1s infinite linear;
}
@keyframes brand {0% { transform: scale(1);} 25% { transform: scale(1.2);} 50% { transform: scale(1);} 75% { transform: scale(0.8);} 100% { transform: scale(1);}}

.anim {
	animation: animElem 0.3s ease;
}
@keyframes animElem { from { opacity:0; transform: translateX(200px); } to { transform: none;} }

.animBack {
	animation: animElemBack 0.3s ease;
}
@keyframes animElemBack { from { opacity:0; transform: translateX(-200px);} to { transform: none;} }

.relative {
  position: relative;
  transition: margin-top 0.5s ease-in-out;
}

.btn[disabled] {
  opacity: 1;
}

.upper {
  z-index: 1;
}

.under {
  margin-top: -47px !important;
}




/* body {
  margin: auto;
  overflow: auto;
  background: linear-gradient(315deg, rgba(255,255,255,1) 3%, rgba(100,100,100,1) 38%, rgba(200,200,200,1) 68%, rgba(25,25,25,1) 98%);
  animation: gradient 15s ease infinite;
  background-size: 400% 400%;
  background-attachment: fixed;
}

@keyframes gradient {
  0% {
      background-position: 0% 0%;
  }
  50% {
      background-position: 100% 100%;
  }
  100% {
      background-position: 0% 0%;
  }
}

.wave {
  background: rgb(255 255 255 / 25%);
  border-radius: 1000% 1000% 0 0;
  position: fixed;
  width: 200%;
  height: 12em;
  animation: wave 10s -3s linear infinite;
  transform: translate3d(0, 0, 0);
  opacity: 0.8;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.wave:nth-of-type(2) {
  bottom: -1.25em;
  animation: wave 18s linear reverse infinite;
  opacity: 0.8;
}

.wave:nth-of-type(3) {
  bottom: -2.5em;
  animation: wave 20s -1s reverse infinite;
  opacity: 0.9;
}

@keyframes wave {
  2% {
      transform: translateX(1);
  }

  25% {
      transform: translateX(-25%);
  }

  50% {
      transform: translateX(-50%);
  }

  75% {
      transform: translateX(-25%);
  }

  100% {
      transform: translateX(1);
  }
} */
/* 
body {
  background: linear-gradient(135deg, #e0e0e0, #c0c0c0);
  height: 100vh;
  margin: 0;
  justify-content: center;
  align-items: center;
}
.holographic {
  position: fixed;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #ffffff, #d0d0d0, #a0a0a0, #707070, #404040);
  animation: gradientShift 1s infinite alternate;
}
@keyframes gradientShift {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  } 
}*/