/* variables */
:root {
    --card_header_color: 77,93,109;
    --card_header_background_color: 255,255,255;
    --card_body_color: 77,93,109;
    --card_body_background_color: 255,255,255;
    --card_footer_color: 77,93,109;
    --card_footer_background_color: 255,255,255;

/*    --card_header_color: #4D5D6D;
    --card_header_background_color: #ffffff;
    --card_body_color: #4D5D6D;
    --card_body_background_color: #ffffff;
    --card_footer_color: #4D5D6D;
    --card_footer_background_color: #ffffff;*/
    /*--card_color: #a0c7ee;*/
}
/* fin variables */



.btn_atelier {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: #dbd7d2;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    /*margin-left: 35%;*/
    margin-top: 5px;
    cursor: pointer;
}
.nodisplay{display:none;}
.required:before {content:" *"; color: red;}
/* avertissement */
#jr_message_activite { padding: 20px; background-color: #f44336; color: white; opacity: 1; transition: opacity 0.6s; margin-bottom: 15px;}
#jr_message_activite.success {background-color: #04AA6D;}
#jr_message_activite.info {background-color: #2196F3;}
#jr_message_activite.warning {background-color: #ff9800;}
#jr_message_activite.alert {background-color: #ff0000;}
.jr_closebtn { margin-left: 15px; color: white; font-weight: bold; float: right; font-size: 22px; line-height: 20px; cursor: pointer; transition: 0.3s;}
.jr_closebtn:hover {color: black;}
/* fin avertissement */

