body{
  margin:0;
  font-size:14px;
  font-weight:400;
  line-height:1.5;
  text-align:left;
}

h2{
  font-size:1.2rem;
}

.btn-group .badge-pill {
  width:30px;
  height:30px;
  line-height:25px;
}

/************************************************************************************************************
 ** LOADER
 ***********************************************************************************************************/

#loader{
  width:100%;
  height:100%;
  top:0;
  bottom:0;
  left:0;
  right:0;
  position:fixed;
  z-index:9999;
  text-align:center;
  padding-top:20%;
  overflow:hidden;
  display:none;
}

#loader i{
  font-size:48px;
}

#loader .waiting-text{
  font-size:48px;
}

/************************************************************************************************************
 ** SIDEBAR / TOPBAR
 ***********************************************************************************************************/

.navbar{
  border-bottom-width:1px;
  border-bottom-style:solid;
  display:block;
  width:100%;
  padding-top:0;
  padding-bottom:0;
}

@media screen and (max-width:990px) {
  .navbar,
  .navbar .row,
  .navbar .row .navbar-nav-container,
  .navbar .row .navbar-brand-container,
  .navbar .row .navbar-tools-container{
    padding-left:0;
    padding-right:0;
    margin-left:0;
    margin-right:0;
  }
}

 /** Logo **/

.navbar .navbar-brand{
  display:block;
  text-align:left;
  font-size:1.0625rem;
  line-height:inherit;
  white-space:nowrap;
  padding-top:10px;
  padding-bottom:10px;
  margin:0;
}
.navbar .navbar-brand img{
  width:80%;
  max-width:250px;
}

@media screen and (max-width:990px) {
  .navbar .navbar-brand{
    border-bottom:1px solid #DDDDDD;
    text-align:left;
  }
  .navbar .navbar-brand img{
    margin-left:10px !important;
  }
}

 /** Mon profil / Déconnexion **/

.navbar .navbar-tools-container{
  text-align:right;
  padding-top:8px;
  padding-bottom:8px;

}
.navbar .navbar-tools a{
  border-left-style:solid;
  border-left-width:1px;
  font-size:12px;
}
.navbar .navbar-tools a:first-child{
  border-left-width:0px;
}

@media screen and (max-width:990px) {
  .navbar .navbar-tools{
    margin-right:10px !important;
  }
}

 /** Navigation principale **/

.navbar .navbar-nav a{
  font-size:14px;
  font-weight:600;
  padding-left:10px !important;
  padding-right:10px !important;
  border-left-width:1px;
  border-left-style:solid;
  border-bottom-width:3px;
  border-bottom-style:solid;
}
.navbar .navbar-nav li:last-child a{
  border-right-width:1px;
  border-right-style:solid;
}
.navbar .navbar-nav a.active,
.navbar .navbar-nav li.active a,
.navbar .navbar-nav a:hover{
  font-weight:600;
}
.navbar .navbar-nav span,
.navbar .navbar-nav i{
  display:table-cell;
  vertical-align:middle;
}
.navbar .navbar-nav span{
  padding-left:5px;
  white-space:nowrap;
}
.navbar .navbar-nav i{
  width:15px;
  height:15px;
  font-size:0.9rem;
  border-radius:50%;
  text-align:center;
}
.navbar .navbar-nav .utilisateur i{
  padding:8px 9px;
}
.navbar .navbar-nav .administration i{
  padding:8px;
}
.navbar .navbar-nav .beneficiaire i{
  padding:8px 7px;
}
.navbar .navbar-nav .acces i,
.navbar .navbar-nav .parametre i{
  padding:8px 6px;
}
.navbar .navbar-nav .nav-item.disabled i{
  color:#FFFFFF;
  background:#DDDDDD;
}
.navbar .navbar-nav .nav-item.disabled a{
  color:#CCCCCC;
}

/************************************************************************************************************
 ** TITLEBAR
 ***********************************************************************************************************/

#titlebar{
  padding:20px;
}
#titlebar .documents i{
  margin-right:10px;
}

/************************************************************************************************************
 ** GLOBAL CONTAINER
 ***********************************************************************************************************/

#content{
  margin:auto;
}

/************************************************************************************************************
 ** LOGIN
 ***********************************************************************************************************/

#login-form{
  border-width:1px;
  border-style:solid;
  border-radius:5px;
  padding:30px;
}

/************************************************************************************************************
 ** OUTILS D'ADMIN
 ***********************************************************************************************************/

#options input[type="submit"]{
  margin-top:15px;
}
#options th{
  width:250px;
}
#administration td,
#administration th{
  vertical-align:middle;
}

/************************************************************************************************************
 ** RÉCAP BÉNÉFICIAIRES
 ***********************************************************************************************************/

#beneficiaires-recap th{
  font-size:10px;
  vertical-align:middle;
  text-align:center;
  padding:5px 10px;
}
#beneficiaires-recap td{
  font-size:11px;
  vertical-align:top;
  text-align:center;
}
#beneficiaires-recap td.text-left{
  text-align:left;
  vertical-align:middle;
}
#beneficiaires-recap td.status{
  width:30px;
  text-align:center;
}
#beneficiaires-recap td .btn-status{
  font-size:8px;
  width:15px;
  height:15px;
  padding:0 2px;
  margin-bottom:5px;
}
#beneficiaires-recap th.separateur,
#beneficiaires-recap td.separateur{
  border-left:2px solid #555555 !important;
}

/************************************************************************************************************
 ** FICHE BÉNÉFICIAIRE
 ***********************************************************************************************************/

