body {
  background-color: #f4f4f4;
}

/*
 * Navbar
 */
.navbar{
  z-index: 1049;
}
.navbar-nav{
	margin-left: 4rem;
}
.titre-courant{
  font-weight: bolder;
  font-size: xx-large;
}
/*
 * Sidebar
 */
.sidebar {
  position: fixed;
  top: 5rem;
  bottom: 0;
  left: 0;
  z-index: 1049;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
  background-color: #292B2C;
}

/* Sidebar navigation */
.sidebar {
  padding-left: 0;
  padding-right: 0;
}
.sidebar .nav {
  margin-top: 2rem;
  margin-bottom: 20px;
}
.sidebar .nav-item {
  width: 100%;
}
.sidebar .nav-item + .nav-item {
  margin-left: 0;
}
.sidebar .nav-link {
  border-radius: 0;
  color: white;
  font-size: 0.8rem;
  transition: color 0.2s ease;
}
.sidebar .nav-link:hover{
	color: #00A5E6;
}

.sidebar .nav-link img{

}
.svg-icon {
  width: 2.4rem;
  height: 2.4rem;
}
.icon-nav{
  width: 1.8rem;
  height: 1.8rem
}
.svg-icon path,
.svg-icon polygon,
.svg-icon rect {
  fill: white;
}
.svg-load {
  z-index: 1051;
  width: 50vw;
  height: 50vh;
}
.svg-load path,
.svg-load polygon,
.svg-load rect {
  fill: white;
}
.loader{
  position : fixed;
  text-align: center;
  margin : auto;
  left : 0;
  top : 0;
  width : 100vw;
  height : 100vh;
  background-color : #292B2C;
  opacity: 0.9;
  z-index : 1051;
}

.alert-load{
  margin: auto;
  width: 50%;
  padding: 3rem;
}
.svg-icon circle {
  stroke: white;
  stroke-width: 1;
}
#icon-stat{
  transform: rotateY(180deg);
}
.dropdown-menu-perso{
    display: none;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 600ms, visibility 600ms;
    transition: opacity 600ms, visibility 600ms;
}
.dropdown-menu-perso a{
    color: white;
}

#stat-link:hover > div {
    display: block;
    visibility: visible;
    opacity: 1;
    animation: fade 1s;
}
@keyframes fade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* DIVERS */
.word-highlight{
  background-color: #ffcf3f;
}
.highlight {
  z-index: 999;
}
.clickable{
  cursor:pointer;
}
.table-inverse{
  box-shadow: 2px 2px #563D7C;
}
.table-head{
  background-color: #00A5E6;
  color: white;
  font-weight: bolder;
}
#contenu{
  margin-top: 5rem;
  padding: 2rem;
}
.contenu-additionnel{
  padding: 2rem 0 0 0;
}
.date{
  width: 50%;
}
#btn-panier{
  margin-right: 1em;
}
.control-label{
  font-weight: bold;
}
#formDemandeEnquete{
  margin-top: 2em;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
  border-color: #5bc0de;
  background-color: #563D7C;
  color: white;

}
.yes_error {
  color: #FF0000;
}
.critere{
  background-color: white;
  border: 2px solid #452b6d;
  padding: 0.5em;
}
.critere h4{
  margin-bottom: 1.5rem;
  font-weight: bolder;
}
.critere-cadre label{
  text-align: right;
}
.custom-control-indicator {
  height: 1.2rem;
  width: 1.2rem;
}
.custom-control-description{
  font-weight: bold;
}
.form-control:disabled, .form-control[readonly]{
  background-color: #8d8e8e;
}
.form-recherche{
  padding: 2em;
  background-color: #452b6d;
  color: white;
}

