.calendrier_sport_new {
		overflow: auto;
	}
input[type=submit]{
  -webkit-appearance: none;
  border-radius: 0;
}
.barSAReponsive {
	display: none;
	font-size: 26px;
	color: #1F1F28;
	width: auto;
	padding: 1vmin;
	box-sizing: border-box;
	float: left;
	position: fixed;
	top: 75px;
	left: 5px;
	z-index: 100;
}

.close-article:nth-child(odd) {
	display: none;
}

	
/* RESPONSIVE */
@media (max-width: 1370px){
    form.todolist {
        height: 400px;
    }
    .monCompte .listClub{
    margin-left: 0.45vw;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    }
    .monCompte .compte{
        font-size: 1em;
    }
    .ui-state-default p.reservation {
            color: #444;
            display: none;
    } 
    .listing_dirigeant .radio-tuto div.input_search_listing_text {
            width: 70px;
    } 
    .ranking .last {
    width: calc(50% - 3px);
    }
    .ranking .borderRight {
    width: 20%;
    }
    .encart_offre_membre {
    width: calc(50% - 90px);
    }
    .form_encart_offre_membre form input[type="text"], .form_encart_offre_membre form input[type="number"] {
    width: calc(100% - 20px) !important;
    }
    .form_encart_offre_membre form input.expire {
    width: calc(50% - 35px) !important;
    margin-right: 10px;
    }
    .form_encart_offre_membre .entour_coord_membre {
    width: calc(70% - 40px);
    left: 15%;
    }
    .encart_credit_membre {
    width: calc(30% - 15px);
    }
    .achat_seance ul.infos_achats {
            width:calc(100% - 20px)
    }

    .popup_modif {
            min-width: 60%;
            max-width: 60%;
            min-height: 80%;
            max-height: 80%;
    }

        
}
@media (max-width: 1280px){
    .membre .offre {
        width: calc(30% - 10px);
    }
    
    .participants_membres {
        width: 100%;
    }
}

@media (max-width: 1210px){
	.ui-state-default p.reservation {
		color: #444;
		display: none;
	} 
	.listing_dirigeant .radio-tuto div.input_search_listing_text {
		width: 70px;
	} 
	.ranking .last {
    	width: calc(50% - 3px);
	}
	.ranking .borderRight {
    	width: 20%;
	}
	body.membre .popup_crea_partie {
		width: calc(80% - 60px);
		left: 10%;
	}
	.popup_modif {
		min-width: 50%;
		max-width: 50%;
		min-height: 60%;
		max-height: 60%;
	}
        
         .cProgress-bar-container {
            width: 95%;
        }

}
	
/*resolution ipad mini*/
@media (max-width: 1024px){
        .monCompte .listClub{
            margin-left: 0.45vw;
            display: grid;
            grid-template-columns: 1fr 1fr;
        }
        .monCompte .compte{
            font-size: 1.2em;
        }
        .membre p.mon_equipe span {
            width: calc(100% - 40px);
        }
	.promo_pub .promotion {
    	min-height: 300px;
	}
	.content {
		width: calc(100% - 85px);
		width: -webkit-calc(100% - 85px);
		margin-left: 75px;
	}
	.ui-state-default p.reservation {
		color: #444;
		display: none;
	}
	.ui-accordion .ui-accordion-content {
		height: 200px !important;
    }
	.calendrier_sport_new .entour_joueur p {
    	font-size: 10px !important;
	}
	tr.tranche_horaires td {
            font-size: 14px;
            min-width: 200px;
	}
	.parties {
		width: 100%;
		margin-left: 0;
	}
	#affiche_listing .col25 {
		width:50%;
	}
	.popup_modif {
    	min-width: 90%;
		max-width: 90%;
		width: 90%;
		left: 5% !important;
	}
        
        .cProgress-bar-container {
            width: 100%;
        }
        .cProgress-bar-container .player-pay span {
            font-size: 12px;
        }
	.ranking .bgorange p, .ranking .borderOrange p {
		font-size:12px;
	}
        .content {
            width: 88%; 
            box-sizing: border-box;
            margin-bottom: 10vh !important;
        }
        .content.new_listing {
            width: 88%; 
            box-sizing: border-box;
            margin-bottom: 10vh !important;
        }
        
       
        .content:not(.needMoreMarge) {
            margin-bottom: 70px !important;
        }
        .content.menu_evenement:not(.needMoreMarge){
            margin-bottom: 135px !important;
        }
        /*****************HEADER****************/
        form.filtre_header input[type="text"] {
            padding: 5%;
        }
        form.filtre_header{
             width:30%;
        }
        .menuHeader .links {
            left: calc(210px + 33%);
        }
        /*****************PLANNING**************/
        .calendrier_sport_new table.first tr.tranche_horaires td.sport,
        .calendrier_sport_new table.first tr.tranche_horaires td.horaires {
            font-size: 13px;
            width: 10%;
        }
        .planning_body #form_sport {
            min-height: 4vh;
        }
        .calendrier_sport_new table.first {
            width: auto;
        }
        
        .evenement .filtres:not(.mobile_filter) {
            top: 15px;
          }
          
          .ajout_offre_admin, .ajout_reduc_admin {
              width: 100%;
              margin-left: unset;
              gap:unset;
          }
          
          .content.content_offre_abo {
              padding: unset;
          }
          
        .alert100 {
            margin-left: 2.5% !important;
            width: 95% !important;
        }
        
        .new_popup.popup_add_pay_session .content {
            top: 45%;
            left : 48%;
        }

		.closeGalleryPopupBtn {
			color: #000;
		}

		#image-pool-popup {
			margin-top:2.5em;
		}

}
@media (max-width: 1400px){
	/*lisitng dirigeant*/
	.colext_avatar_listing{
		width:50%;
	}
        .popup_sup_content {
            width: 35%;
        }
        #payment-form-container-sub-multi form {
            width: 100%!important;
        }
}
@media (max-width: 1300px){
	/*mon compte*/
	p.rank_p_compte {
    	width: calc(100% - 20px);
	}
	.rating_mon_compte {
    	margin-left: 20px;
	}
	span.jplus {
		width: 200px;

	}
	span.jplus_first {
		margin-left: calc(50% - 400px);
	}
	/*listing*/
	a.filtre_sex_listing {
		margin-bottom: 20px;
	}
	.listing_gestion_club p.reservation {
    	width: 40%;
    	overflow: hidden;
	}
	.encadrementFormulaireInfo input.input_special_taille {
    	width: 180px;
	}
        .popup_sup_content {
            width: 40%;
        }
}
@media (max-width: 1024px){
    
        .popup_sup_content {
            width: 45%;
        }
	.menuHeader .links {
		display:none;
	}
/*	.barSAReponsive {
		display: block;
	}*/
	.menuLfet:not(.menuCommercial) {
		height: 100vh;
		overflow-y: scroll;
		pointer-events: none;
		background: rgba(0, 0, 0, 0);
		width: 100vw;
		z-index: 100;
		transition: 0.2s;
	}
	.menuSAReponsive {
		width: 200px;
		background: #fff;
		display: inline-block;
		position: fixed;
		top: 0;
		left: -200px;
		height: 100vh;
		transition: 0.2s;
	}
        
        .margeChangeEspace {
            margin-top: 2em;
        }
	.menuLfet.open {
		pointer-events: initial;
		background: rgba(0, 0, 0, 0.5);
		transition: 0.2s;
	}
	.menuLfet.open .menuSAReponsive {
		left: 0;
		transition: 0.2s;
	}
        
          .event-btn-container {
            margin-left: 2.5% !important;
            width: 90%;
        }
        
        .event-btn-container.admin-btn {
            width: 99%;
        }
        .event-btn-container a,
        .event-btn-container i{
            margin-left: 2.5% !important;
          
        }
        
        .new_popup.popup-form .content{
            top: 25%;
            left : 48%;
        }
        
        .radio-inline {
            display: inline-flex;
            float: unset;
        }
        .radio-inline > .col50 {
           width: 20%;
        }
}

