/*BODY*/
body{
	/*font-family: 'Poppins', sans-serif;*/
	font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
	color:#333;
	font-size: 16px;
	font-weight: normal;
}
.wrap{
	margin:0px;
	padding:5px;
	height:100vh;
	background-color:#fafafa;
}

body {
-ms-overflow-style: none; /* for Internet Explorer, Edge */
scrollbar-width: none; /* for Firefox */
overflow-y: scroll; 
}

body::-webkit-scrollbar {
display: none; /* for Chrome, Safari, and Opera */
}

*{
    font-size: 16px;
} 


 @media only screen and (min-width:768px){
            
            .forum_desk_left{
                                    max-height:80vh;overflow-y:auto;
                                  }
            .mobile_foot,.mobi{
                display:none;
                visibility:hidden;
            }
            .wrap{
                background-color:#f4f4f4;/*height:100vh;*/
            }
            #get_pub{
                /*height:70vh;*/overflow-y:auto;
            }
            #main{
                background-color:#fafafa;border-radius:0px;
            }
            #button:focus{
				outline:none;
				box-shadow:none;
			}
			textarea{
			    white-space : pre; 
			}
			 
			.titre{
				background-color:#266ced;
				color:#fff;
				padding:7px;
				border-radius:5px;
				margin-bottom:10px;
				border:none;
			}
			#submit{
				background-color:#266ced;
				color:#fff;
				border:none;
				border-radius:5px;
			}
			 
			.tools_contenu{
				padding:10px 0px;margin:10px 0px;
			}

        }

        @media only screen and (max-width:768px){
            .complement_foot_desk,#desk{
                display:none;
                visibility:hidden;
            }
            .wrap{
                background-color:#fff; 
                padding:0px;
            }
            #main{
                background-color:#fafafa; 
            }
            
             .offcanva-nega{
                                                                                    margin-top:-50px;
                                                                                  }
             
        }

		#chargement {
          border: 2px solid #f3f3f3;
		  border-radius: 50%;
		  border-top: 2px solid #266ced;
		  border-bottom: 2px solid #266ced;
		  width: 30px;
		  height: 30px;
		  -webkit-animation: spin 2s linear infinite;
		  animation: spin 2s linear infinite;
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          margin: auto;
        }

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

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



/*LIKES*/

.nopush{
	color:#e3e3e3;
  }

  .push{
	color:#266ced;
  }

 /*BUTTONS*/

 .ro-btn{
 	border:none;
 	border-radius:5px;
 	box-shadow: none;
 	padding:10px 5px;
 	margin:5px 0px;
 	background-color:inherit;
 	color:#333;
 	width: 100%;
 	transition:0.2s;
 	font-size:14px;
 }

	 /* Styles pour les écrans plus petits (par exemple, les appareils mobiles) */
	@media (max-width: 768px) {
	    .ro-btn {
	        padding: 10px 5px; /* Ajustez la taille du padding selon vos besoins */
	        font-size: 12px; /* Ajustez la taille de la police selon vos besoins */
	    }
	}


 .ro-btn:focus{
 	box-shadow: none;
 	outline: none;
 }

.ro-btn-blue{
	background-color: #266ced;
	color:#fff;
}

.ro-btn-white{
	background-color:#fff;
	border:1px solid #fff;
	color:#333;
}

.ro-btn-light{
	background-color:#f3f3f3;
	border:1px solid #f3f3f3;
	color:#333;
}

.ro-btn-bordered-light{
	background-color:transparent;
	border:1px solid #f3f3f3;
	color:#333;
}

.ro-btn-blue span{
	 
	color:#fff;
}

