body {
    
    font-family: Raleway, sans-serif;
}
a:link {
    font-weight: 400 !important;
}
.loading {
    text-align: center;
}

.center {
	display: flex;
	justify-content: center;
}

.plus_facture {
	cursor: pointer;
}
.plus_reglement {
	cursor: pointer;
}

.infos_imp {
    margin-bottom: 15px; 
    padding: 15px;
    font-size: 12px; 
    background-color: #FFF3CD;
    color: #856404; border-left: 5px solid #FFA500; 
    border-radius: 5px; 
    display: flex; align-items: center;
}

.checkbox_left_outer {
    border-top: 1px solid #ddd;float:left;
}
.checkbox_left {
    float: left;
    -webkit-appearance: none; /* Supprimer l'apparence native */
    -moz-appearance: none;
    appearance: none;
    width: 20px; /* Largeur de la case */
    height: 20px; /* Hauteur de la case */
    border: 0px; 
    border-radius: 3px; /* Coins légèrement arrondis */
    background-color: #ebebeb;
    position: relative;
    display: inline-block;
    cursor: pointer;
    transition: all 0.3s ease; /* Transition douce */
    margin: 15px 3px 3px 3px;
    vertical-align: middle;
}
.checkbox_left:checked {
    background-color: #38c; /* Fond bleu */
}
.checkbox_left:checked::after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%2214%2C4%2011%2C1%205.003%2C6.997%203%2C5%200%2C8%204.966%2C13%204.983%2C12.982%205%2C13%20%22%2F%3E%3C%2Fsvg%3E");
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 14px;
    height: 14px;
}

.badge-wrapper {
  width: 200px;
  position: absolute;
  top: 160px; /* Distance depuis le haut */
  right: 20px; /* Distance depuis la droite */
  margin-right: 10%;
  height: 100px;
  background-color: white; /* Bordure blanche */
  padding: 8px;
  transform: rotate(-4deg); /* effet penché */
  border-radius: 30px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}