.btn-options > .btn{
  margin: 0.5rem;
}
.card-header a{
  text-align: center;
  font-weight: bolder;
}
.card-header a:hover{
  text-decoration: underline !important;
  color: #5BC0DE !important;
}
.sortDown{
  height: 1.5rem; 
  width: 1rem;
  -webkit-transition: all .5s cubic-bezier(0.6, 1.68, 0, 0.68) 0s;
  transition: all .5s cubic-bezier(0.6, 1.68, 0, 0.68) 0s;
}
.rotate{
  -webkit-transform: rotate(180deg);
}
.close{
  font-size: 4rem; 
  color: #C9302C;
}
.close:hover{
  color: #C9302C;
}
.nb-resultat{
  margin-bottom: 0;
  text-align: center;
}
.form-container{
  margin: 1rem 0;
}
.form-block{
  background-color: #F8F8F8;
  padding: 1rem 2rem;
  border: 1px solid #5BC0DE;
  border-radius: .25rem;
}
.form-control-label{
  font-weight: bolder;
}
.excel-icon{
  height: 2.5rem;
}
.titre-onglet-detail{
  transition: all .5s cubic-bezier(0.6, 1.68, 0, 0.68) 0s;
  font-weight: bolder;
}
.titre-onglet-detail:hover{
  color: #5BC0DE;
}
.cercle{
  margin: 0.5em;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 20px;
    box-shadow: 0.5px 1px rgba(0,0,0,0.6); -moz-box-shadow: 0.5px 1px rgba(0,0,0,0.6); -webkit-box-shadow: 0.5px 1px rgba(0,0,0,0.6); -o-box-shadow: 0.5px 1px rgba(0,0,0,0.6);
}
.list-group-legend{
  border: none;
}
#themeClient{
  display: none;
}
.tab-content .row{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem; 
}
#statTable{
    border: 3px solid #00A5E6;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}
#anneeN .col{
    margin: 2em 1em;
    padding: 1em;
    font-size: 1.3em;
    border: 3px solid black;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    background-color: white;
}
#anneeN .col p{
    font-weight: bolder;
}
#anneeN .col p:last-child{
 font-size: 1.5em;
    text-shadow: #edf3ff 1px 0 1px;
}
#anneeN1Content{
    margin-top: 5em;
}
#anneeN1Content h2{
    margin-bottom: 1em;
}
.contenu-block{
  margin-bottom: 2rem; 
}
.sous-titre-block{
  margin: 2rem;
}
#choiceContent{
  padding: 2em;
}
.export-btn, .printer-btn{
  font-size: 1rem;
}
#statContent{
  max-height: 50vh;
}
#critereContent{
  border-bottom: 3px solid black;
}
#login-form{
  background-color: #EEEEEE;
  padding: 3em 6em 3em; 
  border: solid 1px #F1F1F1;
  border-radius: 2px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}
#auth{
  margin-left: 3rem;
}
.banniere-resultat{
  margin-top: 2rem;
}
.nbr{
  font-weight: bolder;
}
#floatingBarsG{
  position:relative;
  width:147px;
  height:183px;
  margin:auto;
}
.choiceStatContent{
    display: none;
}
#statTable thead td{
  font-weight: bolder;
}
.blockG{
  position:absolute;
  background-color:rgb(255,255,255);
  width:24px;
  height:57px;
  border-radius:19px 19px 0 0;
    -o-border-radius:19px 19px 0 0;
    -ms-border-radius:19px 19px 0 0;
    -webkit-border-radius:19px 19px 0 0;
    -moz-border-radius:19px 19px 0 0;
  transform:scale(0.4);
    -o-transform:scale(0.4);
    -ms-transform:scale(0.4);
    -webkit-transform:scale(0.4);
    -moz-transform:scale(0.4);
  animation-name:fadeG;
    -o-animation-name:fadeG;
    -ms-animation-name:fadeG;
    -webkit-animation-name:fadeG;
    -moz-animation-name:fadeG;
  animation-duration:0.672s;
    -o-animation-duration:0.672s;
    -ms-animation-duration:0.672s;
    -webkit-animation-duration:0.672s;
    -moz-animation-duration:0.672s;
  animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;
    -ms-animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
  animation-direction:normal;
    -o-animation-direction:normal;
    -ms-animation-direction:normal;
    -webkit-animation-direction:normal;
    -moz-animation-direction:normal;
}