/* carte évènement */
.jr_card_evenement.style_1 {border: 2px solid rgb(227 222 222); border-radius: 4px; box-shadow: 2px 5px 19px 0px rgb(0 0 0 / 30%);padding: 15px;}
.jr_card_evenement.style_1 .jr_card_menu {display: grid; grid-template-columns: 1fr 8fr 1fr; text-align: center;}
/*.jr_card_evenement.style_1 .jr_card_menu.modele {display: grid; padding: 5px;  grid-template-columns: 1fr 1fr 7fr 1fr; text-align: center;}*/
.jr_card_evenement.style_1 .jr_card_menu div:last-child{text-align:right;}
.jr_card_evenement.style_1 .jr_card_menu i{cursor: pointer;}
.jr_card_evenement.style_1 .jr_card_menu_icone{display: grid; padding: 10px;  grid-template-columns: 1fr 1fr 1fr;column-gap: 10px;}
.jr_card_evenement.style_1 .activite_supprime {text-align: center;}
.jr_card_evenement.style_1 .header .jr_inscriptions_lbl, .jr_card_evenement.style_1 .header .titre_lbl {text-align: center; background-color: #dbd7d2;}
.jr_card_evenement.style_1 .jr_inscriptions_btn {cursor:pointer;}
.jr_card_evenement.style_1 .header .jr_inscriptions_btn {background-color:rgb(var(--card_header_color));}
.jr_card_evenement.style_1 .body .jr_inscriptions_btn {background-color:rgb(var(--card_body_color));}
.jr_card_evenement.style_1 .footer .jr_inscriptions_btn {background-color:rgb(var(--card_footer_color));}

.jr_card_evenement.style_1 .jr_activite_inscriptions_liste, .jr_card_evenement.style_1 .sujet_lbl {min-height: 50px;padding: 5px;}
.jr_card_evenement.style_1 .titre {text-align: center; font-size: 20px;}
.jr_card_evenement.style_1 .date {text-align: center;font-size: 2rem; font-weight: 600;}
.jr_card_evenement.style_1 .header .date {color:rgb(var(--card_header_color));}
.jr_card_evenement.style_1 .body .date {color:rgb(var(--card_body_color));}
.jr_card_evenement.style_1 .footer .date {color:rgb(var(--card_footer_color));}
.jr_card_evenement.style_1 .jr_participation_encart {border-style: solid; border-width: 2px; border-color: #dbd7d2; border-radius: 10px; margin-bottom: 10px;}
/*.jr_card_evenement.style_1 .body{ padding: 5px;padding-left: 15px; padding-right: 15px;}*/
.jr_card_evenement.style_1 .infos {margin-bottom: 30px; margin-top: 20px;}
.jr_card_evenement.style_1 .header hr {height:5px; background-color:rgb(var(--card_header_color));border-color:rgb(var(--card_header_color));margin: 0;}
.jr_card_evenement.style_1 .body hr {height:5px; background-color:rgb(var(--card_body_color));border-color:rgb(var(--card_body_color));margin: 0;}
.jr_card_evenement.style_1 .footer hr {height:5px; background-color:rgb(var(--card_footer_color));border-color:rgb(var(--card_footer_color));margin: 0;}
.jr_card_evenement.style_1 .participations/*, .jr_card_evenement.style_1 .saisie_avec_titre*/ {padding: 5px;}
.jr_card_evenement.style_1 .participation, .jr_card_evenement.style_1 .saisie_avec_titre { display: grid; grid-template-columns: 1fr; padding: 5px;border: 2px solid rgb(227 222 222); border-radius: 4px;margin-bottom: 15px;}
.jr_card_evenement.style_1 .jr_inscriptions_lbl, .jr_card_evenement.style_1 .titre_lbl{font-weight:600;background-color:rgb(var(--card_body_color), 0.32);}
.jr_card_evenement.style_1 .participation_saisie, .jr_card_evenement.style_1 .header_titre {text-align: center;}

.jr_card_evenement.style_1 .icone {text-align: center;font-size: 1.5rem;}
.jr_card_evenement.style_1 .header .icone {color:rgb(var(--card_header_color));}
.jr_card_evenement.style_1 .body .icone {color:rgb(var(--card_body_color));}
.jr_card_evenement.style_1 .footer .icone {color:rgb(var(--card_footer_color));}
.jr_card_evenement.style_1 .texte {min-height: 50px;}
/*.jr_card_evenement.style_1 .sous_titre {font-weight: 700;}
.jr_card_evenement.style_1 .info_1 {text-align: center;font-weight: 600;}
.jr_card_evenement.style_1 .info_2 {text-align: center;font-weight: 600;}*/

/* fin carte évènement */

/* carte modèle évènement */
.jr_modeles_evenements .jr_card_evenement { background-color: #ebe9e3;}
/* fin carte modèle évènement */

/* saisies évènement */
.jr_saisies{ display: grid; grid-template-columns: repeat(auto-fit,minmax(290px,1fr));column-gap: 30px; row-gap: 30px;margin-bottom: 30px; margin-top: 20px;}
/*.jr_saisies .params{border: 1px solid #dddddd;}*/
.jr_saisies .variable{border: 1px solid #dddddd;margin-bottom:5px;}
.jr_saisies .clickable {font-size: 1.2rem; font-weight: 500; background-color: rgb(255, 165, 0,.7);padding-left: 5px; padding-right: 5px;font-style: italic;}
.jr_saisies .params {padding-left: 5px; padding-right: 5px;}
.popup_saisies_content input, select, textarea,.jr_saisies input, select, textarea {display: inline; padding: 0;}
i.supprimer_variable {float: right; margin-top: 5px;}
/*.jr_saisies option:before{font-family: "Font Awesome 6 Free"; content: "\f00c";}*/
.jr_saisies input[name="date_date"], .jr_saisies input[name="nom_modele"] {margin-bottom: 30px; width: 49%;}
.jr_saisies select, .jr_saisies textarea, .jr_saisies input[type=url], .jr_saisies input[type=tel], .jr_saisies input[type=text], .jr_saisies input[type=time], .jr_saisies input[type=date], .jr_saisies input[type=datetime], .jr_saisies input[type=datetime-local], .jr_saisies input[type=email], .jr_saisies input[type=number], .jr_saisies input[type=search], .jr_saisies input[type=password] {background-color: white;max-width: fit-content;}
.jr_saisies input[type="checkbox"]{width:50px;}
.jr_saisies input[type='number']{width:70px;}
.jr_saisies .jr_saisie:nth-child(3n+1) {background-color: #f0f0f0;}
.jr_saisie{display: grid; grid-template-columns: 1fr 1fr 1fr 12fr 8fr;margin-bottom: 10px;column-gap: 10px;text-align:left;}
.jr_saisie.no_check{grid-template-columns: 12fr 8fr;}
.jr_saisie .no_check{display:none;}
.jr_saisie .params_variable {display: flex;column-gap: 10px;}
.jr_click_voir_modeles, .jr_click_creer_modele, .jr_click_creer_evenement, .jr_click_compets_fftt{cursor: pointer;}
#date_evenement { font-size: 1.5rem; font-weight: 700; color: tomato; font-style: italic;}
.popup_saisies_sauver .btn_atelier {background-color: yellowgreen;}

/*.jr_activite_saisies .gerer_modeles {display: grid; grid-template-columns: 1fr 3fr 2fr; grid-gap: 20px;}
.jr_activite_saisies .nom_modele span{display:inline-block;width:17%;}
.jr_activite_saisies {border-style: groove; padding: 10px;}*/

/*.jr_activite_saisie {margin-bottom: 20px;background-color: #f8f9fa; border-style: groove; padding: 5px;}
.jr_activite_saisie div:first-child{font-weight:700;}
.jr_activite_saisie div:nth-child(2){background-color: #f8f9fa;}
.jr_activites_nom_modele{margin-bottom: 20px;}
.jr_activite_saisie input[type="color"] { display: inline; padding: 0; background-color: white;}
*/
/* fin saisies évènement */

/* évènements */
/*.jr_activite_header {text-align: center;}*/
/*.jr_card_menu.nodisplay{display:none;}*/
/*.activites_articles {display: grid; margin: 16px 0 0 10px; grid-template-columns: repeat(auto-fit,minmax(300px,300px)); font: 700 17px Helvetica;}*/
.jr_modeles_evenements, .jr_evenement{ display: grid; grid-template-columns: repeat(auto-fit,minmax(300px,1fr));column-gap: 30px; row-gap: 30px;margin-bottom: 30px; margin-top: 20px;}
@media screen and (min-width: 910px)
{
    .jr_modeles_evenements, .jr_evenements{ display: grid; grid-template-columns: repeat(auto-fit,minmax(390px,390px));column-gap: 30px; row-gap: 30px;margin-bottom: 30px; margin-top: 20px;}
}

/*.jr_activite_saisie input, .jr_activite_saisie select, .jr_activite_saisie textarea {width: 100%; background-color: white;}*/

/*
.jr_atelier_encart_rem {border-style: solid; border-width: 2px; border-color: #dbd7d2; border-radius: 10px; margin-bottom: 10px;}
.jr_atelier_text_animateurs {text-align: center; color: #f17811; font-weight: 500; font-size: 18px;}
.jr_atelier_text_lieu { text-align: center;}
.jr_atelier_lbl_texts_remarques { text-align: center; background-color: #dbd7d2;}
.jr_atelier_texts_remarques {text-align: center; min-height: 30px; background-color: #efd488; }
*/
/* fin évènements */

/* popup saisies */
    .popup_saisies {position: fixed; top: 0px; left: 0px; background: rgba(0, 0, 0, 0.58); width: 100%; height: 100%; display: none;z-index: 1000; overflow: auto;}
    /* Popup inner div */
    .popup_saisies_content { width: 90%; margin: 0 auto; padding: 40px; margin-top: 100px; border-radius: 3px; background: #fff; position: relative;}
    .popup_saisies_content .variables {min-height: 300px;}
    /* Popup close button */
    .popup_saisies_closeBtn { position: absolute; top: 5px; right: 12px; font-size: 25px; color: red; text-decoration: none; z-index:1;}
    .popup_saisies_sauver{text-align:center;}
/* fin popup saisies */