/* ##### ##### ##### ##### ##### */

body {
	color: #474646 !important;
}


.card-body {
	color: #474646 !important;
}

.bg-primary-soft .container {
	color: #474646 !important;
}

input,
select {
	color: #474646 !important;
}

.bloc_bg {
	/* background-color: #f7f7f7; */
	background-color: #eeeeee;
	border-top: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}

.bloc_bg2 {
	background-color: #f7f7f7;
	/* background-color: #dddddd; */
	/* background-color: #eeeeee; */
	border-top: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}

.cover-border {
	border-bottom: solid 1px #cccccc;
}





/*
breakpoints 
Extra small		None	<576px
Small			sm		≥576px
Medium			md		≥768px
Large			lg		≥992px
Extra large		xl		≥1200px
Extra extra 	large	xxl	≥1400px

*/











/* DISC P4 */
span.disc {
	text-transform: uppercase;
	font-weight: bold;
	color: purple;
}

span.disc span.level {
	text-transform: capitalize;
}

span.p4 {
	text-transform: lowercase;
	vertical-align: super;
	font-size: 0.8em;
}

span.disc span.p4 {
	color: #72c02c;
}






/* ##### ##### ##### ##### ##### */
/* PRIX */
span.ht {
	font-size: .8em;
}

.quantity {
	color: orange;
}








/* ##### ##### ##### ##### ##### */
/* OMBRAGE */

.with-shadow-5 {
	text-shadow: 2px 2px 5px black;
}


.with-shadow-8 {
	text-shadow: 2px 2px 8px black;
	/* #474646 */
	;
	/* -webkit-transition: text-shadow 5s linear;
	transition: text-shadow 5s linear; */
}

.surligne {
	background-color: rgba(0, 0, 0, .1);
}








/* ##### ##### ##### ##### ##### */
/* RONDS */
.barre-ronds {
	text-align: right;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
}

.rond {
	/* display: inline-block; */
	width: 32px;
	height: 32px;
	border-radius: 16px;
	border: 1px solid #474646;
	margin-left: 10px;
}

.rond-rouge {
	background-color: #ff4136;
}

.rond-jaune {
	background-color: #ffdc00;
}

.rond-vert {
	background-color: #2ecc40;
}

.rond-bleu {
	background-color: #0074d9;
}


.bordered-1-white {
	border: 1px solid white;
}






/* ##### ##### ##### ##### ##### */
/* FORMULAIRE */
.bottom-note {
	font-size: .8em;
}

.bottom-note-grey {
	color: #aaaaaa;
}

.facultative {
	color: orange;
	font-style: italic;
	font-size: .8em;
}

.label-column {
	/* rien */
}

.button-bar-right {
	text-align: right;
}

.button-bar-center {
	text-align: center;
}

.invalid-feedback2 {
	width: 100%;
	margin-top: 0.25rem;
	font-size: 0.875em;
	color: var(--bs-form-invalid-color);
}






/* ##### ##### ##### ##### ##### */
/* HEADER */
.vh-15 {
	height: 15vh !important;
}

.vh-10 {
	height: 10vh !important;
	max-height: 10vh !important;
}





/* HEADER CART */
.dropdown-menu-cart .product-label {
	font-weight: bold;
}



/* ##### ##### ##### ##### ##### */
/* MEA */
.mea {
	font-weight: bold;
}




/* ##### ##### ##### ##### ##### */
/* BOX */
.box {
	/* border: 2px solid #dddddd; */
	margin-bottom: 2em;
	/* border-bottom-left-radius: 1em; */
	/* border-bottom-right-radius: 1em; */
	/* border-top-right-radius: 1em; */
}

.box-title {
	font-weight: bold;
	/* background: #f5f5f5; */
	background: #474646;
	color: white;
	padding: .5em;
	border-top-right-radius: 1em;
	text-align: left;
}

.box-title label {
	margin-left: .5em;
}

.box-company {
	color: orange;
	font-size: .8em;
	padding: .5em;
	border-left: 2px solid #dddddd;
	border-right: 2px solid #dddddd;
}

