:root {
    --accent: hsl(260, 62%, 54%);
    --accent-dark: hsl(260, 62%, 30%);
    --accent-med: hsl(290, 39%, 80%);
    --accent-light: hsl(260, 62%, 90%);
    --accent-light2: hsl(260, 42%, 95%);
}

.notice {
    background-color:var(--accent-light);
    padding:0.5em;
}

.error {
    background-color:var(--accent-dark);
    color:white;
    padding:0.5em;
}


h1 {
    font-size:2rem;

}

td { vertical-align:top;}
.activite { font-weight:400;}
.details { margin-top:0.5em; font-size:1em; }
.risques, .limitations { display:inline-block;font-size:0.8em; border-radius:2px;padding:2px 4px; margin:4px 4px 4px 0px; }
.risques { background-color:var(--accent-med)}
.limitations { background-color:var(--accent-light)}
.amenagements { font-size:0.8em;margin-top:0.5em; white-space:pre-line; font-style:italic; font-weight:300;}
.secteur_row h2 { border-bottom: 2px solid var(--accent); margin-bottom:0.5em;padding-bottom:0.2em; }
.evaluation { font-weight:300; }
.applicable { font-weight:400; }
textarea.materialize-textarea:focus:not([readonly])+label { color: var(--accent) !important; }

tr.risque_applicable {
    background-color: var(--accent-light2);
}

@media print {
    html, input, select { font-size:12px !important; }
    .noprint, .noprint * {
	display: none !important;
    }
    tr { break-inside: avoid;}

    div.secteur_row, tr.table_header, h2 { break-after: avoid-page; }
}
@page {
    size: A4;
    @bottom-right {
	content: counter(page);
    }
}
.col .input-field {
    margin-top:2em;
    margin-bottom:1em;
}
ul {
    margin-left:2em;
}
li {
    list-style-type: circle !important;
}
#loading_spinner {
    width: 40px;
    height: 40px;
    padding: 4px;
    border-radius: 8px;
    border: 2px solid white;
    background-color:#F0F1F2;
    background-position:center center;
    background-repeat:no-repeat;

    position:fixed;
    top:50%;
    margin-top:-20px;
    left:50%;
    margin-left:-20px;
    z-index:9999999;
}