.aside {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	margin: 0px 0;
	width: 80px;
	z-index: 98;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: #2c3e50;
	border-radius: inherit;
}

.symbol.symbol-success .symbol-label {
	background-color: #2c3e50;
	color: #ffffff;
}
.aside
	.btn.btn-icon:not(:disabled):not(.disabled):active:not(.btn-text)
	.svg-icon
	svg
	g
	[fill],
.aside
	.btn.btn-icon:not(:disabled):not(.disabled).active
	.svg-icon
	svg
	g
	[fill],
.show > .aside .btn.btn-icon.dropdown-toggle .svg-icon svg g [fill],
.show .aside .btn.btn-icon.btn-dropdown .svg-icon svg g [fill] {
	-webkit-transition: fill 0.3s ease;
	transition: fill 0.3s ease;
	fill: white;
}
.aside .btn.btn-icon:not(:disabled):not(.disabled):active:not(.btn-text),
.aside .btn.btn-icon:not(:disabled):not(.disabled).active,
.show > .aside .btn.btn-icon.dropdown-toggle,
.show .aside .btn.btn-icon.btn-dropdown {
	color: white;
	background-color: #F7931E;
}
.aside .btn.btn-icon:hover:not(.btn-text):not(:disabled):not(.disabled),
.aside .btn.btn-icon:focus:not(.btn-text),
.aside .btn.btn-icon.focus:not(.btn-text) {
	color: white;
	background-color: #F7931E;
}
.nav.nav-pills .show > .nav-link,
.nav.nav-pills .nav-link.active {
	color: #ffffff;
	background-color: #F7931E;
	-webkit-transition: color 0.15s ease, background-color 0.15s ease,
		border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
	transition: color 0.15s ease, background-color 0.15s ease,
		border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
	transition: color 0.15s ease, background-color 0.15s ease,
		border-color 0.15s ease, box-shadow 0.15s ease;
	transition: color 0.15s ease, background-color 0.15s ease,
		border-color 0.15s ease, box-shadow 0.15s ease,
		-webkit-box-shadow 0.15s ease;
}

.datatable.datatable-default
	> .datatable-pager
	> .datatable-pager-nav
	> li
	> .datatable-pager-link:hover:not(.datatable-pager-link-disabled) {
	opacity: 1;
	-webkit-transition: color 0.15s ease, background-color 0.15s ease,
		border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
	transition: color 0.15s ease, background-color 0.15s ease,
		border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
	transition: color 0.15s ease, background-color 0.15s ease,
		border-color 0.15s ease, box-shadow 0.15s ease;
	transition: color 0.15s ease, background-color 0.15s ease,
		border-color 0.15s ease, box-shadow 0.15s ease,
		-webkit-box-shadow 0.15s ease;
	background-color: #F7931E;
	color: #ffffff;
}

.datatable.datatable-default
	> .datatable-pager
	> .datatable-pager-nav
	> li
	> .datatable-pager-link.datatable-pager-link-active {
	-webkit-transition: color 0.15s ease, background-color 0.15s ease,
		border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
	transition: color 0.15s ease, background-color 0.15s ease,
		border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
	transition: color 0.15s ease, background-color 0.15s ease,
		border-color 0.15s ease, box-shadow 0.15s ease;
	transition: color 0.15s ease, background-color 0.15s ease,
		border-color 0.15s ease, box-shadow 0.15s ease,
		-webkit-box-shadow 0.15s ease;
	background-color: #F7931E;
	color: #ffffff;
}

.datatable.datatable-default
	> .datatable-pager
	> .datatable-pager-nav
	> li
	> .datatable-pager-input {
	height: 2.25rem;
	width: 3.5rem;
	text-align: center;
	-webkit-transition: color 0.15s ease, background-color 0.15s ease,
		border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
	transition: color 0.15s ease, background-color 0.15s ease,
		border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
	transition: color 0.15s ease, background-color 0.15s ease,
		border-color 0.15s ease, box-shadow 0.15s ease;
	transition: color 0.15s ease, background-color 0.15s ease,
		border-color 0.15s ease, box-shadow 0.15s ease,
		-webkit-box-shadow 0.15s ease;
	border-radius: 0.675rem !important;
	background-color: #F7931E;
	border-color: #F7931E;
	color: #7e8299;
}

