/*
 *	Généralités
 */
body:not(.ressources_reload) .ressources_reload, body:not(.ressources_edit) .ressources_edit, body:not(.ressources_elap) .ressources_elap {
	display: none !important;
}
iframe.calendar {
	height: 300px;
	margin-bottom: 1rem;
}
iframe.calendar.agenda {
	height: 400px;
}
iframe.calendar.meeting {
	height: 1000px;
}



/*
 * Fournisseurs
 */
#fournisseurs .map {
	width: calc(100% - 0.75rem);
	height: 30rem;
	margin-bottom: 1rem;
}
#elap {
	width: 100%;
	max-width: none;
}
#elap_check + label {
	background: url("https://ressources.ensci.com/medias/pictos/status_nok.svg") no-repeat top center/cover;
	pointer-events: none;
	margin-left: -3rem;
}
#elap_check:checked + label {
	background: url("https://ressources.ensci.com/medias/pictos/status_ok.svg") no-repeat top center/cover;
}
#elap_check:indeterminate + label {
	background: url("") no-repeat top center/cover;
}

div.choruspro {
	width: 90%;
	margin: auto;
}
div.choruspro .item {
	padding: 1rem 1.5rem;
}
div.choruspro .item h3 div {
	background: var(--text);
	width: 1.5rem;
	margin-right: 0.75rem;
	color: var(--white);
	height: 1.5rem;
	padding: 0.75rem 0.75rem 0.75rem 0.75rem;
	border-radius: 100%;
	display: inline-block;
	text-align: center;
}
div.choruspro .item>p {
	font-size: 120%;
	font-weight: 700;
	margin: 1rem 0;
}
div.choruspro .item>p.hint {
	font-weight: 500;
	font-style: italic;
}
div.choruspro .item .service {
	display: inline-block;
	float: right;
	margin: 0 0 0 1rem;
	padding: 0.5rem;
	border-radius: 1rem;
	background: var(--bleu);
	color: var(--yellowlight);
	text-align: center;
}
div.choruspro .item .service h4 {
	margin-top: 0.25rem;
}
div.choruspro .item .service .profile {
	width: 3.5rem;
	height: 3.5rem;
	margin-bottom: 0.3rem;
}
div.choruspro .item .service>div {
	display: flex;
	font-size: 80%;
	padding: 0.25rem 0.5rem 0 0.5rem;
	flex-direction: column;
}
div.choruspro .item .service>div span {
	font-size: 100%;
}



/*
 * Styles particuliers
 */
article.atelier .intro {
	display: inline-flex;
	gap: 2rem;
	margin-bottom: 1rem;
}
article.atelier .intro h1 {
	padding-top: 0;
	margin-bottom: 0;
}
article.atelier .intro h1 + p {
	margin: 0;
}
#ateliers *[filterespace=''], #ateliers input[type="search"] {
	display: none;
}
.rent form:not(:empty) {
	background: var(--bleulight);
	padding: 0.5rem;
	margin-bottom: 2rem;
}
.rent form input[type="text"].small {
	width: calc(100% - 1.25rem);
}
#ateliers .intro .profiles .profile:not(:only-child):not(:first-child) {
	margin-left: -2rem;
}
#ateliers .box.atelier {
	margin-top: 2rem;
	padding-top: 2rem;
	border-top: 1px solid var(--graylight);
}
p.consigne {
	font-size: 120%;
	line-height: 110%;
	margin: 1rem 0;
}
.boxes.microhabilitations article.box:not(.fiche) {
	width: 29rem;
}
.boxes.magasin article.box:not(.fiche) {
	width: 11rem;
}
.boxes.magasin article.box h3 {
	font-size: 120%
}
.boxes.magasin article.box .photo {
	height: 6rem;
}



/*
 * Mode fiche / EPI et QR-Codes
 */ 
.boxes .box.fiche .qrcodes:has(*), .boxes .box.fiche .epis:has(*) {
    margin-top: 2rem;
    display: flex;
    flex-flow: row wrap;
	gap: 1rem;
}
.boxes .box.fiche .qrcodes .qrcode,.boxes .box.fiche .epis .epi {
    text-align: center;
    max-width: 8rem;
    vertical-align: top;
    color: var(--bleu);
    flex: 1 1 auto;
}
.boxes .box.fiche .qrcodes .qrcode img, .boxes .box.fiche .epis .epi img {
    margin-bottom: 0.5rem;;
    display: inline-block !important;
    width: 8rem;
}
.boxes .box.fiche .epis .epi img {
    width: 7rem;
}
.popup:has(video) {
	padding: 0;
}



/* 
 * Prêts
 */
 .boxes .box.fiche .rent {
	display: none;
 }
#rents {
	background: #FF744BEE;
	color: var(--white);
	overflow-y: scroll;
}
#rents>div {
	max-width: 60rem;
	margin: auto;
	max-height: 90vh;
}
.boxes.rent_boxes {
	justify-content: flex-start;
	color: var(--text);
}
.boxes.rent_boxes .box {
	width: 16rem;
	position: relative;
}
.boxes.rent_boxes .intro h3 {
	font-size: 100%;
}
.boxes.rent_boxes .intro .photo {
	height: 8rem;
}
.boxes.rent_boxes .box .content>*:not(.statuses), .boxes.rent_boxes .box .metadata, .boxes.rent_boxes .box hr {
	display: none;
}
#rent .boxes.rent_boxes .box .content>.rent {
	display: block;
}
.boxes.rent_boxes .box.plus {
	width: 10rem;
	cursor: copy;
	min-height: 18rem;
	border-color: transparent;
	background: url("/medias/pictos/action_add.svg") no-repeat top center/cover;
	background-color: #FFFFFF44;
}
#rent_datetime {
	margin-bottom: 0;
}
#rentsIcon {
	display: none;
	color: var(--graymedium);
	border: 2px solid var(--graylight);
	text-align: right;
	position: fixed;
	top: 2.5rem;
	right: 5.75rem;
	width: 3rem;
	height: 3rem;
	border-radius: 3rem;
	background: url("/medias/pictos/action_rent_cart.svg") no-repeat top center/cover;
	z-index: 1;
	cursor: pointer;
}
#rentsIcon>div {
	background: var(--red);
	color: var(--white);
	display: inline-block;
	padding: 0.15rem 0.45rem 0.05rem 0.45rem;
	border-radius: 4rem;
	margin-top: -0.5rem;
	font-size: 80%;
	font-weight: 900;;
}

.boxes .box .statuses {
	text-align: center;
}
.boxes .box .statuses select {
	margin-bottom: 0;
}



/* 
 * Responsive
 */
@media (max-width: 40em) {
	iframe.calendar.meeting {
		height: 1400px;
	}
	div.choruspro .item h3 div {
		display: block;
		margin-bottom: 1rem;
		padding: 0.25rem 0.5rem 0.75rem 0.5rem;
		width: 1rem;
		height: 1rem;
		font-size: 80%;
	}
	#rents>div {
		max-width: unset;
	}
}