.header_space{
  height: 100px; 
}

.header_space_mobile{
  height: 50px; 
}


html{
    position:relative;
    min-height: 100%;
}

body{
	background-color: #FAFAFA;
	color:#404040;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

html, body.HomePage{
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

body.HomePage.full-dark{
    background-color: black;
}

.icon_viewability{
    color: #CED4DA;
    fill: currentColor;
}

.logo_small{
  height:35px;
}

#toast-container > div {
    opacity:0.95 !important; 
}

#toast-container{
    padding-top: 10px;
}


.dropdown-menu-large {
    min-width: 20rem;
}
.dropdown-border-top{
    border-top:  1px solid #E9ECEF;
}

.info_perso {
    background-color: #EDF2FA;
}

a{
  color:inherit;
}

.bleu{
  color: #007bff;
}


a.info_perso:hover{
    background-color: #E5EAF2;
}

.background_white{
    background-color: white;
}

a.background_white:hover{
    background-color: #F8F9FA;
}

.dropdown-notifications-background {
    background-color: #F8F9FA;
}

.dropdown-notifications-bottom {
    background-color: #F8F9FA;
    font-weight: bold;
    text-align: center;
}

.dropdown-item .span_notif_dropdown{
    white-space: normal;
    font-size:85%;
}

a.notification_page{
    text-decoration: none;
    color: inherit;
}

.lien_gris{
    color: #B4B4B4;
    font-style: italic;
    fill: currentColor;
}

.{
    background-color: #EDF2FA;
}

.comment_form_margin .form-group{
    margin-bottom: 0;
}


a.lien_gris:hover{
    color:#A0A0A0;
    fill: currentColor;
}

.size_normal{
    font-size: 10px;
}

pretty{
    font-size:25px;
}

/*fix for pretty checkbox lib*/
.pretty {
    white-space: normal;
}
.pretty .state label::after, .pretty .state label::before
{
    top:-2px;
}

.comment_writter{
    color:#385898;   
    font-weight: bold; 
}


.big-checkbox{
    width: 30px;
    height: 30px;
}

.commentaire{
    background-color:#EBEBEB;
    padding: 2px 9px 3px 9px;
    border-radius: 15px;
}

.comment_form{
    background-color:#F5F5F5;
    padding: 2px 9px 3px 9px;
    margin:5px 0 0 0;
    border-radius: 15px;   
}


.noborder{
	border:0 0 0 0;
	background-color:transparent;
}

.border-thick{
    border-style: solid;
    border-width: 0px 0px 0px 3px;
    border-color:#A0A0A0;

    min-height: 10px;
}

.footer-custom {
    background-color:white;
    border-top:2px solid #EEEEEE;
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 55px;
}

/* change the background color */
.navbar-custom {
    background-color:white;
    border-bottom:2px solid #EEEEEE;
}
/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
 
}
/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    color: #404040;
}
/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:focus .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #808080;
}



.navbar-brand img {
    width:auto;
    max-height: 50px;
}

/*pagination*/
.pagination_custom .page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #404040;
  /*background-color: #D8EBEB;*/
  border: 1px solid #DFDFDF;
}
.pagination_custom .page-item.disabled .page-link {
  color: #868e96;
  pointer-events: none;
  cursor: auto;
  background-color: #CEFFCE;
  border-color: #DFDFDF;
}
.pagination_custom .page-item.active .page-link {
  z-index: 1;
  color: #404040;
  background-color: #fff;
  border-color: #404040;
}
.pagination_custom .page-link:focus, .page-link:hover {
  color: #fff;
  text-decoration: none;
  background-color: #404040;
  border-color: #404040;
}