#fiche-list ul{
  margin:0 auto;
}
#fiche-list a{
  font-weight:600;
  color:#2562af;
  display:flex;
  height:60px;
  align-items:center;
  justify-content:center;
}
#fiche-list a.active{
  color:#03121f;
}

#fiche-content span.read-only{
  display:block !important;
  padding-top:calc(.375rem + 1px) !important;
  padding-bottom:calc(.375rem + 1px) !important;
}
#fiche-content .card-header{
  color:#FFFFFF !important;
  text-transform:uppercase;
  font-weight:600;
  font-size:14px;
  padding-top:5px;
  padding-bottom:5px;
  cursor:pointer;
}
#fiche-content .card-header i{
  color:#BBBBBB !important;
  margin-right:10px;
}

#fiche-content .card-body .form-group{
  border-bottom:1px solid #F5F5F5;
}
#fiche-content .card-body .form-group{
  padding-top:5px;
  padding-bottom:5px;
  margin-bottom:0;
}
#fiche-content .card-body .form-group:last-child{
  border-bottom:0px solid transparent;
  padding-bottom:0px;
}

#fiche-content .card-body h1{
  font-size:1.3rem;
  color:#555555;
}
#fiche-content .card-body h2{
  font-size:1rem;
  color:#999999;
}

#fiche-content .hidden input[type='text']{
  margin-top:5px;
}

#fiche-content #q002{
  text-transform:uppercase;
}
#fiche-content #q003{
  text-transform:capitalize;
}
#fiche-content .numQuestion{
  padding-left:5px;
  padding-right:5px;
}

#fiche-sublist li a{
  color:#FFFFFF;
  font-weight:600
}
#fiche-sublist li a.active{
  background:#cc002c;
}

#titre-fiche{
  float:left;
  margin-right:15px;
}
#statut-fiche{
  padding:15px;
  margin-top:5px;
}

#fileUploader .custom-file-label{
  margin-top:35px;
}

.pieces-jointes i.ext:before{
  color:#ff1d4d !important;
  font-size:24px !important;
  margin-right:10px !important;
}

.easy-autocomplete{
  width:100% !important;
}

.accordion > .card {
  overflow: visible;
}

#devis,
#facturation,
#premier-echange,
#deuxieme-echange,
#troisieme-echange,
#documents-prealables,
#documents-fin-accompagnement {
  display: none;
}

/************************************************************************************************************
 ** MAIN CONTENT
 ***********************************************************************************************************/

.logged-out main{
  padding:50px !important;
}

/** GENERIC - FORMS **/

input:invalid {
  border-radius:3px;
}
input:focus:invalid {
  border-radius:3px;
}

.col-form-label{
  font-weight:600;
  color:#2562af;
  text-align:right;
  font-size:14px !important;
}
.col-form-label.label-accent-2{
  text-align:left;
}
.col-form-label.label-accent-2 i{
  margin-left:10px;
}
.col-form-label.sub-label{
  margin-right:15px;
}

.form-check-inline{
  margin-top: 10px;
}

.alert{
  margin:0 0 25px 0;
  padding-top:10px;
  padding-bottom:10px;
  width:100%;
}
.alert .alert-picto{
  font-size:36px;
  line-height:36px;
  width:65px;
}
.alert .alert-text ul{
  margin-bottom:0;
}
.alert .alert-text strong{
  font-weight:600;
}

.alert-secondary{
  margin-bottom:0;
}
.alert-secondary .alert-text{
  margin-top:10px;
}

.modal-body .row{
  margin-bottom:5px;
}

.custom-file-label{
  right:15px !important;
  left:15px !important;
}

/** MODALES **/

#droitsAcces .modal-body{
  padding:0;
}

/** TABLEAUX **/

.table{
	border-bottom:2px solid #DEE2E6;
	margin-top:0px !important;
  margin-bottom:0px !important;
}
.table thead th{
	border-top:0px solid transparent;
	text-transform:uppercase;
	padding-left:2em;
}
.table thead th:before{
	left:0.5em;
}
.table thead th:after{
	left:1em;
}
.table tbody td{
	vertical-align:middle;
}
.table tbody td strong{
  font-weight:600;
}
.table thead th.action,
.table tbody td.action{
	width:35px;
	padding:5px;
  text-align:right;
  vertical-align:middle;
}
.table tbody td.action .btn{
	width:35px;
}

#roles tbody tr.lvl1 td{
	font-weight:bold;
  font-style:italic;
}

#acces thead th,
#acces tbody th,
#acces tbody td{
	padding:5px 10px;
}

/** AUTRES **/

#roles_wrapper,
#utilisateurs_wrapper,
#beneficiaires_wrapper{
	width:100% !important;
}

/** FILTRES DATATABLES **/

#roles_wrapper .dataTables_filter,
#utilisateurs_wrapper .dataTables_filter,
#beneficiaires_wrapper .dataTables_filter{
  padding-right:15px;
}
#roles_wrapper .dataTables_filter label,
#utilisateurs_wrapper .dataTables_filter label,
#beneficiaires_wrapper .dataTables_filter label{
  font-weight:bold;
  width:50%;
  text-align:right;
}
#roles_wrapper .dataTables_filter input,
#utilisateurs_wrapper .dataTables_filter input,
#beneficiaires_wrapper .dataTables_filter input{
  width:70%;
}

/** PAGINATION DATATABLES **/

#roles_wrapper .pagination,
#utilisateurs_wrapper .pagination,
#beneficiaires_wrapper .pagination{
  justify-content: center;
  padding-top:15px;
  padding-bottom:15px;
}
#roles_wrapper .pagination li a,
#utilisateurs_wrapper .pagination li a,
#beneficiaires_wrapper .pagination li a{
  border-width:0px;
  border-style:solid;
  margin-left:1px;
}