/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 28 sept. 2016, 16:20:27
    Author     : Mostafa
*/
body {
  padding-top: 40px;
}
.modal-backdrop
{
    opacity:0.5 !important;
}
.modal.modal-fullscreen {
  /* Maximize the main wrappers on the screen */
  /* Make the parent wrapper of the modal box a full-width block */
  /* Remove borders and effects on the content */
  /**
	 * /!\ By using this feature, you force the header and footer to be placed
	 * in an absolute position. You must handle by yourself the margin of the
	 * content.
	 */
}
.modal-full {
    min-width: 100%;
}

.modal-full .modal-content {
    min-height: 100vh;
}
.modal.modal-fullscreen .modal-dialog,
.modal.modal-fullscreen .modal-content {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.modal.modal-fullscreen .modal-dialog {
  margin: 0;
  width: 100%;
  animation-duration:0.6s;
}
.modal.modal-fullscreen .modal-content {
  border: none;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: inherit;
  -moz-box-shadow: inherit;
  -o-box-shadow: inherit;
  box-shadow: inherit;
  /* change bg color below */
 /* background:#1abc9c; */
}
.modal.modal-fullscreen.force-fullscreen {
  /* Remove the padding inside the body */
}
.modal.modal-fullscreen.force-fullscreen .modal-body {
  padding: 0;
}
.modal.modal-fullscreen.force-fullscreen .modal-header,
.modal.modal-fullscreen.force-fullscreen .modal-footer {
  left: 0;
  position: absolute;
  right: 0;
}
.modal.modal-fullscreen.force-fullscreen .modal-header {
  top: 0;
}
.modal.modal-fullscreen.force-fullscreen .modal-footer {
  bottom: 0;
}
.ui-dialog{
   z-index : 100000 !important;
}
#IfrTranslateDialog{
   z-index:1000000;
}
.OGCTabs li a { 
   
   background-color:transparent; 
   padding:10px;
}
.OGCTabs li.active a {
   background-color: #DEE2E6; font-weight: bold !important; color: blue !important; }
.divSeqPlanche{
   /*font-family: "Time new romans"; */
   font-size: 17px;
   color:#000;
   text-align: center;
   padding-bottom: 10px;
}
.divSeqPlanche .LibSeq{
   font-weight: bold;
   font-style: italic;
}
.divSeqPlanche .TitreSeq{
   font-weight: normal;
}
.btAudioBold{
   border:0;
   color:#8080FF;
   background-color: transparent;
}

.OGCParag{
   
}
.BtBarrePetit, .BtBarrePetit20{
   background-color : transparent ;
   cursor:pointer;
   border: 0px ;
   border:solid 0px black;
   text-align:center;
   background-repeat:no-repeat;
   background-position: center center;
}
.BtBarrePetit20 {
   height:20px !important;
   width:20px !important;}
.BtBarrePetit {
   height:16px;
   width:16px;}
.BtTranslate20{background-image:url(./img/icones/translate20.gif);}
.BtTranslate16{background-image:url(./img/icones/translate16.gif);}
.BtTranslate32{background-image:url(./img/icones/translate.gif);}
.FlecheD32Gris{background-image:url(./img/icones/ArrowRight32Gris.png);}
.FlecheG32Gris{background-image:url(./img/icones/ArrowLeft32Gris.png);}
.FlecheD32{background-image:url(./img/icones/ArrowRight32.png);}
.FlecheG32{background-image:url(./img/icones/ArrowLeft32.png);}
/*################### Boutons ###########################*/
.FlecheDroite{background-image:url(./img/icones/audio2.png);}
.FlecheDroite{background-image:url(./img/icones/FlecheDroite.png);}
.AccBtnAideContext{background-image:url(./img/icones/aide.png);}
.AccBtnComChat{background-image:url(./img/icones/chat.png);}
.AccBtnComForum{background-image:url(./img/icones/forum.png);}
.AccBtnComMafiche{background-image:url(./img/icones/mafiche.png);}
.AccBtnComMsg{background-image:url(./img/icones/messagerie.png);}
.AccBtnComMsgYa{background-image:url(./img/icones/messageya.png);height:16px; width:34px;}
.BT_aide{background-image:url(./img/icones/aide.png);}
.BT_ajouter{background-image:url(./img/icones/ajouter.png);}
.BT_ajout-utilisateur{background-image:url(./img/icones/nouveau.png);}/*./img/icones/ajout-utilisateur.png);}*/
.BT_annuler{background-image:url(./img/icones/annuler.png);}
.BT_attention{background-image:url(./img/icones/attention.png);}
.BT_audio{background:url(./img/icones/audio.png);}
.BT_upload32{background:url(./img/icones/upload32.png);}
.BT_audio32{background:url(./img/icones/audio2.png);}
.BT_audio32Inactif{background:url(./img/icones/audio2Inactif.png);}
.BT_bibliotheque{background:url(./img/icones/bibliotheque.png);}
.BT_calendrier{background:url(./img/icones/calendrier.png);}
.BT_chat{background:url(./img/icones/chat.png);}
.BT_ci{background:url(./img/icones/ci.png);}
.BT_dossier{background:url(./img/icones/dossier.png);}
.BT_edit-profil{background:url(./img/icones/edit-profil.png);}
.BT_email{background:url(./img/icones/email.png);}
.BT_excel{background:url(./img/icones/excel.png);}
.BT_explorer{background:url(./img/icones/explorer.png);}
.BT_reload{background:url(./img/icones/remplacer.png);}
.BT_fiche-documentaire{background:url(./img/icones/fiche-documentaire.png);}
.BT_forum{background:url(./img/icones/forum.png);}
.BT_importer{background:url(./img/icones/importer.png);}
.BT_logiciel{background:url(./img/icones/logiciel.png);}
.BT_loupe{background:url(./img/icones/loupe.png);}
.BT_multimedia{background:url(./img/icones/multimedia.png);}
.BT_nouveau_msg{background:url(./img/icones/nouveau_msg.png);}
.BT_photo{background:url(./img/icones/photo.png);}
.BT_supprimer{background:url(./img/icones/supprimer.png);}
.BT_enregistrer{background:url(./img/icones/enregistrer.png);}
.BT_url{background:url(./img/icones/url.png);}
.BT_valider{background:url(./img/icones/valider.png);}
.BT_word{background:url(./img/icones/word.png);}
.BT_imprimer{background:url(./img/icones/printer.png);}
.BT_modifier{background:url(./img/icones/edit.png);}
.BT_retourliste{background:url(./img/icones/retour-liste.png);}
.BT_retourlisteVide{background:url(./img/icones/retour-liste-vide.png);}
.BT_ListeUsageOui{background:url(./img/icones/valider.png);}
.BT_ListeUsageNon{background:url(./img/icones/supprimer.png);}
.BT_sauvegarder{background:url(./img/icones/sauvegarder.jpg);}
.BT_info-new{background:url(./img/icones/info-new.png);}
.BT_associer{background:url(./img/icones/associer.png);}
.BT_dissocier{background:url(./img/icones/dissocier.png);}
.BT_copier{background:url(./img/icones/copier.png);}
.BT_enter{background:url(./img/icones/enter-icon.png);}
.OCGsceneTab{
   font-size:1.2em;font-weight: bold;
   background-color: blue;
}
.spFast32, .spSlow32{
   background-color: transparent;
   border:0;
   padding:0;
   margin:0;
   width:32px;
   height:auto;
   display:inline-block;
}
.spFast32{
   background-image:url(./img/icones/speed_fast.32.png);
}
.spSlow32{background-image:url(./img/icones/speed_slow.32.png);}
.SceneElmnt imgXX{
   max-width: 600px;
   height:auto;
}
.SpanText imgXX{
   max-width: 600px !important;
   height:auto;
   border : 0;
}
.simple-table td{
   border: solid 0px #fff;
}

.ExerciceTable{
   padding: 0;
   border-collapse: collapse;
}
.ExerciceTable td{
   border : solid 1px #000 !important;
}
.TableBordered{
   border-collapse: collapse;
}
.TableBordered td{
   padding : 0px !important;
    border : solid 0px #75787b;
	text-align: center;
}
.TableBordered td .weekend{
   background-color: #34c4da;
}
.ToolBTbSTD{
   
}
.ToolBTbSTD td{
   padding : 3px;
   vertical-align: middle;
   text-align: center;
}
.sysDevAlertTitle{
   background-color:red;
   padding:10px;
   font-weight:bold;
}
.sysDevAlert{
   z-index: 1000;
   cursor: pointer;
   color:white;
   right:0px; 
   top:100px;
   position: fixed;
   float: right;
}
.sysDevAlertContent{
   background-color:#f8b9b7;
   padding:10px;
   color:black;
}
#SysDivDebug
{
   background-color: yellow;
   font-size: 0.6em;
}
.Folder32 {
   width: 32px;
   height: 32px;
   background:url(img/icones/folder-32.png) no-repeat;
   font-size: 1.2em;
   font-weight: bold;
   text-align: center;
   padding-top:8px;
}
.Folder32Emty{
   opacity: 0.33;
} 

.btAudioNormal:hover{
   /*background-color: #FF9191;*/
   color:#2196F3;
}
.btAudioNormal{
   border : solid 0px red;
   
   border-radius : 3px;
   color:#C0C0C0;
   background-color: transparent;
   font-size:18px;
}
#DivIdoAudio{
   visibility:hidden;
}
.SeqCard{
   cursor:pointer;
}
.SeqCard:hover{
   background-color: #E8F8F8 !important;
}

