/* 
---- COULEURS CG ----

Bleu nuit : #27304E
Bleu clair : #5CA1E6
Rouge Cerise : #C83968
*/

html, body{
    font-family: 'SairaRegular', 'Verdana';
    font-size: 1.05em;
}

h1, h2, h3, h4,h5,h6{
    font-family: 'Sarala', 'Arial';
    margin-bottom: 0em;
}

th{
    text-align: center;
}

.clasic_link{
    color: #5CA1E6;
    text-decoration: none;
}

.clasic_link:visited{
    color: #5CA1E6;
}

.clasic_link:hover{
    color: #C83968;
}

.navbar-nav{
    font-size: 1.35em;
}

.btn-relance{
    margin-right: 5px;
    margin-left: 5px;
    padding-right: 7px;
    padding-left: 7px;    
    background-color: #5CA1E6;
    border:  0px;
    color: white;
}

.btn-relance:hover{
    background-color: #C83968;
}

.btn-relance[title]:hover::after{
    border-radius: 5px;
}

.btn-relance:disabled{
    background-color: #d9d9d9;
}


.input-button{
    background-color: transparent;
    border:  2px solid #5CA1E6;
    border-radius: 20px;
    padding: 5px 20px 5px 20px;
}

.input-button:hover{
    border:  3px solid #5CA1E6;
}

.disable-button{
    background-color: #e6e6e6;
    border:  2px solid #e6e6e6;
    border-radius: 20px;
    padding: 5px 20px 5px 20px;   
}

/*Défini la couleur de la fleche pour le sélecteur de langue*/
.dropdown-toggle::after {
        border-top-color: grey; /* Changez 'red' par la couleur de votre choix */
    }

.input-button-big{
    border:  2px solid #e6e6e6;
    border-color: #5CA1E6;
    border-radius: 40px;
    padding: 25px 40px 25px 40px;
}

.input-button-big:hover{
    border:  3px solid #5CA1E6;
}

.input-button-toolbar{
    background-color: transparent;
    border:  1px solid #989898;
    border-radius: 5px;
    padding: 5px 15px 5px 15px;
    margin-right: 5px;    
}

.input-button-toolbar:hover:enabled{
    background-color: #e6e6e6;
}

.bg-image{
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-image: url('../img/home/BRAIN.jpg');
  height: 75vh;
}

.img-disabledUser{
    border:  1px solid #989898;
    border-radius: 5px;
    padding: 5px 20px 5px 20px;
    margin-left: 15px;
}

.img-disabledUser:hover{
    border: 1px solid #C83968;
    box-shadow: 0px 3px 6px #C83968
}

.img-disabledUser:active{
    border: 1px solid #C83968;
    background-color: #C83968;
    box-shadow: none;
}

.img-disabledUserActif{
    border:  1px solid #C83968;
    background-color: #C83968;
    border-radius: 5px;
    padding: 5px 20px 5px 20px;
    margin-left: 15px;
}

.img-disabledUserActif:hover{
    background-color: transparent;
    border: 1px solid #989898;
    box-shadow: 0px 3px 6px #989898;
}

.img-disabledUserActif:active{
    border: 1px solid #989898;
    background-color: transparent;
    box-shadow: none;
}

.nav-link:hover{
    color: #5CA1E6;
}

.titre_home{
    color: white; 
    font-size: 2.5em;
    font-family: 'SaralaBold', 'Arial';
}

.bg_rougeOpaque{
    background-color: #C83968;
    opacity: 0.8;
}

.div_home_outil{
    background-color: white;
    border: 0px solid black;
    border-radius: 20px;
    box-shadow: 12px 12px 2px 1px rgba(192, 192, 192, 1.0);
    height: 400px;
    width: 300px;
}

.radio_MP8{
    width: 1.01em;
    height: 1.01em;
    vertical-align: middle;
}

#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
}

#loader {
  border: 16px solid #f3f3f3;
  border-top: 16px solid #3498db;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/**************************** Page statistiquesRapports.php *******************************/

 /* Style de base de la liste à puces */
ul.accordion {
    list-style: none;
    padding: 0;
}

ul.accordion li {
    margin: 10px 0;
}

/* Style des éléments dépliables */
ul.accordion .toggle {
    font-family: 'Times New Roman';
    display: inline-block;
    width: 24px;
    height: 24px;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    border: 1px solid #ccc;
    margin-right: 5px;
}

ul.accordion .inner {
    display: none;
    list-style-type:none;
}

/* Style des éléments rétractés */
    ul.accordion li.collapsed .inner {
    display: none;
}

/* Style des éléments dépliés */
    ul.accordion li.expanded .inner {
    display: block;
}


/**************************** TYPO *******************************/

/* Police Sarala */

@font-face{
    font-family: 'SaralaRegular';
    src: url('Police/Sarala/Sarala-Regular.ttf');
}
@font-face{
    font-family: 'SaralaBold';
    src: url('Police/Sarala/Sarala-Bold.ttf');
}

/* Police Saira Condensed */

@font-face {
    font-family: 'SairaBlack';
    src: url('Police/Saira Condensed/SairaCondensed-Black.ttf');
}
@font-face {
    font-family: 'SairaBold';
    src: url('Police/Saira Condensed/SairaCondensed-Bold.ttf');
}
@font-face {
    font-family: 'SairaExtraBold';
    src: url('Police/Saira Condensed/SairaCondensed-ExtraBold.ttf');
}
@font-face {
    font-family: 'SairaExtraLight';
    src: url('Police/Saira Condensed/SairaCondensed-ExtraLight.ttf');
}
@font-face {
    font-family: 'SairaLight';
    src: url('Police/Saira Condensed/SairaCondensed-Light.ttf');
}
@font-face {
    font-family: 'SairaMedium';
    src: url('Police/Saira Condensed/SairaCondensed-Medium.ttf');
}
@font-face {
    font-family: 'SairaRegular';
    src: url('Police/Saira Condensed/SairaCondensed-Regular.ttf');
}
@font-face {
    font-family: 'SairaSemiBold';
    src: url('Police/Saira Condensed/SairaCondensed-SemiBold.ttf');
}
@font-face {
    font-family: 'SairaThin';
    src: url('Police/Saira Condensed/SairaCondensed-Thin.ttf');
}