/*Intégrer styles spécifiques à l'application ici*/
#app .container-fluid {
 
  padding-left: 0;
  padding-right: 0;
}

#bg-app{background:#f5f5f5;}

#app #nav.affix-top {margin-bottom:0;}

#app footer {margin:0;}

#app h2{line-height:40px;}

.page-header {margin: 16px 0 30px;padding-bottom:0;}



#app .step .well { margin-bottom: 22px;padding: 10px 10px 12px;min-height:300px;}


#app .well p {line-height: 26px;}



/* ---->>> Étape 3 <<<----*/



#app .panel.panel-primary {margin-top: 30px;}

#app  .panel-body {padding: 20px 30px 30px;}

#app .panel-group {margin-bottom: 20px;margin-top: 30px;}

#app .container.body-steps {padding: 0;}

#app .col-lg-10 {padding: 0;}

.col-header {
  background: none repeat scroll 0 0 #e6e6e6;
  border: medium none;
  color: #2c3e50;
}

  .col-header th {
  border: none;
    color: #2c3e50;
}

#accordion-table .panel-body {
  padding: 0;
}


/* ---->>> Étape 5 <<<----*/



#app .btn-etapes {display: block;margin:50px auto; margin-bottom:10px;}

.col-GR {background-color: #e6e6e6;color: #2C3E50;}
#app .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {vertical-align: middle;}


#app .table {border:none;}


#app .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th {
height: 44px;
}

#app .table > thead > tr > td.table-header-top, .table > tbody > tr > td.table-header-top, .table > tfoot > tr > td.table-header-top, .table > thead > tr > th.table-header-top, .table > tbody > tr > th.table-header-top, .table > tfoot > tr > th.table-header-top, .table > thead > tr.table-header-top > td, .table > tbody > tr.table-header-top > td, .table > tfoot > tr.table-header-top > td, .table > thead > tr.table-header-top > th, .table > tbody > tr.table-header-top > th, .table > tfoot > tr.table-header-top > th {
  background-color: #e6e6e6;
  color: #2C3E50;
  font-weight: 500;
}
 #app.table > thead > tr > td.col-white, .table > tbody > tr > td.col-white, .table > tfoot > tr > td.col-white, .table > thead > tr > th.col-white, .table > tbody > tr > th.col-white, .table > tfoot > tr > th.col-white, .table > thead > tr.col-white > td, .table > tbody > tr.col-white > td, .table > tfoot > tr.col-white > td, .table > thead > tr.col-white > th, .table > tbody > tr.col-white > th, .table > tfoot > tr.col-white > th {
  background-color: #fff;
   border:none;
}


#app #step-5 .panel-group {margin-top: 70px;}

#app .col-GR  .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td{

white-space:normal;width:40px;
}

.row-btns{margin-bottom:30px;}

/* ----------------------------------*/
/* ------>>> MEDIA QUERIES <<<-------*/
/* ---- Ordered by Mobile First -----*/



/*++++++++++++++++++++++++++++*/
/* Phone Portrait ----------- */
@media (max-width: 320px) {


}  /*MQ ends*/



/*++++++++++++++++++++++++++++*/
/* Phone Landscape ---------- */
@media (max-width: 767px) {




} /*MQ ends*/





/*++++++++++++++++++++++++++++*/
/* Tablet Portrait ---------- */



@media (min-width: 767px) {

/*#app .step .well {padding: 14px 36px 44px;margin-bottom:66px;}
#app .well p {line-height: 30px;}
#app .btn-circle-wrapper {margin:0 auto 54px}*/

#app .step .well {padding: 14px 36px 5px;margin-bottom:5px;}
#app .well p {line-height: 30px;}
#app .btn-circle-wrapper {margin:0 auto 100px}

.col-GR {width:90px;}


.container-fluid {

  padding-left: 15px;
  padding-right: 15px;
}

} /*MQ ends*/




@media (max-width: 979px) {




}

   
    
/*++++++++++++++++++++++++++++*/
/* Tablet Portrait Exceptions 

@media (min-width: 767px) and (max-width: 979px) {




 

} /*MQ ends*/




/*++++++++++++++++++++++++++++*/
/* Desktop Standard --------- */

@media (min-width: 980px)  {


}


} /*MQ ends*/




*++++++++++++++++++++++++++++*/
/* Normal Desktop Exceptions  */
@media (min-width: 992px)  and (max-width:1199px)  { 



} /*MQ ends*/




/*++++++++++++++++++++++++++++*/
/* Desktop Wide ------------- */
@media (min-width: 1200px) {




} /*MQ closes*/


/*++++++++++++++++++++++++++++*/
/* Desktop Wide ------------- */
@media (min-width: 1600px) {







} /*MQ closes*/