body {
	font-family: 'Quicksand', sans-serif;
	position: relative;
	padding-bottom: 6rem;
  	min-height: 100%;
}

.icon-notification {
	width: 10px;
	height: 10px;
	position: absolute;
	top: -5px;
	right: -5px;
	border-radius: 50%;
}

.icon-notification-container {
	position: relative;
}

.no-break {
	white-space: nowrap;
}

table.padded {
	padding-top: 80px;
}

table.padded thead {
	border-bottom: 2px;
}

.navdrawer-nav .nav-link {
	font-size: 1rem;
	padding: .7rem 1rem;
}

#wrapper #content-wrapper {
	padding-top: 0px;
}

footer.sticky-footer {
	width: 100%;
}

.footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  background-color: #efefef;
  text-align: center;
}

.card-login {
    max-width: 25rem;
}

.hidden {
	display: none;
}	

.table tbody td {
	padding: .2rem 0;
}

.table thead th, .table tbody td {
	padding: 0 12px;
}

@media (max-width: 576px) {
	.table thead th, .table tbody td {
		padding: 0 0;
		font-size: 70%;
	}
	.table .icon {
		font-size: 120%;
	}
	.table td:first-child, .table th:first-child, .table th:last-child, .table td:last-child {
		padding: 0;
	}

	table td.selectCol::after, table th.selectAll::after {
		font-size: 120% !important;
	}

	.container {
		padding: 0;
	}
}	

/* .table:not(.left) tr:not(.child) td {
	text-align: center;
} */

/* .table td:before {
	background-color: #777 !important;
} */

.automatic {
	color: #6666ff;
}

tr.disabled {
	font-style: italic;
	color: #999;
}

a.icon.disabled {
  pointer-events: none;
  cursor: not-allowed;
  text-decoration: none;
  color: #999;
}

a.disabled {
	pointer-events: none;
	cursor: not-allowed;
	text-decoration: none;
	color: #999;
  }



a.icon:hover {
	text-decoration: none;
	color: #1FA08D;
}

table.dataTable.table > tbody > tr.selected > * {
	box-shadow: inset 0 0 0 9999px #4D4039 !important;
}

table.dataTable.dtr-column > tbody > tr.selected:not(.dtr-expanded) > td.control::before {
	border-top: 5px solid transparent;
	border-left: 10px solid rgba(255, 255, 255, 1);
  border-bottom: 5px solid transparent;
  border-right: 0px solid transparent;
	
}

table.dataTable.dtr-column > tbody > tr.selected.dtr-expanded td.control::before {
	border-top: 10px solid rgba(255, 255, 255, 1);
  border-left: 5px solid transparent;
  border-bottom: 0px solid transparent;
  border-right: 5px solid transparent;
}

table.dataTable tbody tr:nth-of-type(even) {
    background-color: #F3F3F3;
}
table.dataTable tbody tr:nth-of-type(odd) {
    background-color: white;
}

table.dataTable.table > tbody > tr.selected a {
	color: #FFF !important;
}

table thead th.icon {
	padding: 0rem 1rem;
}

.icon {
/*	color: rgba(0,0,0,.87);*/
	font-size: 150%
}

.icon.auto {
	color: #6666ff;
}

.icon.client {
	color: #e6005c;
}

a.sent {
	color: #ccc;
}


table td.selectCol:after, table th.selectAll:after {
	font-family: "Font Awesome 5 Free";
	font-size: 24px;
	font-weight: 400;
	cursor: pointer;
}

table tr:not(.selected) td.selectCol:after, table th.selectAll:after {
	content: "\f111";
}

table tr.selected td.selectCol:after, table th.selectAll.selected:after {
	content: "\f192";
}

table tr.selected input {
	color: #fff;
	border-color: #fff;
}

.nav-tabs .nav-link:active, .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
	background-color: #fff;
}

.nav-item .btn {
	min-width: 3rem;
}

/* PICKER */

.picker__input {
	border-style: solid !important;
	color: #000 !important;
}

.picker__select--month, .picker__select--year {
	padding: 0 !important;
}

.picker__weekday {
	text-align: center;
}

.picker__nav--prev::before, .picker__nav--next::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	border: none;
}

.picker__nav--prev::before {
	content: "\f053";
}
.picker__nav--next::before {
	content: "\f054";
}

.picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected {
	background-color: #1fa08d;
}

.picker__day--infocus:hover, .picker__day--outfocus:hover, .picker__day--highlighted:hover, .picker__day--highlighted,
.picker--focused .picker__day--highlighted:not(.picker__day--selected) {
	background-color: #A7E2DA;
}

.picker__button--today:hover, .picker__button--clear:hover, .picker__button--close:hover {
	background-color: #A7E2DA;
	border-color: #A7E2DA;
}

.picker__day--highlighted {
	border-color: #1FA08D;
}

.picker__day--today::before {
	border-top-color: #1FA08D;
}

