:root {
    --grey: #c7c7c7;
    --blue: #3B4A5C;
    --red: #50D872;
    --lightred: #50D872;
    --lightblue: #3B4A5C;
}

.header-desktop{
	background: var(--blue);
}

.account-item > .content > a,
.account-item > .content > a:hover{
	color: #fff;
}

.account-dropdown__footer a:hover{
	background: var(--blue);
}

.menu-sidebar .logo{
	background: var(--red);
	border-right: 1px solid var(--red);
}

.menu-sidebar .logo a{
	color: #fff;
	font-size: 20px;
}

@media (max-width: 991px){
	.header-desktop {
	    height: 90px;
	}
	.header-button{
		margin: 0;
	}
}

.header-mobile .header-mobile-inner a{
	font-size: 20px;
	color: #fff;
    margin: auto;
}

.page-wrapper{
	background: var(--red);
}

.header-mobile .hamburger{
	background: var(--red);
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before{
	background: #fff;
}

.title-gr{
	text-transform: uppercase;
    color: #000;
    font-weight: 600;
    font-size: 22px;
    text-decoration: none;
}

.title-gr .title-grand{
	color: var(--blue)!important;
}

.title-gr .title-regional{
	color: var(--red)!important;
}

.btn-connexion{
	background: var(--red)!important;
}

#loading{
    background-color: rgba(81,215,114, 0.8);;
    color: var(--blue);
    font-size: 150px;
    height: auto;
    position: absolute;
    text-align: center;
    z-index: 10999;
    position: fixed;
    width: 100%;
    height: 100%;
   
}

#loading_text{
    margin-top: 50vh; 
    transform: translateY(-50%); 
}

.pagination{
    float: right;
    margin: 20px;
}

/* Pagination links */
.pagination button {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
  }
  
  /* Style the active/current link */
  .pagination button.active {
    background-color: var(--red);
    color: white;
  }
  
  /* Add a grey background color on mouse-over */
  .pagination button:hover:not(.active) {background-color: #ddd;}


    .categories-equide input[type=checkbox]{
        display: none;
    }
    /* Affichage par défaut du bouton radio personnalisé */
    .categories-equide input[type=checkbox] + label:before {
        background: #fff;
        border: 2px solid #ccc;
        margin-top: -3px;
        margin-right: 6px;
        display: inline-block;
        vertical-align: middle;
        content: '';
        width: 17px;
        height: 17px;
    }
    /* Affichage du bouton radio personnalisé quand il est sélectionné */
    .categories-equide input[type=checkbox]:checked + label:before {
        background: #3C4A5C;
        border-color: #50d872;
        box-shadow: inset 0px 0px 0px 2px #50d872;
    }
    .categories-equide .element{
        margin-bottom:14px;
        display: inline-block;
        width: 24%;
    }
    .categories-equide label{
        cursor:pointer;
    }    

.gain-disciplines{
    display: inline-block;
    padding-top: 8px;
    padding-right: 10px;
    padding-left: 10px;
}

.nombre_discipline{
    display: inline-block;
    float: left;
    width: 20px;    
    padding-top: 8px;
    padding-right: 10px;
}

.input-discipline{
    display: inline-block;
    width: 20%;         
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;        
}

.select-disciplines{
    width: 25%;
    display: inline-block!important;
}
.symbole-gains{
    display: inline-block;
    padding-bottom: 9px;
    padding-top: 9px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;  
    margin-left: -4px;
    width: 5%; 
}
.ligne{
    margin-bottom: 10px;
}


/* Page validation */



.validation-action{
    background-color: var(--blue);
    color:white;
    width:80%;
    margin:auto;
    border-radius:0;
    cursor: pointer!important;
}   

.validation-data{
    margin-top: 15px;
}

.annonce-medias{
    display:flex;
    flex-direction:column;
    overflow-y: auto;
}

.annonce-media{
    margin-bottom: 5px;
    height:150px;
    width:100%;
    object-fit:contain;
}

.annonce-data{
    border-left: var(--blue) 1px solid; 
    border-right: var(--blue) 1px solid;
    height:100%;
}

.annonce-data div{
    padding:5px;
}

.titre-annonce {
    height:10%;
}

.categorie-annonce {
    height:10%;
}

.texte-annonce-header{
    display:flex;
    align-items: center;
}
.texte-annonce-header h4,.texte-annonce-header button{
    width:50%;
}


.texte-annonce {
    height:80%;
    overflow-y: auto;
}

.user-annonces{
    margin-top:10px;
}

.user-liste-annonces{
    padding:10px 0;
    height:100%;
    overflow-y:auto;
}

.user-annonce-data{
    border-top :1px var(--blue) solid;
    display:flex;
    padding-right:15px;
    justify-content: space-between;
}

.liste-annonce-user{
    padding-bottom:40px;
}

.card-body-row{
    display:flex;
    justify-content: space-between;
}
.card-body-row h3{
    font-family:bold;
    font-size: 1rem;
}

.bootstrap-tagsinput{
    border-radius: 2px!important;
    border: 1px solid #ced4da!important;
    padding: .5rem 1rem!important;
    font-size: 1.25rem!important;
    line-height: 1.5!important;
    width: 100%!important;;
}

.bootstrap-tagsinput input{
    width:150px!important;
    font-size: 15px!important;
}

.tag{
    background: #50d872!important;
    padding: 3px!important;
    padding-right: 5px!important;
    padding-left: 5px!important;
    font-size: 13px!important;
}