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

body {
    /* Margin bottom by footer height */
    margin-bottom: 40px;
    padding-top: 60px;
}

.footer {
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 100px;
    /* background-color: #f5f5f5; */
}

.navbar-fixed-top {
    background-color: #ffffff;
    border-bottom: 2px solid #f5f5f5;
}
.navbar-fixed-top .navbar-brand {
    padding: 5px 15px;
}
.navbar-collapse.in {
    border-bottom: 2px solid #000000;
}
.navbar-toggle { /* Bouton toogle navbar*/
    background-color: #000000;
}
.icon-bar {
    background-color: #ffffff;
}

.adj-margin {
    margin-left: -15px;
}
/*
.dropdown-form > li {
    padding: 0 15px;
}*/


@media (max-width: 767px) {
    .navbar-collapse .nav > .divider-vertical {
        height: 1px;
        border-top: 1px solid #ffffff;
        border-bottom: 1px solid #f2f2f2;
        margin: 9px 0;
    }
}

.alert ul {
    margin-top: 10px;
}

#login h3 {
    margin-bottom: 2em;
}

.jfTableLabel th, .jfFormLabel label{
    width: 8em;
}




textarea {
  
 border: none;
 background-color:#E0E0E0 ; 
 
  
  


}


.hide-text {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}  
 
.bg_grey1 {
 background-color:#FFFFFF;
}   

.bg_grey2 {
 background-color:#F5F5F5;
} 

.bg_grey3 {
 background-color:#e6f7ff;
} 

.bg_grey4 {
 background-color:#B0C4DE;
} 

.bg_lightgrey {
  background-color: lightgrey;    
}

.disabled {
   pointer-events: none;
   cursor: default;
}

 
.disable_link {
   pointer-events: none;
   cursor: default;
   color: #999; 
   background-color: #f5f5f5;
}


.uk-button-success_perso {
 background-color:#6ba30f;
  color: #fff;
}
/* Hover */
.uk-button-success_perso:hover,
.uk-button-success_perso:focus {
  background-color: #6ba30f;
  color: #fff;
}



.uk-button-primary_perso {
 background-color:#6eb6d1;
  color: #fff;
}
/* Hover */
.uk-button-primary_perso:hover,
.uk-button-primary_perso:focus {
  background-color: #FFFFFF;
  color: #fff;
}

.uk-button-black_perso {
  background-color: #000000;
  color: #FFFFFF;
  border-style:  groove;
  border-color: #000000;
}
.uk-button-black_perso:hover,
.uk-button-black_perso:focus {
  background-color: #FFFFFF;
  color: #00000 ;
  border-style:   #00000 ;
  border-color: #FFFFFF;
}

.uk-button-white_perso {
  background-color: #FFFFFF;
  color: #00000;
  border-style:  groove;
  border-color: #FFFFFF;
}
.uk-button-white_perso:hover,
.uk-button-white_perso:focus {
  background-color: #FFFFFF;
  color: #00000 ;
  border-style:  groove;
  border-color: #00000;
}

.uk-textarea-bg {
background-color: lightyellow;
}

.uk-row-bg {
background-color: #E6E6E6;
}

.uk-row-bg_1 {
background-color: #D8D8D8;
}

.uk-text-strike {
text-decoration: line-through;    
}

.center-hor-vert { 
width:400px;
height:200px; 
 
text-align:center; /* centrage horizontal d'un élément en-ligne */ 
vertical-align:middle;
}

.center-hor {

width:400px;
height:50px;
 
text-align:center; /* centrage horizontal */ }

.element_border {
    border-right: 1px solid red;
    background-color: lightgrey;
    padding-left: 4px;
}

.bordure_1 {
     border-width:1px; 
     border-style:solid; 
     border-color:black;
   
    
}

.bordure_1_2 {
     border-width:1px; 
     border-style:solid; 
     border-color:black;
     padding-top: 10px;
     padding-bottom: 10px;
     padding-left: 10px;
     padding-right: 10px;
}

.uk-chart-bg-1 {
background-color: #69C669;
} 
 
.uk-chart-bg-2 {
background-color: #9AE69A;
} 

.uk-chart-bg-3 {
background-color: #E8F9E8;
}  
 
 .uk-bg-white {
 background-color: white;    
 }

 .inputText-readonly {
  border-width:0px;
  border:none;
 }

.thPerso {
    font-weight: bold;
    background-color: #edeef0;
}

.persocheckbox{
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    background: white;
    border-radius: 1px;
    box-sizing: border-box;
    position: relative;
    box-sizing: content-box ;
    width: 15px;
    height: 15px;
    border-width: 0;
    transition: all .3s linear;
}
.persocheckbox:checked{
    background-color: darkslategray;

}
.persocheckbox:focus{
    outline: 0 none;
    box-shadow: none;
}



.tile {

    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 1.2rem;
   /* font-weight: bold;*/
    color: white;
}
.tile-1 {
    background-color: #007bff; /* Blue */
}
.tile-2 {
    background-color: #28a745; /* Green */
}