.picker__nav--prev:hover, .picker__nav--next:hover {
	background-color: #fff;
	color: #1fa08d;
}


.input-group-btn-vertical .btn {
  min-width: 1.5rem;
}

.euro::after {
	content: " €"
}

.kilo::after {
	content: " kg"
}

.gramme::after {
	content: " g"
}

.pourcent::after {
	content: " %"
}

.temperature::after {
	content: " °C"
}


/*.btn-toolbar .btn-link:hover {
	color: #1fa08d !important;
}
*/


div.dt-processing {
	top: 10% !important;
}

div.dt-processing > div:last-child > div {
	background-color: #1FA08D;
}

.chip.light, .chip.extralight {
	color: #000;
}

.chip.extralight {
	border: 1px dashed rgba(0,0,0,0.15);
}

.chip.dark {
	color: #fff;
}

.close.dark {
	color: rgba(255,255,255,0.8);
}

.close.dark:hover {
	color: rgba(255,255,255,1);
}

.cooler::before, .freezer::before, .tooSmall::before, .processed .card-header h4::before,
.error .card-header h4::before  {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 5px;
}

.cooler::before {
	color: #ff9933;
	content: "\f185";
}

.freezer::before {
	color: #6666ff;
	content: "\f2dc";
}

.tooSmall::before {
	color: #e6005c;
	content: "\f071";
}

.tooSmall, .error .card-header h4 {
	color: #e6005c;
}

.processed .card-header h4 {
	color: green;
}

.processed .card-header h4::before {
	content: "\f058";
}

.error .card-header h4::before {
	content: "\f057";
}

.card-header {
	background-color: #f5f5f5;
}

.accordion .card-header {
	background-color: #fff;
}

.fa-mars {
	color: #0092e6;
}

.fa-venus {
	color: #e6005c;
}


.cardMeat a {
	color: inherit;
	cursor: pointer;
}

.cardMeat a:hover, .cardMeat a:active, .cardMeat a:focus {
	text-decoration: none;
}

.cardMeat a .title-card-meat::after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-left: 15px;
	font-size: 80%;
	content: "\f078";
}

.cardMeat a.collapsed .title-card-meat::after {
	content: "\f054";
}

.dataTables_info {
	font-size: 80%;
	font-style: italic;
}

.tooltip-inner {
    white-space:pre-wrap;
	max-width:500px;
	font-size: 150%;
	text-align: left;
}

.modal-footer .btn {
	max-width: none;
}

.scroll-to-top {
	z-index: 10000;
}

.capitalize::first-letter {
	text-transform: uppercase;
}

.snackbar .close {
	position: absolute;
	top: 0;
	right: 0;
	margin-right: 10px;
}

.del {
	text-decoration:line-through;
}

td.noBreakCell {
	white-space:nowrap;
}

	hr {
	-moz-border-bottom-colors: none;
	-moz-border-image: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: #EEEEEE -moz-use-text-color #FFFFFF;
	border-style: solid none;
	border-width: 1px 0;
	margin: 18px 0;
}


.input-group-prepend-width{
	width: 20px;
}

button.dropdown-item:hover {
	cursor: pointer;
}

.sidebar-icon {
	width: 20px;
	text-align: center;
}

.marked-element-disabled {
	background-color:grey;
  border-radius: 5px;
}

.marked-element-primary {
	background-color:#009688;
  color: white;
  border-radius: 5px;
}

.marked-element-danger {
	background-color:#f44336;
  color: white;
  border-radius: 5px;
}

.marked-element-1 {
	background-color:rgb(227, 226, 224);
  border-radius: 5px;
}

.marked-element-2 {
	background-color:rgb(219, 237, 219);
  border-radius: 5px;
}

.marked-element-3 {
	background-color:rgb(253, 236, 200);
  border-radius: 5px;
}

.marked-element-4 {
	background-color:#D3E5EF;
  border-radius: 5px;
}

.marked-element-5 {
	background-color:#F5E0E9;
  border-radius: 5px;
}

.div-alert {
  position: relative;
  border-radius: 30px;
  background-color: #ffcdd2;
  padding: 25px;
}

  .badge-up {
	font-size: 70%;
	position: absolute;
	margin-left: -22px;
	top: 5px;
}

.no-break {
	white-space: nowrap;
}

.img-product{
    object-fit: cover; 
    width: 150px; 
    height: 150px;
    padding: 10px;
    border-radius: 15px;
    cursor: pointer;
}
.img-product:hover{
    opacity: 70%;
}

.img-container {
    width: 150px; 
    height: 150px;
    position: relative;
}
  
.img-container > a {
position: absolute;
background: white;
box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 90px;
border-radius: 10px;
padding: 7px;
top: 0;
right: 0;
}


.img-placeholder {
	/* object-fit: cover;  */
	width: 130px; 
	height: 130px;
	padding: 10px;
	margin: 10px;
	border-radius: 6px;
	background-color: #f1f1f1;
	border: #000000 1px dashed;
}