.space5 {
  height:5px;
  clear:both;
}

.space10 {
  height:10px;
  clear:both;
}

.space15 {
  height:15px;
  clear:both;
}

.space20 {
  height:20px;
  clear:both;
}

.space25 {
  height:25px;
  clear:both;
}

.space30 {
  height:30px;
  clear:both;
}

.space40 {
  height:40px;
  clear:both;
}

.space50 {
  height:50px;
  clear:both;
}

.space60 {
  height:60px;
  clear:both;
}

.space70 {
  height:70px;
  clear:both;
}

.space80 {
  height:80px;
  clear:both;
}

.space90 {
  height:90px;
  clear:both;
}

.space100 {
  height:100px;
  clear:both;
}

.module .collapse, .module .collapsing {
  height: 2rem;
}

.module .collapse {
  position: relative;
  display: block;
  overflow: hidden;
}

.module .collapse:before {
  content: ' ...';
  position: absolute;
  right: 0;
  bottom: 0;
}

.module .collapse.show {
  height: auto;
}

.module .collapse.show:before {
  display: none;
}

.module a.collapsed:after {
  content: '...';
}

.module a:not(.collapsed):after {
  content: '--';
}
.partner-logo div
{text-align:center;}
.partner-logo img{
   height:100px;width:auto;
   background-color: transparent;
}
.ocg-calc{
   position: fixed;
   top: 50px;
   right: 10px;
   padding: 0;
   z-index: 1600;
   width:320px;
   height:500px;
   border-radius: 0px;
   background-color: transparent;
   opacity: 1;
   display:none;
   font-family: Helvetica, sans-serif;
}
.ocg-notes{
   position: fixed;
   top: 50px;
   right: 10px;
   padding: 010px;
   z-index: 1600;
   width:320px;
   height:410px;
   border-radius: 8px;
   background-color: #FFE599;
   opacity: 0.9;
   display:none;
   font-family: Helvetica, sans-serif;
}
.ocg-notes  .bTitle{
   width:100%;
}
.ocg-notes .bTitle .text{
   display: inline-block;
   width:75%;
   font-weight: bold;
}
.ocg-notes .bTitle .buttons{
   display: inline-block;
   width:15%;
}
.ocg-notes textarea{
   width:100%;
   height:350px;
   border : solid #dadada 1px;
   font-size: 0.8em;
   background-color: transparent;
}
.footer-fab {
    position: fixed;
    bottom: 70px;
    right: 40px;
    z-index: 1028;
}