.box-content {
	padding: .5em;
	border-left: 2px solid #dddddd;
	border-right: 2px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	/* border-top: 2px solid #dddddd; */
}

.box-author {
	padding: .5em;
	border-left: 2px solid #dddddd;
	border-right: 2px solid #dddddd;
	border-bottom: 2px solid #dddddd;
	/* border-top: 2px solid #dddddd; */
	text-align: center;
	padding-top: 2em;
	padding-bottom: 2em;
	font-style: italic;
	font-weight: bold;
	background-image: url("/img/covers/cover-01_crop.webp");
}

.box-pic {
	border-left: 2px solid #474646;
	border-right: 2px solid #474646;
	border-bottom: 2px solid #474646;
}

.box-hand {
	padding: .5em;
	border-left: 2px solid #dddddd;
	border-right: 2px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	text-align: center;
	display: flex;
	justify-content: center;
}

.box-hand img {
	max-width: 200px;
}

.box-graph {
	border-left: 2px solid #dddddd;
	border-right: 2px solid #dddddd;
	/* border-bottom: 2px solid #dddddd; */
	background-color: #ffffff;
}


.box-content:last-child {
	border-bottom-left-radius: 1em;
	border-bottom: 2px solid #dddddd;
}

/* .box-content a {
	color: var(--bs-body-color);
}

.box-content a:hover {
	color: blue;
	text-decoration: underline;
} */

.box-content .menu-item {
	margin-bottom: 5px;
}




.box.panel-blue .box-title {
    background: #3498db;
}

/* .box.panel-blue .box-content {
    border-color: #3498db;
} */

.box.panel-green .box-title {
    background: #2ecc71;
}

.box.panel-orange .box-title {
    background: orange;
}

/* .box.panel-green .box-content {
    border-color: #2ecc71;
} */

.box.panel-red .box-title {
    background: #e74c3c;
}

/* .box.panel-red .box-content {
    border-color: #e74c3c;
} */



.arrow-blue {
	color: #3498db;
}

.arrow-green {
	color: #2ecc71;
}

.arrow-red {
	color: #e74c3c;
}





/* ##### ##### ##### ##### ##### */
/* LINK */
i.link,
a.link {
	color: #72c02c;
}

a.link:hover {
	text-decoration: underline;
	/* color: #72c02c; */
	color: var(--bs-body-color);
}



a.link-menu {
	/* color: var(--bs-body-color); */
	color: #474646;
}

a.link-menu:hover {
	text-decoration: underline;
	color: #72c02c;
}







/* ##### ##### ##### ##### ##### */
/* alignement */
.text-left {
	text-align: left;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.text-justify {
	text-align: justify;
}


.text-upper {
	text-transform: uppercase;
}






/* ##### ##### ##### ##### ##### */
/* TODO revoir selon résolution */

/* Back to dashboard */
.local-action-bar {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
}



/* ##### ##### ##### ##### ##### */
/* IMG */
.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
}

.img-bordered {
	border: 1px solid #cccccc;
}

.vignette {
	max-width: 250px;
}

.vignette-braphis {
	max-width: 500px;
}

.vignette-slider {
	max-width: 500px;
}

.auto-margin {
	margin: auto;
}



/* ##### ##### ##### ##### ##### */
/* table */

.table th,
.table td {
	color: #474646 !important;
}




/* action de tableau */
.groupedActionBar {
	display: flex;
}

.groupedActionBarSelect {
	width: 300px !important;
	margin-right: .5em;
}





/* Yes no */

.yes {
	color: green;
}


.no {
	color: red;
}




/* blocs */
.bloc-header {
	text-align: center;
}




@media only screen and (min-width: 768px) {

	body:not(.layout-admin) section {
		padding: 70px 0 !important;
	}
}

@media only screen and (max-width: 768px) {

	body:not(.layout-admin) section {
		padding: 50px 0 !important;
	}
}





/* text */

.text-green {
	color: #2ecc71;
}

.text-red {
	color: #e74c3c;
}

.text-white {
	color: #ffffff;
}




.border-logo-client {
	border: 1px solid #dddddd;
}