.badge-inner a, .badge-inner a:visited {
    color: white;
    text-decoration: none;
}
.badge-inner {
  background: linear-gradient(135deg, #ff6a00, #ff8c00); /* Couleur Web 3.0 - dégradé orange */
  width: 100%;
  height: 100%;
  border-radius: 25px;
  color: white;
  font-family: 'Segoe UI', sans-serif;
  font-weight: 600;
  font-size: 18px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  box-sizing: border-box;
  text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}
.no_margin {
    margin: 0px;
}
  
.carres_reprise-container {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    align-items: center;
}

.carre_reprise {
    width: 25px;
    height: 25px;
    display: inline-block;
    border-radius: 6px; /* Coins arrondis */
    border: 2px solid transparent; /* Bordure par défaut */
}

.carre_reprise_rouge {
    background-color: #ff9999; /* Rouge clair */
    border-color: #ff6666;
}

.carre_reprise {
    width: 21px;
    height: 11px;
    font-size: 8px;
    color: white;
    text-shadow: none !important;
    display: flex;           /* Active Flexbox */
    align-items: center; 
    text-align: center;
    justify-content: center; 
}
.carre_reprise_vert {
    background-color: #8BC34A; /* Vert doux et élégant */
    border-color: #689F38; /* Vert légèrement plus foncé pour la bordure */
  
}

.carre_reprise_encours {
   height: 20px;
  
}


 
    .interval_select .ui-btn {
        font-size: 12px !important;
        height: 13px;  
    }

    .interval_select > .ui-mini {
        margin-right: 0px !important;
    }
    .interval_select .ui-select .ui-btn {
        padding-left: 4px;
        padding-right: 4px;
        font-weight: normal;
    }


    /* Ajuster le padding à droite pour compenser l'absence de l'icône */
   /* .ui-select .ui-btn {
      padding-right: 10px;
    }*/

.info_monte {
    font-size: 10px;
    color: green; 
    font-weight: bold;
}
.formulaire {
    margin-bottom: 15px;
    margin-top: 15px;
}


.info_commentaire {
    border: 1px solid #F1C40F;                  
    background: navajowhite;
    text-shadow: none;
    margin: 5px;
    padding: 10px;
}


.info_commentaire_alt {
    border: 1px solid #12AF27;                  
    background: #DAF7A6;
    text-shadow: none;
    margin: 5px;
    padding: 10px;
}


.bloc_couleur {
    display: inline-block;
    width: 10px; 
    height: 10px; 
    margin-right: 1px; 
}

.bloc_fonction  {
    box-shadow: 0 5px 80px 5px rgb(38 50 56 / 18%);
    border-radius: 18px;
    padding: 12px;
}
.bloc_fonction .titre_accueil {
    color: #aa61a3;
}


/* BEGIN Front */
.fct_page {
    margin-left:auto;
    margin-right: auto; 
    max-width: 1000px;
}
.fct .titre {
     font-size: 30px;
     margin-bottom: 20px;
     font-weight: bold;
     color: #aa61a3;
 }



 .fct_prt {
     text-shadow: none;
     margin-bottom: 30px;
     margin-top: 30px;
     background-repeat: no-repeat;      
     background-size: 700px auto;

 }
 .bg_lft {
      background-position: left;
 }

 .bg_rgt {
      background-position: right;
 }
 .fct {
     max-width: 600px;
     box-shadow: 0 5px 80px 5px grey;
     border-radius: 16px;
     padding: 25px;
     background-color: white;
     font-size: 16px;
 }
 .fct_inner {
     padding: 40px;
 }
 .fct_rgt {
     margin-right: 0px;
     margin-left: auto;
 }

 .en_savoir_plus:link,
 .en_savoir_plus:hover,
 .en_savoir_plus:visited {
     background: linear-gradient(90deg,#ed8f03,#f2ae59);        
     color: #fff !important;
     padding: 14px 20px 11px;
     border-radius: 50px;
     font-weight: 800;
     font-size: 13px;
     margin-top: 15px!important;
     letter-spacing: 1.5px;
     display: inline-flex;
     align-items: center;
     text-shadow: none;
     width: fit-content;
     text-align: center;
     text-decoration: none;
     text-transform: uppercase;
 }


@media only screen and (max-width: 600px) {
     .fct_inner {
         padding: 15px;
         padding-top: 200px;
     }
     .fct_prt {
         margin-top: 0px;
     }

     .fct {
         padding: 15px;
     }
     .fct_prt {
         background-position: 0px -50px;
          background-size: 400px auto;
     }
 }
/* END FROND */    



.formulaire .ui-block-a {
    width:125px !important;
    padding-top: 11px  !important;
    padding-right: 4px;
    text-align: right;
}
.formulaire  .ui-block-b {
    width: auto !important;
}
.div_scroll {
    overflow-x: auto !important;
}

label {
    font-size: 14px !important;
}
.bar {
    height: 18px;
    background: green;
}

.retourligne {
    white-space: normal !important;
}

.td_bouton_presta {
    padding-right: 0px !important;
}
.bouton_presta {
    color: black !important;
    cursor:pointer;
}

.lien_blanc:link,
.lien_blanc:visited {
    color: white !important;
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
}
.lien:link {
    color: #636;
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
}
.lien_blanc:hover,
.lien:hover {
    text-decoration: underline;
}

.regle_non_regle { float: left; margin-right: 5px; }
.regle_non_regle .ui-slider { margin: 0px;}
.regle_non_regle .ui-slider-switch { width: 90px; }

.regle_non_regle .ui-slider-label { line-height: 30px; }
.regle_non_regle .ui-slider-label-a { background-color: green !important; font-size: 10px !important;}
.regle_non_regle .ui-slider-label-b {
    background-color: #FF6347 !important; 
    color: white;
    text-shadow: none;
    
    font-size: 10px !important; 
}


.etat_reprise { float: left; margin-right: 5px; }
.etat_reprise .ui-slider { margin: 0px;}
.etat_reprise .ui-slider-switch { width: 150px; }

.etat_reprise .ui-slider-label { line-height: 30px; }
.etat_reprise .ui-slider-label-a { background-color: green !important; }
.etat_reprise .ui-slider-label-b {
    background-color: #FF6347 !important; 
    color: white;
    text-shadow: none; 
}

.dropdown_sousmenu .ui-select {
    margin: 0px !important;
}

.link_ok:link {
    font-weight: bold;
    color: green;
    text-decoration: none;
}
.link_ok:hover {
    font-weight: bold;
    color: green !important;
    text-decoration: underline !important;
}


.link_nok:link {
    font-weight: bold;
    color: red;
    text-decoration: none;
}
.link_nok:hover {
    font-weight: bold;
    cursor: pointer;
    color: red !important;
    text-decoration: underline !important;
}

.cleaner {
    clear: both;
}
.boutons_validation {
    margin-left: 50px;
}
.number_mini {
    display: inline-block !important;
    width: 50px !important;
}
.montant_mini {
    display: inline-block !important;
    width: 90px !important;
    z-index: 1000 !important;
}
.date_mini {
    display: inline-block;
    width: 140px;
}
.texte_mini {
    display: inline-block !important;
    width: 120px !important;
}
.adresse_cp {
    width: 45px;
}
.adresse_ville {
    width: 103px;
    margin-left: 10px;
}


/* Pour alignement des Combox-box avec les autres champs */
.ui-select {
    margin-left: 0px !important;   
}

/* Pour mettre les deux combox d'interval de date sur une seule ligne */
.interval_date .ui-select {
    display: inline-block;
}
.ui-icon-horse:after {
    background-image: url("../img/horse.png");
    background-color: transparent;
    background-size: 18px, 18px;
    box-shadow: none;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
}
/* Fallback */
.ui-nosvg .ui-icon-horse:after {
    background-image: url("../img/horse.png");
    background-color: transparent;
    box-shadow: none;
    background-size: 18px, 18px;
}


.ui-icon-icocheck:after {
    background-image: url("../img/icocheck.png");
    background-color: transparent;
    background-size: 20px, 20px;
    box-shadow: none;
    top: 20px;
    position: absolute; 
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
}
/* Fallback */
.ui-nosvg .ui-icon-icocheck:after {
    background-image: url("../img/icocheck.png");
    background-color: transparent;
    box-shadow: none;
    top: 20px;
    position: absolute; 
    background-size: 20px, 20px;
}
.ui-icon-icouncheck:after {
    background-image: url("../img/icouncheck.png");
    background-color: transparent;
    background-size: 20px, 20px;
    box-shadow: none;
    top: 20px;
    position: absolute; 
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
}
/* Fallback */
.ui-nosvg .ui-icon-icouncheck:after {
    background-image: url("../img/icouncheck.png");
    background-color: transparent;
    box-shadow: none;
    top: 20px;
    position: absolute; 
    background-size: 20px, 20px;
}



.ui-icon-stats:after {
    background-image: url("../img/stats.png");
    background-color: transparent;
    background-size: 18px, 18px;
    box-shadow: none;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
}
/* Fallback */
.ui-nosvg .ui-icon-stats:after {
    background-image: url("../img/stats.png");
    background-color: transparent;
    box-shadow: none;
    background-size: 18px, 18px;
}


.icone {
    float: left;
    margin-right: 5px;
}

.ui-icon-malade:after {
    background-image: url("../img/malade.png");
    background-color: transparent;
    background-size: 18px, 18px;
    box-shadow: none;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
}
/* Fallback */
.ui-nosvg .ui-icon-malade:after {
    background-image: url("../img/malade.png");
    background-color: transparent;
    box-shadow: none;
    background-size: 18px, 18px;
}


.ui-checkbox {
    margin: 0px;
}
.info {
    font-weight: normal;
    font-size: 12px;
}
.info_supplémentaire {
    color: #AEAEAE;
    font-weight: normal;
    font-size: 12px;
}

 .menu .ui-btn {
    background: none !important;
}
.menu li {
    background: none !important;
}

h1 {
   /* color: #d2006b;*/
    color: #aa61a3;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    font-size: 20px;    
    margin-top: 0px;
   
}

h2 {
    color: #777777;
    font-size: 16px;
    font-family: Raleway, sans-serif;
    border-bottom: 1px solid #ccc;
}


h5 {
    color: #777777;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 16px;
    font-family: Raleway, sans-serif;
    border-bottom: 1px solid #ccc;
}

h4 {
    font-size: 14px;
    font-family: Raleway, sans-serif;
    margin-top: 10px !important;
    margin-bottom: 3px !important;
    padding-left: 0px;
}
.main {
    font-size: 12.5px;
    font-family: Raleway, sans-serif;/*"Open Sans", sans-serif;*/
}
.error {
    border: 1px solid #f88;
    font-weight: bold;
    padding: 5px;
    color: #f44;
    background-color: #fdd;
    text-shadow: none;
}

.infos {
    border: 1px solid #129FEA;
    font-weight: bold;
    padding: 5px;
    color: #129FEA;
    background-color: #c1eaffd1;
    text-shadow: none;
}

.confirmation {
    border: 1px solid #00a707;
    font-weight: bold;
    padding: 5px;
    color: #00a707;
    background-color: #00a7071f;
    text-shadow: none;
}


.ui-page-theme-a a, html .ui-bar-a a, html .ui-body-a a, html body .ui-group-theme-a a {
    font-weight: 300;
}

.ui-selectmenu.ui-popup .ui-input-search {
    margin-left: .5em;
    margin-right: .5em;
}
.ui-selectmenu.ui-dialog .ui-content {
    padding-top: 0;
}
.ui-selectmenu.ui-dialog .ui-selectmenu-list {
    margin-top: 0;
}
.ui-selectmenu.ui-popup .ui-selectmenu-list li.ui-first-child .ui-btn {
    border-top-width: 1px;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.ui-selectmenu.ui-dialog .ui-header {
    border-bottom-width: 1px;
}





/* v 1.5 */
.ui-listview-item-static.ui-collapsible {
    margin: 0;
    padding: 0;
}
.ui-listview-item-static.ui-collapsible > .ui-collapsible-heading { 
    margin: 0;
}
.ui-listview-item-static.ui-collapsible > .ui-collapsible-heading > .ui-button { 
      border-top-width: 0; border-bottom-width: 0;
}


/* V1.4*/
.ui-li-static.ui-collapsible > .ui-collapsible-heading {
    margin: 0;
}
.ui-li-static.ui-collapsible {
    padding: 0;
}
.ui-li-static.ui-collapsible > .ui-collapsible-heading > .ui-btn {
    border-top-width: 0;
}
.ui-li-static.ui-collapsible > .ui-collapsible-heading.ui-collapsible-heading-collapsed > .ui-btn,
.ui-li-static.ui-collapsible > .ui-collapsible-content {
    border-bottom-width: 0;
}



.titre_accueil {
    font-family: Raleway, sans-serif;
    font-size: 22px;
    margin-left: 10px;
    font-weight: bold;
}
.description_accueil {
    font-family: Raleway, sans-serif;
    font-size: 14px;
    margin-top: 10px;
   /* text-align: left;*/
}



.liste_caval {
    font-size: 12px !important;
    padding: 4px 4px 4px 4px;
    font-family: Raleway, sans-serif;
    font-weight: normal !important;
}
.menu_volant {
    position: fixed;
    width: 100px;
    right: 5px;
    z-index: 1000;
    top:5px;
}

.ui-autocomplete {
    z-index: 10000;
}

/* Hide HTML5 Up and Down arrows. */
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
 
input[type="number"] {
    -moz-appearance: textfield;
}
input[type="date"]::-webkit-outer-spin-button, input[type="date"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
 
input[type="date"] {
    -moz-appearance: textfield;
}


.carre_soin {
    clear:none; 
    padding: 5px 10px 10px 10px; 
    float: left; 
    margin-right:5px;
    margin-bottom:5px;
    width: 210px;
}

.carre_content {
    height: 60px;
}
.carre {
    border: 1px solid #e6e6e6;
    background: #f6f6f6;
    width: 120px;
    margin-right: 5px;
    float: left;
}
.carre p {
    margin: 3px;
    font-size: 14px;
    text-align: right;
}
.carre h2 {
    font-size: 12px;
    margin: 3px;
    padding: 3px;
}

.travail_longe {
    color: #FF0084;
    font-weight: bold;
    text-shadow: none;
}
.travail_pied {
    color: #FF7400;
    font-weight: bold;  
    text-shadow: none;  
}
.travail_balade {
    color: #006E2E; 
    font-weight: bold; 
    text-shadow: none;  
}
.travail_dressage {
    color: #C79810;
    font-weight: bold;
    text-shadow: none;
}
.travail_obstacle {
    color: #4096EE;
    font-weight: bold; 
    text-shadow: none;   
}
.travail_reprise {
    color: #73880A;
    font-weight: bold; 
    text-shadow: none;   
}

.travail_marcheur {
    color: #73880A;
    font-weight: bold; 
    text-shadow: none;   
}

.travail_liberte {
    color: #73880A;
    font-weight: bold; 
    text-shadow: none;   
}

.travail_paddock {
    color: #73880A;
    font-weight: bold; 
    text-shadow: none;   
}

.popup_titre h1 {
    margin: 0px !important;
}
.popup_window {
    width: 320px;
}
.popup_window .boutons_validation {
    margin-left: 40px;
}
.popup_window .formulaire .ui-block-b {
    width: 180px !important;
}
.popup_main {
    margin-right: 5px;
    margin-left: 5px;
    font-size: 14px;
}
.popup_main .ui-mini {
    margin-left: 0px;
}

.zone_droite_liste_montant {
    width: 70px; 
    right: 32px;
    height: 100%;
    vertical-align: center;
    position: absolute; 
    text-align: right;
}
.zone_rappel_validation {
    font-size: 8px;
    width: 55px; 
    right: 10px;
    top: 15px;
    position: absolute; 
    text-align: right;
}

.controlgroup_daterange{
    padding-top:3px;
    padding-bottom:3px;
    padding-left: 0px;
    padding-right: 0px;
    width: 135px;
}
.controlgroup_semaine {
    height: 190px !important;
    background: red;
}

.sous_item {
    background-color: #f6f6f6 !important;
    border-top: 0px !important;
    padding-top: 0px !important;
    padding-left: 16px !important;
    padding-bottom: 5px !important;
}

.table_style {
    min-width: 570px;
}
.table_style th {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 5px;
    padding-left: 5px;
}

.table_style td {
    padding: 5px;
    background: white;
}
.table_style td.right, .table_style th.right  {
    text-align: right;
    
}


.tablesorter-default .header,
.tablesorter-default .tablesorter-header {
	background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
	background-position: center right;
	background-repeat: no-repeat;
	cursor: pointer;
	white-space: normal;
	padding: 4px 20px 4px 4px;
}
.tablesorter-default thead .headerSortUp,
.tablesorter-default thead .tablesorter-headerSortUp,
.tablesorter-default thead .tablesorter-headerAsc {
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
	border-bottom: #000 2px solid;
}
.tablesorter-default thead .headerSortDown,
.tablesorter-default thead .tablesorter-headerSortDown,
.tablesorter-default thead .tablesorter-headerDesc {
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
	border-bottom: #000 2px solid;
}
.tablesorter-default thead .sorter-false {
	background-image: none;
	cursor: default;
	padding: 4px;
}