@media (max-width: 988px) {
	.gallery-container .left-panel, .gallery-container .right-panel {
		width: 100%;
	}
	.gallery-container .btn-container {
		width: 100%!important;
	}
	.gallery-container .btn-container div {
		width: 100%!important;
	}
}


@media (max-width: 980px){
	.menuSAReponsive h1 {
		margin: 100px 0; 
		margin-top: 15px;
	}
	.encadrementFormulaireInfo .ajout_onglet {
		width: 100%;
		margin-left: 0;
	}
	
	img.TopLeftForm {
		display: none;
	}
	.adminSport {
		display: none;
	}
	.form_modif_club .btn_annul_form,
	.encadrementFormulaireInfo input[type="submit"], 
	.listing_gestion_club input[type="submit"] {
		margin-top: 20px;
	}
	p.thisIs {
		margin-left: 0;
	}
	.encadrementFormulaireInfo .http_url,
	.encadrementFormulaireInfo .end_url {
		padding: 10.5px 4px;
	}
	.colD {
		width: 100%;
	}
	.col70 {
		width: 100%;
	}
	.form_modif_club input {
		width: 100%;
	}
	.responsiveBR {
		display: block;
	}
	.evenement p.bloc_evenement, .evenement a.bloc_evenement {
		width: 100%;
		height: auto;
	}
	
	.marginBtnSolo_2 {
		margin-top: 20px;
	}
	.evenement .encadrementFormulaireInfo p.infos,
	.evenement .encadrementFormulaireInfo .infos_sponsor,
	.evenement .encadrementFormulaireInfo .action {
		width: 100%;
	}

	/*** > Tableau de bord ***/
	.col90Auto {
		width: 100%;
		margin-left: 0;
	}
	.relative table {
		width: 100%;
		margin-left: 0;
	}
	/*** < ***/

	/*** > Création de partie ***/
	.listing_crea_parties .auround_jplus {
		display: initial;
		max-width: 100%;
	}
	.listing_crea_parties span.jplusbis, 
	.listing_crea_parties .btn_moment {
		margin: 0 10px !important;
		font-size: 14px !important;
		width: max-content;
	}
	/*** < ***/

	/*** > Listing joueur ***/
	.new_popup .content .contain .bloc_fiche.bloc_50 {
		width: 100%;
		margin-left: 0;
		box-sizing: border-box;
	}
	.new_popup .content {
		top: 2vh;
		left: 5vw;
		width: 90vw!important;
	}

	.new_popup .content#content-fiche-joueur, 
        .popup_tag_mgmt .content{
		left: 0;		
	}
        
        .date_blacklist .alert-info  .newform100 {
            display: flex;
        }
        
        .new_popup .content .contain .bloc_fiche .col .line.spaceBetween p {
            max-width: 100%!important;
        }

        .info_dir .new_popup .content {
		left: 0!important;
	}
	.new_popup .content .contain {
		max-height: 90vh;
	}
	.newform100 .wrap-input50 {
		width: 100%;
	}
	.newform100 .wrap-input20 {
		width: 40%;
		box-sizing: border-box;
	}
	.newform100 .wrap-input80 {
		width: 58%;
		box-sizing: border-box;
	}
	.new_popup .content .contain .onglets, .ongletsCoach {
		display: inline-block;
                max-width: 90%;
	}
        .show-small-device {
            display: inline-block;
        }
        
	.new_popup .content .contain .onglets div, .ongletsCoach div  {
		display: initial;
		box-sizing: border-box;
		float: left;
	}
	.new_popup .content .contain .onglet, .ongletCoach {
		padding: 15px 10px!important;
		width: 33.33%!important;
		box-sizing: border-box;
		float: left;
	}
	.new_popup .content .actions_joueurs {
		width: 100%!important;
		margin-bottom: 15px;
	}
	.new_popup .content .contain .bloc_fiche {
		display: flex;
                flex-direction: column;
		width: 100%;
		box-sizing: border-box;
	}
        
        #content-fiche-joueur h2 {
            display: flex!important;
        }
	.new_popup .content .contain .bloc_fiche .col {
		width: 100%;
		box-sizing: border-box;
	}
	.new_listing .etiquette {
		margin-left: 10px;
		width: max-content;
	}
	.new_popup .content .contain .bloc_fiche .col .line p {
		width: max-content;
	}
	.new_popup .content .contain .bloc_fiche .col .line .newform100 {
		width: 100%;
		margin: 10px 0;
	}
	.new_popup .content .contain .bloc_fiche .col .line.spaceBetween {
		display: block;
		width: 100%;
	}
	.new_popup .content .contain .bloc_fiche .col .date_blacklist p {
		width: 100%;
	}
        
        .encadrementFormulaireInfo input[type="submit"] {
            margin-right: unset;
        }
	/*** < ***/

	/*** > Pubs et partenaires ***/
	form .col30,
	form .col40,
	form .col60 { 
		width: 100%;
	} 
	form.ajouter_joueur input, .sessionTel {
		width: 100%!important;		
	}
	form.ajouter_joueur input.euro {
		width: 90%!important;		
	}
	.selected_ajouter_sport {
		width: 100%;
		height: 40px;
		margin-left: 0;
	}
	.selected_ajouter_sport select {
		width: 110%;
		height: 35px;
		background: #fff url(https://www.gestion-sports.com/img/elements/fleche-select.png) no-repeat 90%;
	}
	.radio-tuto div {
		margin: 0;	
	}
	form.modif_court_admin {
		width: 100%;
		margin-left: 0;
	}
	.paiement_cb_dirigeant_left {
		width: 100%;
		margin-left: 0;
		margin-top: 15px;
	}
	.paiement_cb_dirigeant_right, .offer-card {
		width: 100%;
	}
	.formule_dirigeant {
		width: 100%;
		margin-left: 0;
		box-sizing: border-box;
	}
	span.input_euro {
		padding: 10px 0;
	}
	form input:not(.toggle-all):not(.h40), .page_paiments_form form label {
		width: 100%;
		box-sizing: border-box;
	}
	#addPaymentFromSession input {
		width: unset;
		box-sizing: border-box;
	}
	p.noMargeForm {
		margin-left: 0;
	}
        
        .sport-select-container {
            margin-left: unset!important;
             flex-direction: column; 
        }
	.popup_ajout_offre_credits select, 
	.popup_ajout_abo select {
		width: 100%;
		margin-top: 20px;
		margin-left: 0;
	}
	button, a.pay_stripe {
		width: 100%;
		margin-top: 20px;
		height: 36px;
	}
	.paiement_in_out {
		width: 100%;
		margin: 20px 0 !important;
	}
	.content h2 i {
		margin-left: 10px;
	}
	.promo_pub .promotion {
		width: calc(100% - 42px);
		min-height: initial;
	}
	.encadrementFormulaireInfo input, 
	.listing_gestion_club input, 
	.encadrementFormulaireInfo textarea {
		height: 40px;
	}
	.input_credits{
		line-height: 244%;
	}
	.container_prix{
		flex-direction: column;
	}
	.popup_bibliotheque .cadre { 
		width: 90%;
		left: 5%;
	}
	.ce_pub .ac-container article p, 
	.pub_court .ac-container article p, 
	.pub_site .ac-container article p,
        .stage-content .ac-container article p {
		width: 100%;
		box-sizing: border-box;
	}
	.ac-container input:checked ~ article.ac-medium {
		height: initial;
	}
	.comite_entreprise .centre_form_ajouter_sport {
		width: 100%;
		margin-left: 0;
	}
	/*** < ***/
	
	.membre .entour_infos_evenement{
		display: grid;
		width: 100%;
		grid-template-columns: 100%;
	}
	.jouer_sport a.param_change_sport {
		width: 50%;
		margin-left: 25%;
		box-sizing: border-box;
	}
	a.btn_invite_ami, a.btn_infos_regles {
		width:90%;
		margin-left:5%;
		margin-top:0px;
		margin-bottom:10px;
		box-sizing: border-box;
		text-align:center;
	}
	select.btn_bleu_in_out{
		width:90%;
		margin-left:5%;
		text-align:center !important;
		margin-top:0px;
		margin-bottom:10px;
		font-size:14px !important;
	}
	body.membre .overlay_partner {
		background: rgba(0, 0, 0, 0);
		z-index: 10;
	}
	body.membre .popup_crea_partie input[type="submit"] {
		width: 35%;
		float: right;
		margin-right: 0;
	}
	body.membre .popup_crea_partie button.send_reserv_partie, body.membre .popup_crea_partie button.send_incription_partie {
		width: 100%;
	}
	body.membre .popup_crea_partie input[type="text"] {
		padding: 5px;
		width: calc(59% - 10px);
		height: 20px;
		float: left;
		margin-top:20px;
	}
	body.membre .popup_creation_tournoi .cadre {
    	top: 1%;
    	left: 1%;
    	width: calc(98% - 30px);
    	height: calc(98% - 30px);
    	overflow: scroll;
	}
	.form_encart_offre_membre .entour_coord_membre {
    	width: calc(90% - 40px);
    	left: 5%;
	}
	body.membre p.attention_partenaire {
		width:calc(100% - 20px);
		text-align:center; 
		margin-left:0;
	}
	body.membre p.attention_partenaire img {
		display:none;
	}
	.pubs_partenaires p.bloc_pub {
            margin-left: 1px;
            margin-right: 1px;
            width: calc(50% - 2px);
        }
	/*ranking*/
	.ranking .bgorange p {
		font-size: 11px;
	}
	.select_genre_listing {
    	width: 100%;
		margin-top:20px!important;
    	margin-left: 0!important;
	}
	a.filtre_sex_listing {
		float:left;
	}
	.ranking .borderOrange p {
		font-size: 12px;
	}
	.ranking .borderRight{
		width:20%;
	}
	.ranking .last p {
    	margin-top:-8px;
	}
	.ranking .rating2_2 a {
    	margin-top: 5px;
	}
	.ranking .floatRight {
    	margin-top: 6px;
	}
	.ranking .rating2_2 a{
		font-size: 13px;
	}
	.encadrementFormulaireInfo .rating2_2 a{
		font-size: 16px;
	}
	/*listing*/
	p.thisIsFlottant {
		margin-left: 0;
		font-size: 12px;
	}
	.formText, .popup-container-sport {
		margin-left: 0;
		
	}
        
        .popup-form .fileuploader {
            margin-left: 0!important;
        }
	.centre_form_ajouter_sport {
		width: 100%;
		margin-left: 0;
	}
        
        .encadrement_popup .centre_form_ajouter_sport {
            width: 100%;
        }
	.ajouter_joueur .radio-tuto {
		margin-left: 0;
	}
	.colext_avatar_listing {
		width: 70%;
	}
	form.form_recherche_partenaire_creneau p {
		margin-top: 10px;
	}
	.clear_responsive {
		clear:both;
		width:100%;
	}
	input.input_search_listing_fois {
		margin-top: 8px;
	}
	.listing_dirigeant .radio-tuto div.input_search_listing_text {
		margin-top: 5px !important;
		margin-bottom: 10px !important;
	}
	/*planning*/
	.infos_crea_parties .rating_cp_dirigeant {
    	width: 250px;
    	margin-left: calc(50% - 150px);
		margin-left: -webkit-calc(50% - 150px);
		margin-left: -moz-calc(50% - 150px);
		margin-left: -o-calc(50% - 150px);
	}

	span.jplus {
		width: 150px;
		font-size: 12px;
	}
	span.jplus_first {
		margin-left: calc(50% - 300px);
	}
	.content h2 span {
		font-size: 20px;
	}
	.cadreInfo h3 {
		font-size: 14px;
	}
	#menu li a {
		padding: 10px 20px;
		text-align: left !important;
	}
	img.logoClub {
		margin-left: 80px;
	}
	p.horaires_crea_parties {
		margin-left: 0;
		text-align: center;
		width: 100% !important;
	}
	.parties_membre a.btn_retire_partie,
	a.btn_confirm_partie,
        a.btn_sollicite_partie{
		margin-left: calc(50% - 70px);
		margin-top: 5px;
	}
        
        .parties_membre a.btn_retire_partie{
            width:99%;
            margin:0 0.5%;
            box-sizing: border-box;
        }
        a.btn_confirm_partie,
        a.btn_sollicite_partie{
			margin: 5px 0.5%;
			width:49%;
			float:left;
			box-sizing:border-box;
			font-size:14px;
	}
        .vire_moi_ca_en_responsive{
            display:none;
        }

	/*MEMBRE*/
	.membre .bloc {
    	width: 50%;
	}
	.membre .prio_logo_club {
		width: calc(48% - 2px);
	}
	.membre .content {
   		width: 97%;
    	padding: 0 1.5%;
	}
	.icone_temps, .icone_loupe, .icone_sablier, .icone_info, .icone_squash, .icone_coupe, .icone_run, .icone_jo, .icone_balle, .icone_padel {
	    margin-left: 45%;
	} 
	.membre .offre {
            width: 70%;
            margin-left: 15%;
            margin-bottom: 2vh;
	}
	.col50 {
    	width: 100%;
	}
	.col50_1_orange {
    	width: calc(100% - 1px);
	}
	.col80 {
    	width: 100%;
	}
	.col20resa {
    	width: 40%;
	}
	.membre .alert_abonnement img {
    	width: 4%;
    	margin-left: 48%;
	}
	.col25compte {
		width: 48%;
		margin-bottom: 20px;
	}
	.content_inscription {
    	width: 96%;
    	margin-left: 2%;
	}
	.formulaire_inscription {
    	width: 80%;
    	margin-left: 10%;
	}
	.cadre_inscription input {
    	width: 100%;
	}
	.ui-widget.ui-widget-content {
    	width: 40%;
	}
	form[name="form_avatar"] p {
    	text-align: left;
	}
	.change_avatar {
    	width: 80px;
    	height: 80px;
    	margin-left: 30px;
    	margin-bottom: 10px;
	}
	/*creation de partie dirigeant*/
	.infos_crea_parties {
    	width: 100%;
    	margin-bottom: 20px;
	}
	.personnes_dans_la_parties {
	    width: 100%;
	}
	.encadrementFormulaireInfo input.remonte3px[type="submit"] {
    	margin-left: 0;
    	width: 100%;
    	margin-top: 20px;
	}
        /*****************PLANNING**************/
        .calendrier_sport_new table.first tr.tranche_horaires td.sport, .calendrier_sport_new table.first tr.tranche_horaires td.horaires {
            font-size: 12px;
            min-width: 80px;
        }
        .calendrier_sport_new table.first tr.tranche_horaires td.court {
            font-size: 10px;
            min-width: 80px;
        }
        .change_resa_css{
            width: 48%;
            left: 1%;
            top: 1px;
            height: 25px;
            
        }
        .calendrier_sport_new .supprim_reservation {
            right: 1%;
            top: 1px;
            width: 48%;
            height: 25px;
        }
        .calendrier_sport_new tr.tranche_horaires td.dispo .court {
            padding-top:25px;
        }
        .calendrier_sport_new .entour_joueur p {
            font-size: 8px !important;
        }
        .popup_modif_planning {
            width: 100%;
            top: 0;
            left: 0;
            box-sizing: border-box;
        }
        .popup_olivier {
            width: 100%;
            margin-left: 0;
        }
        .popup_olivier {
            width: 100;
            left: 0%;
            top: 0;
        }
