/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/
/* Cacher le logo SVG original */
#surveys-list-jumbotron svg.ls-logo {
    display: none !important;
}

/* Ajouter votre logo ADF en tant qu'image de fond */
#surveys-list-jumbotron::before {
    content: "";
    display: block;
    width: 200px; /* Ajustez selon la taille souhaitée */
    height: 300px;
    background-image: url('../files/Logo-ADF.svg'); /* Chemin relatif dans le thème */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto 20px auto;
}

.question-container .question-valid-container {
  margin-top: 0px;
  margin-bottom: 0px;
}

li.radio-item {
  margin-bottom: 0.5em;
}

.question-container {
  margin-bottom: 2em;
}

.label-question {
font-size: 24px;
  font-weight: 600;
}

/*
**********************************
**** Modifications Numéricité ****
**********************************
*/
#survey-nav #main-dropdown .list-group-item a.index-warning {
    background-color:#FFE046;
}

#survey-nav #main-dropdown .list-group-item a.index-danger {
    background-color: #FF515F;
}

#survey-nav #main-dropdown .index-item-seen:not(.index-item-unanswered) a.dropdown-item {
    background-color: #14AE5C;
}

#survey-nav #main-dropdown .list-group-item a.disabled { 
    font-weight: bold;
}

#survey-nav #main-dropdown .list-group-item:not(.index-item-unanswered) a.disabled:not(.index-danger) { 
    color: white;
}

/***
 ***
 *** CUSTOM - SIDEBAR FOR QUESTIONS INDEX
 ***
 **/
 /* -------------
Sidebar
----------------*/
.sidebar {
  position: absolute;
  /* width: 33.3333%; */
  width: 17em;
  height: 100%;
  top: 0;
  overflow:hidden;
  background-color: #19222a;
  -webkit-transform: translateZ(0);
  visibility: visible;
  -webkit-backface-visibility: hidden;
}

.sidebar .sidebar-header {  
    background-color: #09f;
    width: 100%;
    display:block;
    padding: 0.75em	1em;
}

/* -------------
Sidebar Nav
----------------*/
.sidebar-nav {
  position: fixed;
  /* width: 13em; */
  background-color: #19222a;
  height: 100%;
  font-weight: 400; 
  font-size: 1.2em;
  overflow: auto;
  padding-bottom: 6em;
  z-index: 9;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}
 
  
.sidebar-nav ul {
  list-style:none;
  display: block;
  padding: 0;
  margin: 0;
}
    
.sidebar-nav ul li {
  margin-left: 0;
  padding-left: 0;
  /* min-width: 13em; */
  display:inline-block;
  width: 100%;
}
      
.sidebar-nav ul li a{
  color: rgba(255,255,255,0.9);
  font-size: 0.75em;
  padding: 1.05em	1em;
  position: relative;
  display:block;
}

.sidebar-nav ul li a:hover{
  background-color: rgba(0,0,0,0.9);
  /*@include transition(all 0.6s ease);*/
}
/* -------------
Sidebar: icons
----------------*/
/*      i{
        font-size: 1.8em;
        padding-right: 0.5em;
        width: 9em;
        display: inline;
        vertical-align:middle;
      }  
    }
  }
*/

/* -------------
Chev elements
----------------*/ 
/*  & > ul > li > a:after {
    content: '\f125';
    font-family: ionicons;
    font-size: 0.5em;
    width: 10px;
    color: #fff;
    position: absolute;
    right: 0.75em;
    top: 45%;
  }
*/

/* -------------
Nav-Flyout
----------------*/

.nav-flyout {
    position: absolute;
    background-color: #080D11;
    z-index: 9;
    left: 2.5em;
    top: 0;
    height: 100vh;
    /*@include transform(translateX(100%));
    @include transition(all 0.5s ease);*/
}

.sidebar a:hover {
      background-color: rgba(255,255,255, 0.05)
}

/* -------------
Hover
----------------*/
/*  & ul > li:hover{
      .nav-flyout{
      @include transform(translateX(0));
        @include transition(all 0.5s ease);
    }
  }
}*/