/*SCROLLBAR*/

 			.custom-scrollbar {
			  max-height: 100vh;
			  overflow-y: auto;
			  /* Permet de cacher le corps de la barre de défilement */
			  scrollbar-width: none; /* Pour Firefox */
			  -ms-overflow-style: none; /* Pour Edge et IE */
			   cursor:pointer;
			   padding-right:10px;
			}

			.custom-scrollbar::-webkit-scrollbar {
			  /* Cacher la barre de défilement pour Chrome, Safari et Opéra */
			  width: 8px;
			  background-color: transparent;
			}

			/* Styles pour les boutons de défilement */
			.custom-scrollbar::-webkit-scrollbar-button {
			  display: none;
			}

			/* Styles pour les coins de la barre de défilement */
			.custom-scrollbar::-webkit-scrollbar-corner {
			  background-color: transparent;
			}

			/* Styles pour la poignée (thumb) de la barre de défilement */
			.custom-scrollbar::-webkit-scrollbar-thumb {
			  background-color: #e3e3e3; /* Couleur de la poignée */
			 
			  border-radius: 5px; /* Bordures arrondies de la poignée */
			}



/*INPUT*/

.form{
	margin:10px 0px;
	border:1px solid #e3e3e3;
	background-color: #fff;
	padding: 10px;
}

.form div{
	margin:10px 0px;
}


.form-control, .form-select{
	box-shadow: none;
	border:1px solid #f3f3f3;
	border-radius:5px;
	margin:5px 0px;
	font-size:12px;
	color:#333;
	padding: 10px 5px;
	background-color: transparent;
	 
}

/* Styles pour les écrans plus petits (par exemple, les appareils mobiles) */
@media (max-width: 768px) {
    .form-control,
    .form-select {
        font-size: 12px; /* Ajustez la taille de la police selon vos besoins */
        padding: 10px 5px; /* Ajustez le padding selon vos besoins */
        
    }
}


.form-control:focus, .form-select:focus{
	background-color:transparent;
	border:1px solid #f3f3f3;
	box-shadow: none;
	outline: none;
}

/*TOOLS CATEGORIE*/

.menuTools{
	background-color:#fff;
	padding:12px 5px;
	border-radius:5px;
	margin:7px 5px;
	color:#000;
	display:flex;
    cursor:pointer;
    border: 1px solid #f3f3f3;
    align-items: center;
    transition: 0.2s;
    /*width: 200px;*/
    /*justify-content: space-between;*/
    border: none;
}

#menu_plus div div {
    background-color: #fff;
    padding: 5px 5px;
    border-radius: 5px;
    margin: 5px 0px;
    display: flex;
    cursor: pointer;
    align-items: center;
}

#menu_plus img{
	width: 30;
	height: 30;
}

#menu_plus col-6{
	padding:0px;
}

.menuTools:hover, .ro-btn-noblue:hover, .ro-btn-noblue1:hover{
	background-color: #f3f3f3;
}

.menuTools div img{
	width:30px;
	height:30px;
			
}

textarea{
	white-space : pre-wrap; 
}

 
   
.btn-close:focus{
	box-shadow:none;
	border:none;
}


/*NAVIGATION*/
		#ul_nav{
			paddind-left:2rem;
		}

		#ul_nav li{
			list-style:none;
			font-size:18px;
			margin:0px 0px;
			padding: 0px 8px;
			font-weight: 300;
			color: #999;
		}
		
		
		#ul_nav li i{
			margin-right:22px;
			color:#266ced;
			 padding:9px;
			font-size: 16px;
			border-radius: 5px;
			/*background-color:#e9e9e9;*/

			
		}
		#ul_nav li span{
			color:#333;
			/*text-decoration:none;*/
			 
		}
		

		#ul_nav li{
			 transition:0.2s;
		}
		
		#ul_nav li{
			 padding:7px;
			 border-radius:10px;
			 cursor:pointer;
		}
		
		#ul_nav li:hover{
			background-color:#f3f3f3;
            color:#000;
			
		}

		/*SEARCH BAR*/

		#search_text{
		 	border:none;
			padding:10px;
			border-top:1px solid #f3f3f3;
			border-bottom:1px solid #f3f3f3;
			width:100%;
		}
		
		#search_text:focus{
			outline:none;
			box-shadow:none;
		}