/*        .popup_olivier a.second {
            margin-left: 25%;
            width: 50%;
            margin-top: 20px;
        }*/
/*        .popup_olivier a.first {
            margin-left: 25%;
            width: 50%;
        }*/
        
/*        .popup_olivier a.annuler {
            margin-left: 25%;
            width: 50%;
        }*/
        
        input.modif_resa {
            width: 85%;
            margin-left: 5%;
        }
        .popup_modif_planning p.question {
            float: left;
            width: 45%;
            margin-left: 5%;
        }
        .popup_modif_planning select.infos_resa,
        .popup_modif_planning input[name="conso"]{
            width:40%;
		}
		.menuHeader .links {
            display:none;
        }
        
        .entour_legende_planning  article.close-article,
        .close-btn-legend.close-article,
        .legend-toggle.open-article {
            display: none;
        }

        .clear-footer-planning {
            display: none;
        }
        .legend-toggle.close-article {
             height: 30px;  
        }
        
        .close-btn-legend.open-article,
        .legend-toggle.close-article{
            flex-direction: column;
            justify-content: center;
            align-items: center;  
        }
        
        .legend-toggle.close-article, 
        .close-btn-legend.open-article, 
        .entour_legende_planning article.open-article{
            display: flex;
            color: #fff;
            padding: 0.5em;
            cursor: pointer;
            transition: all 2.5s ease-out;
            font-size: 10px;
        }
        
        .entour_legende_planning .legende_planning {
           font-size: 10px; 
        }
        
        .popup-supp-btn-container a:last-of-type {
            margin-bottom: 1.5em!important;
        }
        .popup-supp-btn-container a {
            width: unset;
            margin-top: 1rem;
            margin: unset!important;
            width: 90%;
        }
        
        .popup-supp-btn-container {
            margin: unset!important;
            justify-content: center;
            align-items: center;
            width: 100%!important;
            gap: 1em;
        }
        
        .popup_sup_content {
            width: 45%;
        }
        
        .subscription-pe {
            flex-direction: column-reverse;
        }
        .sub-infos-container {
            width: 100%;
        }

		.branding-container.flex-container {
			padding: unset!important;
		}

		#onglet-list-menu li {
			width: 100%;
		}




}
@media (max-width : 768px) {
 .popup-resa-btn-left, .popup-resa-btn-right {
        width: 100%;
    }
    
    .popup-resa-btn-left {
       padding-bottom: 0.2em;
       border-bottom: 1px solid #ddd;
    }
    .popup-resa-btn-right {
       padding-top: 1em;
      
    }

	.drop-slot .actions {
		flex-direction: column;
		gap: 6px;
	}
	.lightbox-arrow {
		display: none !important;
	}
	.lightbox-overlay {
		touch-action: pan-y; /* bloque le scroll horizontal natif */
	}
	.upload_biblio_image_form .btn-container {
		width: 100%;
	}
}



