/*Général*/
body {
    background: #fff none repeat scroll 0 0;
}

div.header-help span#diconnect{
    margin-top: 23px;
}

/*Modifications sur les styles originaux*/
th a.desc::after {
    content: " ⇣";
}
th a.asc::after {
    content: " ⇡";
}

.targetblank{
    background-image: url("/img/targetblank.png");
    background-origin: border-box;
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 12px auto;
    padding-right: 20px;
}

/*Formulaire de recherche*/
.formSearch{
    background: #f5f5f5 -moz-linear-gradient(center top , #f5f5f5, #fff) repeat scroll 0 0;
    border: 1px solid #ccc;
    box-shadow: 3px 3px 10px #ccc;
    display: block;
    font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    font-size: 0.7em;
    margin-top: 15px;
    padding: 7px 17px;
}
.formSearch div{
    margin: 0em;
    padding: 0;
}

.formSearch label{
    margin: 2px 0 -1px 4px;
}
.formSearch input, .formSearch select{
    border-radius: 8px;
    font-size: 1.2em;
    height: 1.5em;
    margin: 0;
    padding: 0px 6px;
}

.formSearch .submit input[type="submit"]{
    display: block;
    height: 1.9em;
    margin: 0 auto;
    padding: 2px 6px;
}

.formSearch div.submit{
    padding-top: 10px;
}

.formSearch .searchedNotLike{
    background-color: #ea7b70;/* complément à #15848F */
}


/*Les formulaires :
label et champs en ligne*/
label{
    float:left;
    min-width: 14em;
}

input[type="file"], input[type="checkbox"], input[type="radio"],
input[type="text"], input[type="password"],
input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"],
input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"]
input[type="url"], input[type="color"],
select, textarea {
    clear: none;
    float: left;
    margin: 0;
    /*width: auto;*/
}


/* Mantis#336: Modif saisie des présences des familles */
.buttonLike{
    border: thin solid;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
    border-color: #aaac62;
    padding: 0.4rem 0.4rem 0.2rem;
    border-radius: 10px;
    text-decoration: none;
    font-weight: normal;
    color: rgb(37, 140, 150);
    background-color: #eeedc7;
    margin-top: 10px;
    display: inline-block;
}



/**
 * Présenetation diverses
 */
.pastille{
    display: inline-block;
    border-radius: 50px;
    border: solid 1px;
    margin-right: .3em;
}
.pastille_OK{
    background-color: green;
}
.pastille_WARN{
    background-color: orange;
}
.pastille_NOK{
    background-color: red;
}

/*User login*/
#userlogin button[type="submit"] {
    margin-top: 1em;
}

/*Mantis#136*/
.view .numbers {
    color: #4d4d4d;
    font-weight: bold;
}
  
  .view .columns.dates {
    color: #4d4d4d;
    font-weight: bold;
}

.norun{
    display: none;
}
.d-none{
    display: none;
}

.mt-4_5{
    margin-top: 4.5rem;
}




/**
 * Présences des enfants
 */
.legende{
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
}
.legende p{
    font-size: 12px;
    line-height: 23px;
    margin-right: 1rem;
    border: solid thin;
    padding: .2rem;
    border-radius: 10px;
}

.presences .events{
    display:flex;
    flex-direction: column;
}

.presences .presence{
    display: flex;
    /* justify-content: space-between;
    align-items: center; */
    flex-direction: column;
}

.presences .enfant{
    display: inline-block;
    cursor: pointer;
}
.presences .enfant.contratnormal{
    color:#379;
}
.presences .enfant.contratmajore{
    color:#e32;
}
.presences .enfant.contratouvert{
    /* Mantis#440: Modification flux des devis séjour */
    font-style: italic;
    font-size: small;
}
.presences .enfant.vide::before{
    content: "?";
    font-size: 1.3rem;
    color: #379;
    line-height: 1.5rem;
}
.presences .enfant.pres::before{
    content: "\002714";
    font-size: 1.5rem;
    color: #1a2;
    line-height: 1.5rem;

}
.presences .enfant.abs::before{
    content: "\002717";
    font-size: 1.5rem;
    color: #e32;
    line-height: 1.5rem;
}
.journeefrac {
    text-decoration: underline;
    text-decoration-color: #379;
    font-style: italic;
}

.commentaire textarea{
    height: 5rem;
}
.commentaire textarea.dirty{
    color: rgb(37, 140, 150);
    background-color: rgb(238, 237, 199);
}
.commentaire button{
    margin: 1rem;
}
.childname .paperclip{
    width:15px;
}

.badge{
    display: none;
    border: solid thin;
    border-radius: 39%;
    padding: 4px 2px;
    margin-left: 5px;
    font-size: 10px;
    font-weight: bold;
}
.badge-vide{
    color: #2a2ad2;
    background-color: #e0e0f7;
}
.badge-pres{
    color: #0e510e;
    background-color: #f1fbf1;
}
.badge-abs{
    color: #bf1818;
    background-color: #f0caca;
}
.month_tab .today{
    border: solid thick #aaac62;;
    background-color: #f0f0d3;
}