body {
}
.main {
    margin-left:10px;
    margin-right:10px;
    margin-top:80px;
}

input, select {
    padding: 0.4em 0.8em;
    border-radius: 4px;
}

input:hover, select:hover {
    border-color: blue;
}
input:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}

button {
    border-radius: 10px 0;
}


div.page-lib {
    font-weight:bold;
    width:100%;
    text-align:center;
    margin-bottom: 5px;
    padding:5px;
    background-color: #daf0ff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
}
@media print {
    .main {
        margin:0px;
    }
    body {-webkit-print-color-adjust: exact;}
}
    .table-print {
        border-collapse: separate !important;
        border:1px solid black !important;
    }
    .table-print th {
        border:1px solid black !important;
    }
    .table-print tr {
        border:1px solid black !important;
    }
    .table-print td {
        border:1px solid black !important;
    }
    .client-resto {
        font-weight:bold !important;
        }


div.logics {
    position: absolute;
    right: 0px;
    font-family: sans-serif;
    font-size: 8pt;
    text-align: center;
    }
.right {
    text-align: right;
    }
.center {
    text-align: center;
    }
    
h2 {
    font-size: 120%;
    font-weight: bold;
}
.formy_field_err {
    color: red;
}
tabl.in {
    border-collapse: collapse;
    border: 1px outset #cfe;
    margin-left: 20px;
    margin-right: 20px;
    padding: 5px;
    }
table.in td{
    border: 1px solid #cfe;
}
    
h2 {
    font-size: 120%;
    font-weight: bold;
}
div.titre {
    background-color: #fec;
    text-align: center;
    font-size:120%;
    border-bottom:1px solid black;
    height:30px;
}
div.dossier_nom {
    position: absolute;
    left:30px;
    top:10px;
    font-size:120%;
    font-style:italic;
}

table.tableau th.jour {
    width: 100px;
}
td.case, th.case {
    text-align:center;
    width:30px;
    }
.famille_cg {
    color:grey;
    font-style:italic;
}

.residents, .taches, .salaries {
    height:150px;
    overflow:auto;
    text-align:center;
}
.draggable {
    width:200px;
    cursor:pointer;
    border: 1px solid black;
    text-align: center;
    z-index:999;
    border-radius: 2px;
}
.resident {
    background-color: #668CFF;
    }
.salarie {
    background-color: #36F;
    }
.tache {
    background-color: yellow;
}
.hovertrash {
    background-color:#f00;
    }
.fc-view { /* prevents dragging outside of widget */
        overflow: visible;!important
}
.fc-event, .fc-event:hover {
    color:black;
    font-size:0.8em; !important
    }
.fc-time {
    text-align:right;
    }
.click {
    background-color:yellow;
    }

.effectue {
    font-weight:bold;
    border-left:4px solid black;
    border-right:4px solid black;
}
.non-effectue {
    font-weight:normal;
}

.recup {
    font-style: italic;
}
.non-recup {
    font-style: normal;
}

.sans-resident {
    background-color:yellow;
}
.avec-resident {
    background-color:#668CFF;
    }

.sans-tache {
    background-color:#88AEFF;
}
.effectue.sans-tache{
    border: 2px solid red; !important
    }
.effectue.sans-tache:before{
    content:"Effectué sans tâche !";
    }

.case-valide {
    padding-left:2px;
    padding-right:2px;
    background-color:white;
    font-weight:bold;
    color:green;
}
.case-refus {
    padding-left:2px;
    padding-right:2px;
    background-color:white;
    font-weight:bold;
    color:red;
}
.case-batiment {
    padding-left:2px;
    padding-right:2px;
    background-color:white;
    font-weight:bold;
}

.fogrid {
    display:grid;
    grid-template-columns:max-content max-content;
    grid-row-gap:10px;
    grid-column-gap:10px;
    margin:10px;
}

input[type=date] {
    line-height:normal !important;
    }
.recurrent {
    border-top:2px solid yellow;
    border-bottom:2px solid yellow;
}
.salcheck {
    border:1px solid lightgrey;
    padding-left:2px;
    white-space:nowrap;
    width:250px;
    }
.salcheck:hover {
    background-color: lightgrey;
}

/* Destinataires message */

.dests >label {
    margin-left: 5px;
}
.dests >label:hover {
    background-color:cyan;
}
.dests >label {
    min-width:150px;
    font-weight:lighter;
}
input[type=checkbox]:checked + span {
    font-weight: bold ;
    color:blue ;
}