@media (max-width : 760px) {
     .action-btn-per-player {
            width: 100%;
            display: flex;
            justify-content: end;
        }

        .session-member-container-pay i {
            float: unset;
        }

        .create-pe-steps .alert {
            width: 100%;
        }

        .subscription-pe, #submit-sub-multi {
            width: 100%!important;
        }
}


@media (max-width: 750px){
    
        .monCompte .compte{
            font-size: 1.25m;
        }
	table.dataTable.display tbody tr td.actions i {
		height: auto;
		width: 100%;
	}
       	.evenement .encadrementFormulaireInfo a.btn_evenement {
		width: 100%;
		box-sizing: border-box;
		font-size: 14px;
	}
	.evenement h4 {
		margin-top: 60px;
	}
	.new_tableau .line {
		grid-template-columns: initial;
		grid-template-rows: 50% 50%;
	}
    .content h2, #text_aqui{
        font-size: 13px;
        padding: 5px 2%;
    }
   
    .membre .popup_crea_partie {
        width: 100%;
        left: 0;
        box-sizing: border-box;
    }
	.avatar_profil {
    width: 100px;
    height: 100px;
    margin-left: 0;
    margin-top: 20px;
	}
	.membre .fileuploader {
    margin-left: 20px;
    margin-top: 45px;
	}
	body.membre .popup_crea_partie {
    width: calc(95% - 60px);
    left: 2.5%;
    top: 50px;
	}
	body.membre .popup_creation_tournoi .cadre ul li {
	    width: calc(100% - 20px);
	}
	body.membre .popup_creation_tournoi .cadre form .label_radio {
    	width: 100%;
    	margin-left: 0;
	}
	body.membre .popup_creation_tournoi .cadre form input[type="submit"] {
    	width: 100%;
		margin-left:0;
	}
	body.membre .popup_creation_tournoi .cadre form table td.name {
    	width: 60px;
	}
	body.membre .popup_creation_tournoi .cadre form table tr.super_tie_break td {
    	width: 200px;
	}
	.ligne_classement p.first{
		width:60%;
		text-align:left;
	}
	.ligne_classement p.cache_tel{
		display:none;
	}
	.ligne_classement p.first span{
		float:right;
		width:80%;
	}
	select[name="quelle_partie_du_tournoi"] {
		width: 80%;
		text-align: center;
		margin-left: 10%;
	
	}
	.ligne_match p.team span{
		float:left;
		width:100%;
		text-align:left;
	}
	
	.membre input[type="text"], .membre input[type="password"], .membre input[type="email"], .membre input[type="number"], .membre input[type="telephone"] 	{
		background: #FFF;
		width: calc(100% - 4px);
		border: 2px solid #fff;
		float: left;
	}
	.membre textarea {
		background: #FFF;
		width: calc(100% - 4px);
		border: 2px solid #fff;
		float: left;
		height: 100px;
	}
	.membre h3 span {
		font-size: 26px;
	}
	.mes_reservations a.btnresa_cours {
		float: left;
		margin-bottom: 10px;
		width: 150px;
		text-align: center;
		margin-left: calc(50% - 85px);
	}
	p.indic_resa {
		font-size:12px;
	}
	p.rank_p_compte {
		width: 100%;
		margin: 0 !important;
		text-align: left;
	}
	.rating_mon_compte {
		margin-left: 20px;
	}
	.my_rank_in_my_compte {
		margin-top: 10px;
		padding-top: 10px;
	}
	form[name="form_avatar"] p {
		text-align: center;
		margin-left: 0 !important;
	}
	.change_avatar {
		width: 80px;
		height: 80px;
		margin-left: calc(50% - 40px);
		margin-bottom: 10px;
	}
	.ohne_border{
		border:0 !important
	}
	h3.ajuste_titre_mon_compte{
		margin-top: 0 !important;
	}
	#popup_facebook .popup-inner {
		background: #fff;
		width: calc(90% - 20px);
	}
	#popup_facebook .popup-inner p.title_popup_facebook, #popup_facebook .popup-inner p {
		font-size: 12px;
	}
	.namming_pub .ac-container article p {
    	float: left;
		width: 100%;
		box-sizing: border-box;
	}
	.radio-tuto .bibliotheque, .bibliotheque {
		width: 30%;
		min-height: 210px;
	}
	/*listing*/
	.ui-state-default p.telephone {
		display:none;
	}
	.listing_gestion_club p.nom {
    	width: 50%;
	}
	.colext_avatar_listing {
		width: 100%;
	}
	.rank_listing {
		width: 100%;
		float: left;
	}
	.col25 {
		width: 50%;
		float: left;
	}
	.membre .liste_session, .membre p.txt_evenement span.place_restante, .membre a.btn_inscription{
		width: 100%;
		float: left;
		box-sizing:border-box;
		margin-left:0;
		margin-right:0;
	}
	.membre .partenaires img, body.inscription .partenaires img {
		width:25px;
	}
	/*planning*/
	p.thisIs {
		margin-left: 0;
	}
	span.jplus {
		display:none;
	}
	.relative table p {
		font-size: 10px;
	}
	input.input_type_p {
    	font-size: 10px;
	}
	.relative table {
		width: 100%;
		margin-left: 0;
	}
	.membre .bloc p {
		font-size: 11.5px;
	}
	
	/*.membre .bloc {
    	width: 100%;
    	margin: 10px 0;
	}
	.membre .partenaires img, .membre .partenaires_bottom img {
    	width: 8%;
	}
	.membre .alert_abonnement {
	    margin-left: 0;
    }*/
	.col25compte {
    	width: 100%;
		border:0;
		border-top:1px #444 solid;
		padding-top:10px;
	}
	.col20resa {
    	width: 49%;
	}
	.icone_temps, .icone_loupe, .icone_sablier, .icone_info, .icone_squash, .icone_coupe, .icone_run, .icone_jo, .icone_balle, .icone_padel {
	    margin-left: 47%;
	}
	.membre .offre {
    	width: 40%;
    	margin-right: 3%;
	}
	.col30, .col20, .col70, .col35, .col40, .col90, .col60 {
    	width: 100%;
	}
	.membre .selected_ajouter_sport select {
    	width: 110%;
	}
	.membre .selected_ajouter_sport {
	    width: 75%;
	}
	.membre h3 {
		border:none;
		margin-bottom:10px;
		text-align:center;
		width:100%
	}
	.disparait_en_mobile{
		display:none;
	}
	.apparait_en_mobile{
		display:block;
	}
	.btn_mdf_monccompte{
		margin-left:calc(50% - 40px);
	}
	.btn_changepass_monccompte {
		margin-left: calc(50% - 110px);
		background: none !important;
		margin-top: 10px !important;
		color: #f60 !important;
		font-size: 12px !important;
		
	}
	h4.titreabo {
		text-align: left;
		margin: 0 !important;
		font-size: 16px !important;
		color: #6b6b89 !important;
		border-top: 1px solid #444;
		padding-top: 10px;
	}
	.membre h3 span {
    	line-height: 35px;
		padding: 0;
	}
	.col33_1_orange {
    	width: calc(50% - 1px);
	}
	h3.popover-title {
    	font-size: 14px;
		line-height: 1;
	}
	.content_inscription {
    	width: 98%;
    	margin-left: 1%;
	}
	.formulaire_inscription {
    	width: 90%;
    	margin-left: 5%;
	}
	.cadre_inscription p.indications {
    	margin-bottom: 10px;
	}
	.planning_dirigeant a.choix_sport_planning, .listing_crea_parties a.choix_sport_planning {
		width: 50%;
		margin-left: 25%;
		margin-bottom: 10px;
	}
	.planning_dirigeant form.choisir_date, .listing_crea_parties form.choisir_date {
		margin-left: calc(50% - 20px);
	}
	span.jplusbis {
		font-size: 12px;
		width: 60px;
		height: 60px;
		margin: 10px 35px;
	}
	.planningScrol h4 {
    	font-size: 24px;
	}
	/*creneau*/
	.reserver_un_court .colonne_creneau { 
    	width: 100%;
    	margin-right: 0%;
	}  
	.membre .offre {
            width: calc(90% - 10px);
            margin-left: 5%;
            margin-bottom: 5vh;
	}
	.membre a.back, .membre a.back:active, .membre a.back:visited {
		width: 100%;
		height: 27px;
		color: #F60;
		margin-left: 0;
		left: 0;
		top: 0;
		margin-top: 0;
		text-align: center;
		padding: 10px 0px;
		background-color: rgba(255, 255, 255, 0.9);
		border-bottom: 1px #bbb solid;
	}
	.parties_membre .personnes_dans_la_parties {
    	width: 100%;
	}
	.bloc_avatar {
   	width: 50%;
   	margin-bottom: 20px;
		height: 125px;
	}
	span.jplusbis {
		margin-left: calc(25% - 30px);
		margin-right: calc(25% - 30px);
		margin-bottom: 5px;
	}
	.entour_jplusbis {
    	float: left;
    	width: 100%;
		margin-left:0;
	}
	.listing_crea_parties .rating_cp_dirigeant {
    	width: 200px;
    	margin-left: calc(50% - 100px);
	}
	.encadrementFormulaireInfo input.input_special_taille {
    	width: 80%;
    	margin-left: 0;
	}
	#affiche_listing .col25 {
    	width: 100%;
	}
	.pubs_partenaires p.bloc_pub {
    	width: 97%;
	}
        
        .ac-container article {
            display: flex;
            flex-direction: column;
        }

	.ce_pub .ac-container article p, 
        .pub_court .ac-container article p, 
        .pub_site .ac-container article p,
        .stage-content .ac-container article p {
    	width: 100%;
	}
	.ranking .col40-3{
		width: calc(80% - 3px);
	}
	.encart_offre_membre {
    	width: 100%;
		margin-right:0;
		margin-top: 20px;
	}
	.encart_credit_membre {
    	width: calc(50% - 20px);
	}
        /********************************PLANNING*******************/
        
        h3.page_adminSport , fieldset.margin_top{
            margin-top:0;
        }
        .radio-tuto h4 {
            margin-left: 0;
            font-size: 12px;
            margin: 0;
        }
        p.annotation{
            margin:0;
        }
        #reservation form .col30{
            width:50%;
        }
        #reservation .radio-tuto div {
            margin: 10px 0px;
            margin-top: 0;
            margin: 2px 0;
        }
        #reservation p.thisIs,
        #reservation .encadrementFormulaireInfo input {
            margin:0;
        }
        .adminSport{
            display:none;
        }
        span.dirigeant {
            margin-top: 25px;
            font-size: 7px;
        }
        p.chope_motif {
            width: 100%;
            text-align: center;
            font-size: 8px !important;
            color:#000 !important;
        }
        .calendrier_sport_new tr.tranche_horaires td.dispo .court{
            min-height: 150px;
        }
        p.conso {
            top: 42px;
            right: 0;
        }
        p.conso span{
            display:none;
        }
        .calendrier_sport_new .entour_joueur {
            margin-top: 20px;
        }
        .calendrier_sport_new .entour_joueur p span.btn_voir_fiche_joueur {
            display:flex;
        }
        .evenement .encadrementFormulaireInfo h2 i {
            top:0;
        }
        
        .popup_sup_content {
            width: 50%;
        }


        .new_listing .btn.btn-msg_tdb {
            width : 100%!important;
        }
        .flex-content-filters .filter-container, .flex-content-filters {
            flex-wrap : wrap
        }


        .dashboard-dir .filter-container select, .filter-container {
            width: 100%!important;
            max-width: 100%!important;
        }
}
@media (max-width: 650px){
	.avatar_profil {
    margin-left: calc(50% - 40px);
	}
	.membre .fileuploader {
    margin-left: 0;
    margin-top: 20px;
    width: 100%;
	}
	.membre .fileuploader-theme-onebutton .fileuploader-input {
		width: 100%;
		float: left;
	}
	.membre .fileuploader-input-button {
		width: 100%;
	}
	.ranking .col40-3 {
    	width: calc(100% - 3px);
	}
	.ranking .borderRight {
    	width: calc(100% - 2px);
	}
	.qui_suis_je .mon_ranking_star {
		float: left;
		width: 70%;
	}
	.notifications .show_notif p.title i {
		display: block;
	}
	.notifications {
		right: 15px;
		width: auto;
	}
	.notifications .show_notif {
		width: 100%;
		position: fixed;
		top: 0;
		height: 100%;
		max-height: 100%;
	}
	body.membre p.attention_partenaire {
    	font-size: 12px;
	}
	body.membre p.mon_equipe span {
    width: calc(100% - 40px);
    padding: 7px 15px;
  }
  body.membre .popup_crea_partie { 
	    width: 100%;
		left: 0;
		top: 50px;
		height: calc(100% - 60px);
		max-height: calc(100% - 60px);
		box-sizing: border-box;
	}
        .limitContainer {
            width: 100%;
        }
        
        .cProgress-bar-container {
            width: 100%;
        }
        .session-member-container {
            width: 100%;
        }
        
        .action-btn-per-player {
            margin-top: 1em;
        }
        
        .popup_sup_content {
            width: 55%;
        }
        .product-el {
            width: 100%;
        }
      

}