.datatable.datatable-default
	> .datatable-pager
	> .datatable-pager-info
	.datatable-pager-size.show
	> .btn.dropdown-toggle {
	border: 0 !important;
	color: #ffffff !important;
	background-color: #F7931E !important;
}

.aside .btn.btn-icon .svg-icon svg g [fill] {
	-webkit-transition: fill 0.3s ease;
	transition: fill 0.3s ease;
	fill: #ffffff;
}

.aside
	.btn.btn-icon:hover:not(.btn-text):not(:disabled):not(.disabled)
	.svg-icon
	svg
	g
	[fill],
.aside .btn.btn-icon:focus:not(.btn-text) .svg-icon svg g [fill],
.aside .btn.btn-icon.focus:not(.btn-text) .svg-icon svg g [fill] {
	-webkit-transition: fill 0.3s ease;
	transition: fill 0.3s ease;
	fill: white;
}

.btn.btn-speedybigboss {
	color: #ffffff;
	background-color: #F7931E;
	border-color: #F7931E;
}

.bg-speedybigboss {
	background-color: #F7931E !important;
}

.login.login-1 .login-aside .aside-img {
	background-size: cover;
}
span.flex.flex-column.text-right {
	margin-left: 60px;
}
.btn.btn-outline-danger {
	color: #f64e60;
	background-color: transparent;
	border-color: #f64e60;
	margin-right: 50%;
	width: 100px;
}
.btn.btn-light-success {
	color: #1bc5bd;
	background-color: #c9f7f5;
	border-color: transparent;
	margin-right: 100%;
}

.qr_image {
	width: 100px;
	height: 100px;
}

#paiement_modal {
	z-index: 1051;
}

td.datatable-cell p {
	margin-bottom: 0rem;
}
td.datatable-cell p.social_reason {
	font-weight: bold;
}
td.datatable-cell p.address {
	font-style: italic;
}
.imgpreview{
	width: 200px;
	height: 200px;
	object-fit: contain;
}
#uni_modalSallePlusEdit label.checkbox {
	height: 30px;
}
span.text-muted.mt-3.font-weight-bold.font-size-sm {
	margin-left: 4.75rem;
}
.data-opening-hours {
	width: 100%;
}
.day {
	position: relative;
	width: 70%;
}
.day .bloc_left {
	width: 40%;
	float: left;
}
.day .bloc_right {
	width: 60%;
	float: left;
	position: relative;
}
.day .bloc_right .time_from {
	width: 50%;
	float: left;
}
.day .bloc_right .time_to {
	width: 50%;
	float: left;
}
.card-title-service {
	color: #663259;
	position: relative;
	padding: 1rem 1.25rem;
	margin: 0;
	font-size: 1.15rem;
	font-weight: 500;
	color: #663259;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: all 0.15s ease;
	transition: all 0.15s ease;
}
.serviceBtn {
	margin: 0;
	font-size: 1.15rem;
	font-weight: 500;
	color: #F7931E;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: all 0.15s ease;
	transition: all 0.15s ease;
}

@media (max-width: 991.98px){
	.aside {
		left: -100px !important;
	}
	.aside.aside-on {
		left: 0 !important;
	}
}

.hide {
	display: none !important;
}

.card.is-loading .image,
.card.is-loading h2,
.card.is-loading p, .card.is-loading div, .card.is-loading div.text-inverse-danger {
	background: #eee;
	background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
	border-radius: 5px;
	background-size: 400% 100%;
	-webkit-animation: 1.5s shine linear infinite;
	animation: 1.5s shine linear infinite;
}
.card.is-loading div>div, .card.is-loading div>span, .card.is-loading div>h3 {
	visibility: hidden;
}
.card.is-loading .image {
	height: 200px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.card.is-loading h2 {
	height: 30px;
}
.card.is-loading p {
	height: 70px;
}
@-webkit-keyframes shine {
	to {
		background-position-x: -200%;
	}
}

@keyframes shine {
	to {
		background-position-x: -200%;
	}
}

@media print {
	.modal-backdrop {
		background-color: #fff;
	}
	.modal-backdrop.show {
		opacity: 1;
	}
	#ModalImpression .modal-dialog {
		max-width: 100% !important;
	}
	#ModalImpression .modal-footer {
		display: none;
	}
	#ModalImpression .modal-header {
		display: none;
	}
	#ModalImpression .modal-content {
		font-size: 30px;
	}
	#ModalImpression img.qr_image {
		position: absolute;
		top: 40px;
		right: 40px;
		width: 200px;
		height: 200px;
	}
	#ModalImpression .impression {
		border: 1px solid #000;
		border-radius: 15px;
		padding: 10px;
	}
	#ModalImpression label.control-label {
		margin: 10px 0;
	}
}