.footer-fab .b-bg {
    background: #f44336;
    box-shadow: 0 0 8px rgba(244, 67, 54, 0.9), 6px 0 8px rgba(0, 0, 0, 0.1);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 22px;
    cursor: pointer;
}

.footer-fab .fab-hover {
    position: absolute;
    bottom: 100%;
    right: 0;
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    transition: all 0.2 linear;
}

.footer-fab .fab-hover ul li {
    margin: 10px 0;
}

.footer-fab .fab-hover ul li a {
    position: relative;
}

.footer-fab .fab-hover ul li a:after {
    content: attr(data-text);
    position: absolute;
    padding: 4px 8px;
    background: #242e3e;
    color: #fff;
    border-radius: 4px;
    top: 5px;
    right: calc(100% + 8px);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

.footer-fab .fab-hover ul li a:hover:after {
    opacity: 1;
}

.footer-fab .fab-hover ul li a.btn-success.btn-envato {
    background-color: #79b530;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-fab:hover .fab-hover {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
.siteTitre{
   font-weight: bold;
   font-size: 1.5em;
}
.siteVersion{
   font-weight: normal;
   font-style: italic;
   color : gray;
}
button.btClav{
   padding:0px;
   padding-right: 5px;
   background-color: transparent;
   color : blueviolet;
   dfont-weight: bold;
   border: 0;
}
/* modal left*/
 .modal.left .modal-dialog {
	position:fixed;
	right: 0;
	margin: auto;
	width: 420px;
	height: 100%;
	-webkit-transform: translate3d(0%, 0, 0);
	-ms-transform: translate3d(0%, 0, 0);
	-o-transform: translate3d(0%, 0, 0);
	transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content {
	height: 100%;
	overflow-y: auto;
}

.modal.right .modal-body {
	padding: 15px 15px 80px;
}

.modal.right.fade .modal-dialog {
	left: -420px;
	-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
	-moz-transition: opacity 0.3s linear, left 0.3s ease-out;
	-o-transition: opacity 0.3s linear, left 0.3s ease-out;
	transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.right.fade.show .modal-dialog {
	right: 0;
}

/* ----- MODAL STYLE ----- */
.modal-content {
	border-radius: 0;
	border: none;
}

.modal-header {
	border-bottom-color: #eeeeee;
	background-color: #fafafa;
}

qzhole{
   display:inline-block;
   /*background-color: transparent;*/
 
}

.audio-module {
    /**/position: fixed;
    top: 120px;
    right: 70px;
    z-index: 1028;
}

.audio-module .b-bg,.btn-audio {
    background: #f44336;
    box-shadow: 0 0 8px rgba(244, 67, 54, 0.9), 6px 0 8px rgba(0, 0, 0, 0.1);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 22px;
    cursor: pointer;
}

.audio-module .fab-hover {
    position: absolute;
    bottom: 100%;
    right: 0;
   /**/ -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    transition: all 0.2 linear;
}

.audio-module .fab-hover ul li {
    margin: 0px 0;
}

.audio-module .fab-hover ul li a {
    position: relative;
}

.audio-module .fab-hover ul li a:after {
    content: attr(data-text);
    position: relative;
    padding:0;
    background: #242e3e;
    color: #fff;
    border-radius: 4px;
    top: 5px;
    right: calc(100% + 8px);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

.audio-module .fab-hover ul li a:hover:after {
    opacity: 1;
}

.audio-module .fab-hover ul li a.btn-success.btn-envato {
    background-color: #79b530;
    display: flex;
    align-items: center;
    justify-content: center;
}

.audio-module:hover .fab-hover {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
.content-ltr{
   direction: ltr !important;
   text-align: justify;
}
.content-rtl{
   direction: rtl !important;
   text-align: justify;
}
.peda-tool-acc-btn{
	width: 18rem;
	height:16rem;
	margin: 0 auto;
	text-align: center;

}
.SceneContent {
   list-style-type: none;
   width: 100%;
   padding :0px;
   background: transparent;

}
.SceneContent.li{

}
.SceneElmntAdmMode{

   border-style: solid;
   border-top :solid black 10px;
   border-left : solid black 1px;
   border-right : solid black 1px;
   border-bottom : solid black 1px;
   border-color: #C0C0C0;/*#7DE4E5;*/
   background-color: #F9FFFF;
   margin-bottom : 0;
}
.droppable {
  width: 100%;
  min-height: 50px;
  background: lightgrey;
  margin: 0px; 
  /*display:inline-block;*/
}
.CGScene img{
   width:auto;
   max-width:100%; height:auto
}
div.scelm  {
	/*display:inline-block;*/
	margin: 0;
	border :solid 3px transparent;/*#7DE4E5;*/
	overflow: hidden;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
div.scelm  div{
	display:inline-block;
	background-color: transparent;
	margin: 0;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	padding: 0px 5px;
	xx-cursor: move;
}
div.scelm-hndl{
	cursor: move;
}
div.scelm  button {
	border:0;
	margin: 0;
	background: transparent;
}

div.scelm,div.scelm  div,div.scelm  button{
	background-color: #C0C0C0;/*#7DE4E5;*/
}

ul.scelm button:hover,div.scelm  div {
	background-color: #C0C0C0;/*#85FAFB;*/
}
.SceneElmntLi{
	margin-bottom: 10px;
	margin-top: 0;
	background-color: #fff;
}
.BtnBase
{
  color:#0011F2;
  background:transparent;
  text-shadow:none;
  border-radius:2px;
  -webkit-box-shadow:rgba(0, 0, 0, 0) 0 0 0 !important;
  box-shadow:rgba(0, 0, 0, 0) 0 0 0 !important;
  border:0px;
  margin:0px;
}
.BtnGray:hover{
   
  color:#50DADC !important;
}
.BtnGray{
   
  color:gray !important;
}