@media (max-width: 550px){
	.liste_menu article p {
		width: 100%;
		min-height: auto;
		box-sizing: border-box;
	}
	.restaurant table {
		margin-left: 0;
		width: 100%;
	}
	.part_membre .logo_partenaires, .part_connexion .logo_partenaires {
		width: 100%;
		margin: 15px 0;
		box-sizing: border-box;
	}
	.pubs_partenaires h4, .chiffres_stats h4 {
		margin-top: 40px;
		margin-bottom: 0;
	}
	.new_popup .content .contain .bloc_fiche .col .line {
		display: inline-block;
	}
	.new_popup .content .contain .bloc_fiche .col p {
		margin: 0;
		width: 100%;
	}
	.newform100 .wrap-input20,
	.newform100 .wrap-input80,
        .actAsLabel20, .actAsLabel40{
		width: 100%;
	}
        .actAsLabel20, .actAsLabel40{
		margin-bottom: unset;
	}
	.newform100 .control {
		margin-right: 10px;
	}
	.new_popup .content .contain .onglet {
		width: 50% !important;
	}
	.new_listing .actions_joueurs {
		width: 100%;
		display: flex;
                flex-wrap: wrap;
	}
	table.dataTable.display tbody tr td.actions i {
		margin-bottom: 5px;
	}
	.new_listing .btn {
		margin-bottom: 5px;
	}
        .playersResa .btn {
            margin-bottom: unset!important;
        } 
	a.btnbleu {
		margin-top: 25px;
/*		width: max-content;*/
/*		margin-left: calc(35px + 1%) !important;*/
                text-align: center;
	}
        
        .new_listing  .date_blacklist .alert-info .btn.submit_blacklist {
            margin-bottom: 0!important;
        }
        
        #ui-datepicker-div {
            left:15px!important;
        }
        
        .a.noPrint {
                margin-left: 1px!important;
        }
	.evenement p.bloc_evenement, 
	.evenement a.bloc_evenement {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		margin-top: 5px;
	}
	.radio-tuto .bibliotheque, 
	.bibliotheque {
		width: 100%;
		min-height: auto;
	}
	.encadrementFormulaireInfo input[type="submit"], .listing_gestion_club input[type="submit"] {
		margin-top: 15px;
	}
	.pubs_partenaires a.retour {
		margin-top: 0;
	}
	.evenement .selected_reserver_court select {
		background: #fff url(https://www.gestion-sports.com/img/elements/fleche-select.png) no-repeat 80%;
		width: 115%;
	}
	.dataTables_wrapper {
		width: 100%;
		overflow-x: scroll;
	}
	.tab_listing {
		width: 100%;
		overflow: scroll;
	}
	
	.fiche_popup {
		top: 5% !important;
		width: 90% !important;
		left: 5% !important;
                height:550px!important;
	}
	a.supprimer_liste {
		margin-top: 15px;
	}
	.centre_form_ajouter_sport .no_fiche {
		margin-left: 0 !important;
	}
	.entour_creneau p.nav_date_partie {
	    margin-right: 5px;
	    width: calc(50% - 35px);
	    text-align: center;
	    margin-bottom: 5px;
	}
	.form_encart_offre_membre .entour_coord_membre {
    	width: calc(95% - 40px);
    	left: 2.5%;
	}
	.form_encart_offre_membre .entour_coord_membre a.btn_change_cb {
    	width: calc(100% - 20px);
	}
	p.personne_crea_partie {
		color: #fff;
		text-transform:capitalize;
		font-size: 11px;
	}
	.bloc_avatar .rating_no_change {
		font-size: 12px;
	}
	.bloc_avatar .rating_2 .paire, .bloc_avatar .rating_no_change .paire {
		margin-right: 3px;
	}
	.parties_membre .personnes_dans_la_parties .rating_cp_dirigeant {
		margin-left: calc(50% - 110px);
	}
	.promo_pub .promotion {
    	width: calc(100% - 42px);
	}
	.promo_pub .no-actu {
    	width: 100%;
	}
	.col33_1_orange { 
    	width: calc(100% - 1px);
	}
	.formulaire_inscription {
    	width: 100%;
    	margin-left: 0;
	}
	.ui-widget.ui-widget-content {
    	width: 90%;
	}
	/*.bloc_avatar {
    	width: 100%;
	}*/
	.qui_suis_je p.ranking_star {
		width: auto;
	}
	.qui_suis_je .rating_no_change {
    	font-size: 10px;
	}
	.qui_suis_je {
   	width: 100%;
   	margin-bottom: 15px;
	}
	.qui_suis_je p {
   	 margin-left: 10px;
	}
	.profil {
		width: 50px;
		height: 50px;
	}
	.encart_credit_membre {
    	width: calc(80% - 10px);
		margin-left: 5%;
		border-left: 0;
		border-bottom: 5px solid #FEA347;
		padding-bottom: 15px;
		padding-left: 5px;
	}
	.entour_creneau p.nav_date_partie {
    width: calc(50% - 35px);
    padding: 10px 15px;
	}

    #info-invoice-pe-modif, .new_listing .btn.modifInfoAdminBtn, .new_listing .btn.modifPassword {
        width: 100%!important;
        margin:unset!important;
    }
    .new_listing .btn.modifInfoAdminBtn {
        margin-top : 1em!important;
    }

}
        
     

