/******************
    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
*/

  .table-bordered > thead > tr > th {
    border: 1px solid #dadada;
  }
  .table-bordered > thead > tr > td {
    border: 1px solid #dadada;
  }
  
  
  
  /******************
    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
*/

/* logo */
.logo-container>img {
max-height: 90px;
height: 90px;
width: 90px;
float: left;
padding : 0px;
margin-top: 15px;
margin-left: 15px;
}

/* --------------------------*/
/* Barre haute de navigation */
/* --------------------------*/
.navbar-default {
  background-color: #ffffff;
  border-color: #eeeeee;
}

/* --------------------------*/
/* Nom de groupe             */
/* --------------------------*/
.space-col {
    margin-top: 0em;
    margin-bottom: 1em;
}

/* ----------*/
/* questions */
/* ----------*/
.group-title {
  font-size: 1.7em;
  color: #666666;
  text-transform: uppercase;
  background-image: url("../files/fleche-bleue.png");
  background-repeat: no-repeat;
  background-size: 26px 26px;
  padding: 0px 45px;
  text-align: left;
  background-position: left 0px;
  display: inline-block;
}

.question-title-container {
  color: white;
  padding: 6px 0px 6px 0px;
  background: #5683c3;
  -moz-border-radius: 15px 0 0 0;
  -webkit-border-radius: 12px 0 0 0;
  font-weight: bold;
  font-size: 16px;
}

.question-container {
  margin-bottom: 2em;
  border: 1px solid #5683c3;
  -moz-border-radius: 15px 0;
  -webkit-border-radius: 15px 0 13px 0;
  padding: 0px;
  min-height: 50.0px;
  background-color: white;
}

.question-text {
  padding-left: 33px;
}

/* ---------*/
/* asterisk */
/* ---------*/
.asterisk {
  padding-left: 10px
}

.asterisk .text-danger  {
  color: #E51C4E !important;
  vertical-align: -webkit-baseline-middle;
}

.input-error .asterisk {
    margin-top: 0;
}

/* ------------*/
/* texte infos */
/* ------------*/
.question-valid-container {
  color: #B9CC14;
  font-weight: bold;
  /*text-align: center;*/
  /*line-height: 40px;*/
  padding-left: 0.7em;
}

/* ---------------------------*/
/* texte question obligatoire */
/* ---------------------------*/
.question-valid-container .text-danger {
  font-weight: bold;
  text-align: center;
  line-height: 40px;
  background-color: #E51C4E;
  color: white !important;
}

/*
.question-valid-container {
  padding-right: 0px;
  padding-left: 0px;
}
*/

/* --------*/
/* Boutons */
/* --------*/
.btn-primary, .btn-default {
  background-color: #2f52a3;
  border-color: #2f52a3;
  color : white;
}

.btn-primary:hover, .btn-default:hover {
  background-color: #203972;
  border-color: #203972;
  color : white;
}

/* ----------------*/
/* Boutons Oui/Non */
/* ----------------*/
.btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle {
    background-color: #198754;
    border: 1px solid #198754;
    box-shadow: none;
}

.btn-check:focus+.btn-primary, .btn-primary:focus, .btn-primary:hover {
    background-color: #5cb85c;
    border-color: #5cb85c;
 }
 
.btn-check:focus:checked + .btn-primary, .btn-check .btn-primary:focus:checked {
    background-color: #5cb85c;
    border-color: #5cb85c;
 }

/* --------------*/
/* list  Oui/Non */
/* --------------*/

/* non actif */
.yesno-button>.button-item {
    background-color: #eeeeee;
    color : black;
    border-color: #5683c3;
}

/* actif */
.yesno-button>.button-item.active {
    background-color: #2f52a3;
    color : white; 
    border-color: #5683c3;
}

/* hover non actif */ 
.yesno-button>.button-item.focus, 
.yesno-button>.button-item.focus, 
.yesno-button>.button-item.hover, 
.yesno-button>.button-item:focus, 
.yesno-button>.button-item:focus, 
.yesno-button>.button-item:hover {
    color: black;
    background-color: #dddddd;
    border-color: #5683c3;
}

/* hover actif */
.yesno-button>.button-item.active.focus, 
.yesno-button>.button-item.active:focus, 
.yesno-button>.button-item.active:hover, 
.yesno-button>.button-item:active.focus, 
.yesno-button>.button-item:active:focus, 
.yesno-button>.button-item:active:hover {
    color: white;
    background-color: #203972;
    border-color: #5683c3;
}

/* ----------------------*/
/* Radio bouton Oui/Non  */
/* ----------------------*/
.answers-list>li>label {
  margin-bottom: 0px;
}

/* ----------------------*/
/* Radio/checkbox button */
/* ----------------------*/
.radio-item, .checkbox-item, .radio-text-item, .checkbox-text-item {
    margin-bottom: 0em;
}

/* ------*/
/* liens */
/* ------*/
a {
  color: #eb6864;
  text-decoration: none;
}
a:hover, a:focus {
  color: #e22620;
  text-decoration: underline;
}
a:active, a:hover {
  outline: 0;
}

/* -----------------------------*/
/* Politique de confidentialité */
/* -----------------------------*/
.privacy {
  background-color: #EEEEEE;
  width: 90%;
  margin: 0 auto;
  text-align: center;
  font-size: small;
  margin-bottom: 10px;
}

/* ---------------------*/
/* Barre de progression */
/* ---------------------*/
.progress {
    height: 21px;
    width: 320px;
    margin-left: auto;
    margin-right: auto;
}

/* ----------------------*/
/* INPUT                 */
/* ----------------------*/

/* Numérique */
[data-number='1'] {
  text-align: left;
}

/* ----------------------*/
/* CHECKBOX              */
/* ----------------------*/
/* Define the color for Awesome Bootsrap Checkboxes ; based on bg-primary background-color*/
label::after{background-color:transparent}