@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;
    -webkit-animation: spin 1s infinite linear;
    -ms-animation: spin 1s infinite linear;
}
@keyframes spin { from { transform: scale(1) rotate(0deg);} to { transform: scale(1) rotate(360deg);} }
@-webkit-keyframes spin {from { -webkit-transform: rotate(0deg);} to { -webkit-transform: rotate(360deg);} }
@-ms-keyframes spin {from { -ms-transform: rotate(0deg);} to { -ms-transform: rotate(360deg);} }

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

.brand-animated {
    -animation: brand 1s infinite linear;
    -webkit-animation: brand-webkit 1s infinite linear;
    -ms-animation: brand-ms 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);}}
@-webkit-keyframes brand-webkit {0% { -webkit-transform: scale(1);} 25% { -webkit-transform: scale(1.2);} 50% { -webkit-transform: scale(1);} 75% { -webkit-transform: scale(0.8);} 100% { -webkit-transform: scale(1);}}
@-ms-keyframes brand-ms {0% { -ms-transform: scale(1);} 25% { -ms-transform: scale(1.2);} 50% { -ms-transform: scale(1);} 75% { -webkit-transform: scale(0.8);} 100% { -ms-transform: scale(1);}}

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

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