#rotateG_01{
  left:0;
  top:67px;
  animation-delay:0.2495s;
    -o-animation-delay:0.2495s;
    -ms-animation-delay:0.2495s;
    -webkit-animation-delay:0.2495s;
    -moz-animation-delay:0.2495s;
  transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
}

#rotateG_02{
  left:19px;
  top:24px;
  animation-delay:0.336s;
    -o-animation-delay:0.336s;
    -ms-animation-delay:0.336s;
    -webkit-animation-delay:0.336s;
    -moz-animation-delay:0.336s;
  transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
}

#rotateG_03{
  left:62px;
  top:7px;
  animation-delay:0.4225s;
    -o-animation-delay:0.4225s;
    -ms-animation-delay:0.4225s;
    -webkit-animation-delay:0.4225s;
    -moz-animation-delay:0.4225s;
  transform:rotate(0deg);
    -o-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
}

#rotateG_04{
  right:19px;
  top:24px;
  animation-delay:0.509s;
    -o-animation-delay:0.509s;
    -ms-animation-delay:0.509s;
    -webkit-animation-delay:0.509s;
    -moz-animation-delay:0.509s;
  transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
}

#rotateG_05{
  right:0;
  top:67px;
  animation-delay:0.5955s;
    -o-animation-delay:0.5955s;
    -ms-animation-delay:0.5955s;
    -webkit-animation-delay:0.5955s;
    -moz-animation-delay:0.5955s;
  transform:rotate(90deg);
    -o-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
}

#rotateG_06{
  right:19px;
  bottom:17px;
  animation-delay:0.672s;
    -o-animation-delay:0.672s;
    -ms-animation-delay:0.672s;
    -webkit-animation-delay:0.672s;
    -moz-animation-delay:0.672s;
  transform:rotate(135deg);
    -o-transform:rotate(135deg);
    -ms-transform:rotate(135deg);
    -webkit-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
}

#rotateG_07{
  bottom:0;
  left:62px;
  animation-delay:0.7585s;
    -o-animation-delay:0.7585s;
    -ms-animation-delay:0.7585s;
    -webkit-animation-delay:0.7585s;
    -moz-animation-delay:0.7585s;
  transform:rotate(180deg);
    -o-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
}

#rotateG_08{
  left:19px;
  bottom:17px;
  animation-delay:0.845s;
    -o-animation-delay:0.845s;
    -ms-animation-delay:0.845s;
    -webkit-animation-delay:0.845s;
    -moz-animation-delay:0.845s;
  transform:rotate(-135deg);
    -o-transform:rotate(-135deg);
    -ms-transform:rotate(-135deg);
    -webkit-transform:rotate(-135deg);
    -moz-transform:rotate(-135deg);
}

@keyframes fadeG{
  0%{
    background-color:rgba(0,238,255,0.98);
  }

  100%{
    background-color:rgb(0,0,0);
  }
}

@-o-keyframes fadeG{
  0%{
    background-color:rgba(0,238,255,0.98);
  }

  100%{
    background-color:rgb(0,0,0);
  }
}

@-ms-keyframes fadeG{
  0%{
    background-color:rgba(0,238,255,0.98);
  }

  100%{
    background-color:rgb(0,0,0);
  }
}

@-webkit-keyframes fadeG{
  0%{
    background-color:rgba(0,238,255,0.98);
  }

  100%{
    background-color:rgb(0,0,0);
  }
}

@-moz-keyframes fadeG{
  0%{
    background-color:rgba(0,238,255,0.98);
  }

  100%{
    background-color:rgb(0,0,0);
  }
}