@media (max-width: 450px){
	form.form_creation_tournoi .alert {
		width: 100%;
		margin-left: 0;
	}
	.affiche_date input[type=time] {
		width: 100%;
		height: 4vh;
	}
	.popup_creation_tournoi .cadre form input[type="submit"] {
		width: 100%;
		margin-left: 0;
	}
	body.creation_tournois a.telecharger {
		box-sizing: border-box;
		width: 100%;
	}
	.popup_creation_tournoi .cadre {
		left: 5%;
		width: calc(90% - 30px);
	}
	.popup_creation_tournoi .cadre ul li {
		width: 100%;
	}
	a.event_associe {
		width: 100%;
		display: inline-block;
		box-sizing: border-box;
	}
	form.form_creation_tournoi .label_radio {
		width: 100%;
	}
	form.form_creation_tournoi a.btn_ajout {
		width: 100%;
	}
	.show_hide_datetime_poule {
		width: 100%!important;
	}
	.form_ajout_evenement .entour_creation .delete_fa {
		top: -10px;
	}
	.entour_infos_param_tournoi a.supprimer {
		width: 100%;
		box-sizing: border-box;
	}
	.popup_modif {
		min-height: 80%;
		max-height: 80%;
	}
	.membre .partenaires img, .membre .partenaires_bottom img {
		width: 12%;
	}
	.membre .alert_abonnement img {
    	width: 8%;
    	margin-left: 46%;
	}
	.icone_temps, .icone_loupe, .icone_sablier, .icone_info,  .icone_squash, .icone_coupe, .icone_run, .icone_jo, .icone_balle, .icone_padel {
    	margin-left: 43%;
	}
	.formulaire_inscription h4 {
	    font-size: 26px;
	}
	form.form_recherche_partenaire_creneau p {
    	width: 100%;
	}
	.btn-primary:not(.flex .btn-primary):not(.openmutlicreneau-btn):not(.add_creneau):not(.addPaymentFromResa):not(#access-connected-account) {
		margin-left: 18% !important;
	}
	.btn {
		width: 20% !important;
	}
        .content {
            margin-left: 50px;
			width:85%;
			margin-bottom: 10vh !important;
        }
       
        /**************MENU*******************/
        #menu li a {
            padding: 10px;
            text-align: left !important;
        }
        
        /***************HEADER****************/
        .menuHeader .newform100 {
            width:100px;
        }
        form.filtre_header input[type="text"] {
            padding: 7%;
        }
        form.filtre_header {
            left: calc(110px + 1%);
            width:50%
        }
        .around_logo{
            display:none;
        }
        .menuHeader .links_action {
            right: 2vmin;
        }
        .menuHeader .current_user, .menuHeader .question_menu {
            margin-right: 0;
        }
        
        .menuHeader .rs {
            margin-right: 5px;
            font-size: 20px;
        }
        /***************PLANNING****************/
       
        .planning_body span.jplusbis, .planning_body .btn_moment {
            margin: 0 5px !important;
            line-height: 1;
        }
        .planning_body span.jplusbis, .planning_body .btn_moment {
            font-size: 13px !important;
        }
        .planning_body .auround_jmoment {
            flex-wrap: wrap;
            justify-content: center;
        }
        .planning_body .btn_moment {
            font-size: 11px !important;
        }
        .btn_moment_journee {
            padding: 10px 0;
        }
        .btn_moment {
            padding: 5px 0px;
        }
        .entour_legende_planning,
        .evenement .entour_legende_planning{
            width: 100%;
            padding: 5px 0;
            padding-left: 0;
            bottom:70px;
        }
        
      
        .planning_body .planning_dirigeant a.choix_sport_planning {
            padding: 10px !important;
        }
        
        #modalModifSession .modal-footer button{
            width: 100%!important;
            margin:unset!important;
        }
        #modalModifSession .modal-footer {
            gap:1.5em;
            flex-direction: column-reverse;
        }
        #modal_session .popupSessionPlanning  button {
            width: 45%!important;
            margin-right: unset!important;
            margin-left: unset!important;     
        }
        #modal_session .space-around {
            justify-content: space-around!important;
        }
        .event-btn-container a {
            width: 100%
        }
        
        .popup_sup_content {
            width: 60%;
        }
        .horairesOptionsCreneau {
            flex-direction: row;
            width: 100%;
        }
        
        .creneau-line.creneau-collapse {
            justify-content: space-between;
            padding: 1em 0.5em;
            gap: 1em;
            border-bottom: 2px solid #fff;
        } 
        .creneau-line.creneau-collapse select {
           width: 48%;
        } 
        
        .creneau.checkCreneauId {
            width:100%;
        }
        
        .horaires-container {
            margin-top: 1em;
            margin-bottom: 1em;
        }
        
        .modal button.btn.btn-primary.add_creneau {
            width: 100%!important;
            height: 26px;
           
        }
        
        .info-badge-modal {
            margin-left: unset!important;
        }
		.gallery-container.container {
			padding-left: unset;
			padding-right: unset;
		}

		.date-session-element {
			width: 100%!important;
		}
		.inline-date-session-input.wrapped {
			justify-content: center;
			flex-wrap: wrap;
		}
	.inline-date-session-input.wrapped select {
		width: 100%!important;
	}



}
@media (max-width: 400px){
	body.membre .popup_creation_tournoi .cadre form .btn_ajout {
		float: left;
		width: calc(100% - 20px);
		margin-bottom: 2px;
	}
	body.membre .popup_creation_tournoi .cadre form table {
    	min-width: 310px;
		margin-right: 10px;
	}
	body.membre .popup_creation_tournoi .cadre form table td.score {
    	width: 28px;
    	min-width: 28px;
	}
	.popup_creation_tournoi .cadre form .btn_ajout p {
    	width: 100%;
    	text-align: right;
	}
	body.membre .popup_crea_partie {
            left: 0;
            top: 50px;
	}
        
        .date_blacklist .alert-info  .validate-input {
            width: 100%!important;
        }
        .new_listing  .date_blacklist .alert-info .btn.submit_blacklist {
            margin-top: 1em;
            margin-bottom: 0!important;
        }
        .date_blacklist .alert-info  .newform100 {
            justify-content: end;
        }
        
        .switchContainer {
            padding-right: 0.5em;
        }
        
      
        
     
      
      
       
}

  @media  (max-width: 1409px) and (min-width: 980px)  {
            .date_blacklist .alert-info  .validate-input {
                width: 100%!important;
            }
            .new_listing  .date_blacklist .alert-info .btn.submit_blacklist {
                margin-top: 1em;
                margin-bottom: 0!important;
            }
            .date_blacklist .alert-info  .newform100 {

                justify-content: end;
            }
            
            
            .popup_sup_content {
                    width: 95%;
                }

            
        }