#previewLogoSalle, #previewLogoSalleAdd {
	width: 150px;
	height: 150px;
	object-fit: cover;
}

span.select2.select2-container {
	width: 100% !important;
}

img#previewProfil {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

img#previewAvatarProfil {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.SoldPartenaire .sold {
	font-size: 22px !important;
	font-weight: bold !important;
}
.SoldPartenaire .soldnotpaid {
	font-size: 12px !important;
}

.DerniersPaiement {
	padding-top: 0;
}

.DerniersPaiement .typepaiement {
	width: 40% !important;
	display: block;
	float: left;
}
.DerniersPaiement .amount {
	width: 35% !important;
	display: block;
	float: left;
}
.DerniersPaiement .font-weight-bolder.text-dark {
	width: 100%;
}
.DerniersPaiement {
	padding-top: 0 !important;
}

.status-account-img {
	text-align: center;
}
.status-account-img img {
	width: 190px;
	height: 190px;
}
@media (max-width:500px){
	.login.login-1 .login-aside .aside-img {
		display: none !important;
	}
}
span.flex.flex-column.text-right {
	margin-left: 140px !important;
}

.timeline-date.font-size-lg {
	font-size: 8px;
}

.derniersMembre td.py-5.pl-0 {
	padding-right: 20px !important;
}

.derniersMembre td.pl-0 {
	padding-right: 20px !important;
}

.logo-login {
    width: 100%;
    height: 300px;
    object-fit: contain;
	filter: drop-shadow(0 0 0.2rem #fff);
}

.logo-speedycaisse-login {
    width: 70%;
    height: 200px;
    object-fit: contain;
	/* filter: drop-shadow(0 0 0.2rem #fff); */
}

.max-h-30px {
    max-height: 45px !important;
}

.datatable-row span.label {
    width: 100px;
    height: 30px;
    border-radius: 20px;
	margin-right: 10px;
}
.Nb-dash-valid{
	position: absolute;
    top: 10px;
    right: 10px;
}
.Nb-Depenses{
	position: absolute;
    top: 10px;
    right: 10px;
}
.Nb-ticket-annule{
	position: absolute;
    top: 10px;
    right: 10px;
}
.wave-color-1 {
    background-color: #75d77a;
}
.wave-color-2 {
    background-color: #eb7171;
}
.wave-color-3 {
    background-color: #F7931E;
}
.wave-color-4 {
    background-color: #f1d1c8;
}
.wave-color-5 {
    background-color: #c8ddf1;
}
button.btn_details {
    border-color: #fff3f3;
}
.btn_details_annule{
    border-color: #fff3f3;
}
tr.tr_bg {
    background-color: #dfdfdf;
}
td.ttc_td {
    text-align: right;
}
span#totalAmount {
    float: right;
}
.col-caissier{
	text-align: end;
}
.badge-light-warning {
    background-color: #fff8dd;
    color: #f6c000;
}
.badge-light-danger {
    background-color: #ffeef3;
    color: #f8285a;
}
.badge-light-success {
    background-color: #dfffea;
    color: #17c653;
}

.tr_bg.suppl {
    background-color: #a2ca71;
    margin-left: 30px;
    width: calc(100% - 30px);
}

.tr_bg.ingre {
    background-color: #f8ede3;
    margin-left: 30px;
    width: calc(100% - 30px);
}

.suppl.tr_bg>td:first-child,.ingre.tr_bg>td:first-child  {
    padding-left: 50px !important;
}

.suppl.tr_bg>td:nth-child(2), .suppl.tr_bg>td:nth-child(3) {
    color:#a2ca71;
}

.ingre.tr_bg>td:nth-child(2), .ingre.tr_bg>td:nth-child(3) {
    color:#f8ede3;
}

.aside-overlay {
    z-index: 97;
}

.date_time_update_bloc {
    font-weight: 600 !important;
    margin: 0 20px 0;
}

.date_time_update_bloc .date_time_update {
    color: #69cf69;
}