/*@import "cloud.css";*/

body{font-family:"verdana", sans-serif; font-size:11px; margin:0px; background-color:#01295C; color:white; min-width:980px; min-height:400px}
/*BODY *{scrollbar-face-color:#026791;scrollbar-shadow-color:#006085;scrollbar-highlight-color:white;scrollbar-3dlight-color:#500050;scrollbar-darkshadow-color:black;scrollbar-track-color:#1075AA;scrollbar-arrow-color:#CCFF00}*/
table{font-family:"verdana", sans-serif; font-size:11px; border-spacing:0; border-collapse:collapse}
select, input{font-family:"verdana", sans-serif; font-size:11px}
h1{font-family:"verdana", sans-serif; font-size:20px; padding-left:10px; padding-top:5px; margin:0px}
h1 img{margin-right:5px}
h2{font-size:16px}
h3{font-size:14px; margin-bottom:3px}
h4{font-size:12px}
a img{border:none; vertical-align:middle}
a, a:link, a:visited{text-decoration:none; color:#00FF00}
svg.loading {
	width:2em;
	height:2em;
	margin:0px;
	display:inline-block;
	vertical-align:middle;
}

a:hover{color:#CCFF00; text-decoration:underline}
a.withBackground, .withBackground a{padding:3px 5px 3px 5px}
a.withBackground:hover, .withBackground a:hover{background-color:#03405A; padding:3px 4px 3px 4px; border:1px solid #01222F}

option.selected{font-style:normal !important; font-weight:bolder !important; background-color:#d7e6ed !important}
option.default{font-style:italic; background-color:#E0E3E4}

button.none{border-width:0; background-color:transparent}

.row{clear:both}
.right{text-align:right}
.hidden{display:none}
.clear{clear:both}
.tooltip, .windows{overflow:auto; display:none; text-decoration:none; position:absolute; background-color:white; z-index:100}
.tooltip{font-style:italic; padding:0.5em; border:1px solid black; background-color:#4EB3D3; border-radius:0.5em; box-shadow:-1px 2px 5px 1px rgba(0, 0, 0, 0.7); behavior:url(/common/js/css3pie/PIE.htc)}
.windows{border:2px solid black; }
.input-date{width:10.5em; text-align:center; cursor:pointer}
.input-date::-ms-clear {display:none}
.radio-image{display:none}
.image-radio-label{border:2px solid transparent;border-radius:1px; cursor:pointer}
.image-radio-label:hover{border-color:white/*; box-shadow:-1px 2px 5px 1px rgba(0, 0, 0, 0.7)*/}
.transparent{background-color:transparent; color:transparent; border-color:transparent}
.table-cell {display:table-cell}
.noCross::-ms-clear {display:none}

#header{background-color:#000032; vertical-align:middle; padding:0.5em 0}
#header h1{color:white; padding-left:2px}
#header h1 img{vertical-align:middle}
#title_main{display:inline; cursor:pointer; background-image:url(/common/img/logo_header.png); background-repeat:no-repeat; background-size:47px 29px; padding:0 52px !important; filter: brightness(0) invert(1)}
#userlogged{color:white; display:inline-block; float:right; font-size:1.1em; font-weight:normal; min-height:20px; margin-right:5px; padding-top:3px; background-position:0 50%; background-repeat:no-repeat; padding-left:18px; background-image:url(../img/user.png)}
#title_main:hover, #userlogged:hover{color:#44BAE6!important; cursor:pointer; filter:brightness(1) invert(0) }
#header .submenu {background-color:white !important; top:30px; left:50px; padding:0.5em 0; margin:3px 0px 0px 10px; z-index:1000; font-size:1.3em; font-style:normal; border-radius:0}
#header .submenu li.separator{border-bottom-width:1px !important}
#header .submenu li {list-style:none; padding:0.5em; cursor:pointer}
#header .submenu a{color:black; font-weight:bold}
#header .submenu li.selected,#header .submenu li:hover{background-color:#316AC5}
#header .submenu li.submenu_nohighligh,#header .submenu li.submenu_nohighligh:hover{background-color:white !important; margin:0px; padding:2px; cursor:default}
#header .submenu li.selected a,#header .submenu li:hover a{color:white; text-decoration:none}
#header .submenu hr {border-width:0px; border-top-width:1px; height:1px; border-color:#000032; width:90%; margin:3px auto; padding:0px}
#header .submenu .submenu_profils, #header .submenu .submenu_profils a{
	font-weight:lighter !important;
	font-size:0.9em !important;
}
.submenu_profils.current a:before{
	content:'➤ ';
}
#submenu{/*left:20px !important; top:35px !important ->raise weird scroll while opening*/}
#title_onglet {margin:0; margin-left:0.5em; padding:0; display:inline; font-size:1.7em}
#title_onglet li{list-style:none; padding:2px 0em 0 2px; margin-right:0.5em; display:inline; color:#7B7B7B; border-top:10px solid transparent; text-align:center}
#title_onglet a, #title_onglet a:visited{color:#7B7B7B!important}
#title_onglet a:hover{color:white!important; text-decoration:none}
#title_onglet li.selected a{color:white!important}
#onglet_player.selected{border-color:#00A0B3}
#onglet_meeting.selected{border-color:#EFCB33}
#onglet_stats.selected{border-color:#759338}
#onglet_admin.selected{border-color:#D02E36}
#onglet_import.selected {border-color:#d0652e}

#ariane{margin:0; padding:0; padding-top:2px; display:block; text-align:right; background-color:#000032; width:100%; border-width:1px; border-color:red}
#ariane li{margin:0; padding:0; display:inline; border:1px solid white; border-width:0 1px 1px 0}
#ariane li a{padding:5px 0; margin:0}
#ariane li.selected {background-color:#01295C; border-width:1px 1px 0 0px; border-bottom-color:#01295c}
#ariane li:first-child.selected{border-width:1px 1px 0 1px !important}
#ariane li.selected a {color:white; font-weight:bold; padding:3px 5px 3px 5px !important}
#ariane li.selected a:hover{padding:3px 4px 3px 4px !important}
#ariane li:last-child{border-width:0 0 1px 0 !important}
#ariane li.selected:last-child{border-width:1px 0 0 0 !important}
#ariane li a{padding:3px 5px; margin-left:10px}
#ariane li a:hover{background-color:#01295C; padding:3px 4px 3px 4px; border:1px solid #01222F}
#content{width:100% !important; box-sizing:border-box}

.debug{font-family:"Courier New" !important; color:black !important; font-size:11px; background-color:#33FF00}
.error{color:red; font-weight:bolder}
div.error{border:1px solid red; background-color:rgb(248, 195, 195); padding:0.7em}
.error a, .error a:hover {color:red}
.info{color:#CCFF00; font-weight:bolder}
.disabled{color:#868686; font-style:italic}
.version{font-size:9px; font-weight:normal}

#titremain{width:765px}
#titremain img{padding-right:5px; vertical-align:middle; float:left}
#titremain .float{float:left}
#titre{position:relative; width:540px; height:135px; margin-left:10px}
#titre h1{background-image:none !important}

.ProfilInfo TH .normal{font-weight:normal}

#authentification_body{height:100%; overflow:hidden}
#authentification_body TABLE, #authentification_body TBODY, #authentification_body TR, #authentification_body TD{margin:0px; padding:0px; border-width:0px}
#authentification_head{background-color:#000032; text-align:left; padding:1em; font-size:larger; font-weight:bolder}
#authentification_header_title{padding-right:1em}
#authentification_central-repository{display:none}
#authentification_header_source, #authentification_pos{font-weight:normal !important}
#authentification_pos{float:right}


#authentification_body #authentification_title{display:grid; justify-content:center; font-size:1.8em; font-weight:bold; color:#000032; padding-top:3em; text-align:center}
#authentification_body #authentification_logo{width:290px; height:184px; background-image:url(/common/img/soundeyes_logo_auth.png); background-repeat:no-repeat; background-size:contain; margin:0 0}

#authentification_form{margin-top:5em}
#authentification_form #error{border:1px solid red !important; padding:1em; font-size:1.3em; text-align:center; width:60%; margin:0 auto}

#authentification_body #authentification_table{width:30%; min-width:50em; margin:0px auto !important; border-collapse:collapse}
#authentification_body #authentification_table TD{padding-bottom:0.7em; font-size:1.3em}
#authentification_body #authentification_table input{font-size:1.1em}
#authentification_body #authentification_table .label{text-align:right; padding-right:0.2em; width:50%}
#authentification_body #authentification_table .input{text-align:left; padding-left:0.2em; width:50%}
#authentification_body #authentification_table .input input{width:100%; box-sizing:border-box}
#authentification_body #submit-line{border-top:2em solid transparent}
#authentification_body #authentification_submit {text-align:right !important}
#authentification_body #ldap-submit-container{text-align:right !important}
#authentification_body #ldap-button{width:auto !important; padding:revert; padding-left:2em; padding-right:2em}
#authentification_body #authentification_submit input{width:8em !important; font-size:1em}

/*#authentification_body .error#form{border:1px solid red; color:white !important; padding:5px}*/

#authentification_body #footer{width:100%; position:absolute; bottom:0px; padding-bottom:1em}
#authentification_body #footer SPAN{position:relative}
#authentification_body #footer #home{padding-left:1em}
#authentification_body #footer #version{position:absolute; right:0px; padding-right:1em}

#authentification_body .error#error, #authentification_body .error#error-detail{text-align:center; font-size:0.8em !important; padding-top:10px}
#authentification_body .error#error-detail{font-style:italic}

.contentMarged{padding-left:10px; vertical-align:top}

#spanMessage{position:absolute; width:100%; height:100%; display:none; font-size:20px; font-weight:bolder; text-align:center; vertical-align:middle; padding-top:15px}

.submitBar{text-align:center}
.submitBar input{margin:30px; padding:2px 10px}
.submit{font-weight:bold; font-size:110%}
.cancel{}

.contextual-menu{display:none; position:absolute; background-color:#f2f5f7; border-radius:0px; border:1px solid #ddd; color:#362b36; z-index:10; box-shadow:0px 10px 10px 4px black}
.contextual-menu UL{padding:0; margin:0; list-style:none}
.contextual-menu li{padding:1em}
.contextual-menu li:hover{background-color:#FF9100; cursor:pointer}

#passwordLine .input div{position:relative}
#passwordLine .input span{position:absolute; transform:translateX(-50%); color:black; right:0; z-index:2; font-size:125%;cursor:pointer}
#passwordLine .input span:hover{color:red}
#passwordLine input::-ms-reveal,#passwordLine input::-ms-clear {display: none;}
#passwordLine .input span.reveal{text-decoration: line-through}

@keyframes background-color-animation {
	0%   { background:transparent; }
	50% { background:#cef717; }
	100%   { background:transparent; }
}
.background-color-animation{animation:background-color-animation 3s infinite linear}

@-webkit-keyframes rotating /* Safari and Chrome */ {
	from {
	  -webkit-transform:rotate(0deg);
	  -o-transform:rotate(0deg);
	  transform:rotate(0deg);
	}
	to {
	  -webkit-transform:rotate(360deg);
	  -o-transform:rotate(360deg);
	  transform:rotate(360deg);
	}
  }
  @keyframes rotating {
	from {
	  -ms-transform:rotate(0deg);
	  -moz-transform:rotate(0deg);
	  -webkit-transform:rotate(0deg);
	  -o-transform:rotate(0deg);
	  transform:rotate(0deg);
	}
	to {
	  -ms-transform:rotate(360deg);
	  -moz-transform:rotate(360deg);
	  -webkit-transform:rotate(360deg);
	  -o-transform:rotate(360deg);
	  transform:rotate(360deg);
	}
  }
  .rotating {
	-webkit-animation:rotating 2s linear infinite;
	-moz-animation:rotating 2s linear infinite;
	-ms-animation:rotating 2s linear infinite;
	-o-animation:rotating 2s linear infinite;
	animation:rotating 2s linear infinite;
  }

  /* HTML: <div class="loader"></div> */
.loader-rotating {
	min-width: 50px;
	padding: 8px;
	aspect-ratio: 1;
	border-radius: 50%;
	background: #25b09b;
	--_m:
	  conic-gradient(#0000 10%,#000),
	  linear-gradient(#000 0 0) content-box;
	-webkit-mask: var(--_m);
			mask: var(--_m);
	-webkit-mask-composite: source-out;
			mask-composite: subtract;
	animation: l3 1s infinite linear;
  }
  @keyframes l3 {to{transform: rotate(1turn)}}


  @keyframes rotating {
    from {transform: rotate(0deg)}
    to {transform: rotate(360deg)}
  }
  .rotating {animation: rotating 2s linear infinite; transform-origin: center center}