body
{
	/* font-family: Roboto; */
}

.linkpratitien {
    background: #11c77c !important;
    font-size: 15px;
	padding:5px;
	cursor:pointer !important;
}


.disabled1 {
    opacity: 0.3 !important;
	cursor:pointer !important;
}
.box-me{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.box-child-me, .box-child-me div, .box-child-me span, .box-child-me *{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.nomargpad
{
	margin: 0px !important;
	padding: 0px !important;
}
.nomarg
{
	margin: 0px;
}
.nomargimp
{
	margin: 0px !important;
}
.nomargpadimp
{
	margin: 0px !important;
	padding: 0px !important;
}
.nomargtop
{
	margin-top: 0px !important;
}
.nomargbottom
{
	margin-bottom: 0px !important;
}
.nopad
{
	padding: 0px;
}
.nopadimp
{
	padding: 0px !important;
}
.text-left
{
	text-align: left;
}
.text-center
{
	text-align: center;
}
.text-right
{
	text-align: right;
}
.text-ellipsis
{
	text-overflow: ellipsis;
    white-space: nowrap;
	overflow: hidden;
}
.text-uppercase
{
	text-transform: uppercase;
}
.text-shadow 
{
    text-shadow: 1px 1px 1px #000;
}
.col-empty
{
	background-color: transparent !important;
    border: 0 !important;
	margin: 0px !important;
}
.align-items-strech
{
	align-items: stretch;
}
.undisplayed
{
	display: none !important;
}
@media (max-width: 767px)
{
	.phone-undisplayed
	{
		display: none !important;
	}
}
@media (min-width: 768px)
{
	.tablet-undisplayed
	{
		display: none !important;
	}
}
.layout-fixed,
.layout-fixed > table,
.layout-fixed > .card-content > table
{
	table-layout: fixed;
}
.scale-15
{
	transform: scale(1.5);
}
.scale-12
{
	transform: scale(1.2);
}
.pos-relative
{
	position: relative;
}
@media (max-width: 767px)
{
	.phone-hide
	{
		display: none !important;
	}
}
@media (min-width: 768px)
{
	.tablet-hide
	{
		display: none !important;
	}
}
/* ------------------------------------------------ */
:root {
    --main-green: #4CB49A;
    --main-brown: #BD9B71;
    --main-orange: #FFAC59;
    --main-blue: #50AAE7;
    --main-red: #E96265;
    --main-gray: #8195A0;
    --main-gray-light: #D0D9DE;
    /* --main-theme-color: var(--main-green); */
    --main-theme-color: #232323;/*#25a9fe couleur dorée au lieu du bleu */
    --main-theme-color-opacity: rgba(37, 169, 254, 0.2);
    --main-color-table-ouverte: #4CB49A;
    --main-color-table-encours: #E96265;
    --main-color-table-cloturee: #8195A0;
    --main-color-table-attente: #FFAC59;
}
/* ------------------------------------------------ */
/* .ios .navbar, */
/* .ios .page, */
/* .ios .subnavbar, */
/* .ios .toolbar */
/* { */
	/* background-color: #FFF !important; */
/* } */
.ios .navbar,
.ios .subnavbar,
.ios .toolbar,
.md .navbar,
.md .subnavbar,
.md .toolbar
{
	background-color: var(--main-theme-color) !important;
}
.ios .navbar:after,
.ios .subnavbar:after
{
    background-color: #ddd !important;
}
/* ------------------------------------------------ */
.page.hastoolbar .tabbar,
.page.hastoolbar .toolbar
{
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  -webkit-transition: 0ms;
  -o-transition: 0ms;
  transition: 0ms;
}
.page.hastoolbar .page-content
{
  padding-bottom: 44px;
}
@media (min-width: 768px)
{
	::-webkit-scrollbar
	{
		display: block !important;
		width: 10px !important;
		height: 10px !important;
		-webkit-appearance: none !important;
		opacity: 1 !important;
	}
	::-webkit-scrollbar-thumb
	{
		border-radius: 4px;
		background-color: rgba(0,0,0,.5);
		-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
	}
}
/* ------------------------------------------------ */
.height-100
{
	height: 100%;
}
.min-height-100
{
	min-height: 100%;
}
.content-overflow
{
	overflow: hidden;
	overflow-y: auto;
}
.block-vide
{
    margin: 0px !important;
    padding: 10px 16px !important;
}
.searchbar-top
{
	background-color: transparent !important;
}
.searchbar-top input[type="search"]
{
	background-color: #F2F2F4 !important;
}
.searchbar-top .searchbar-disable-button
{
    font-weight: bold;
    font-size: 13px;
}
.dialog-title .dialog-title-span
{
	color: var(--main-theme-color);
    font-size: 25px;
}
.preloader-home
{
	width: 42px !important;
    height: 42px !important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
.preloader-wide
{
	margin: 30px;
}
.login-screen-title
{
	width: 300px;
	height: 80px;
    color: var(--main-theme-color);
	padding: 15px;
	font-weight: 900;
	font-size: 35px;
	transition: 0.3s;
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: 1;
}
.list-login ul li.item-content .item-inner
{
	background-color: #F2FCF7 !important;
    color: var(--main-theme-color) !important;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 10px;
}
.list-login ul li.item-content .item-inner .item-input-wrap:after
{
    /* content: none !important; */
	background-color: transparent;
}
.list-login ul li.item-content .item-inner .item-input-wrap input
{
    color: var(--main-theme-color) !important;
    font-weight: 600;
}
.list-login-button .list-button
{
    background-color: var(--main-theme-color) !important;
    color: #FFF !important;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 3px;
    height: 38px;
    line-height: 38px !important;
    display: inline-block;
}


.list-login-count ul li.item-content .item-inner
{
	background-color: #F2FCF7 !important;
    color: var(--main-theme-color) !important;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 10px;
}
.list-login-count ul li.item-content .item-inner .item-input-wrap:after
{
    /* content: none !important; */
	background-color: transparent;
}
.list-login-count ul li.item-content .item-inner .item-input-wrap input
{
    color: var(--main-theme-color) !important;
    font-weight: 600;
}
.list-login-count-button .list-button
{
    background-color: var(--main-theme-color) !important;
    color: #FFF !important;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 3px;
    height: 38px;
    line-height: 38px !important;
    display: inline-block;
}

.user-holder
{
	padding: 15px 0px;
	text-align: center;
}
.user-holder .user-bloc
{
}
.user-holder .user-bloc .user-img
{
    width: 80px;
    height: auto;
    margin: auto;
	padding: 0px;
    border: 1px solid #ccc;
    border-radius: 50%;
}
.user-holder .user-bloc .user-img div
{
    width: 100%;
    background-size: cover;
    background-position: center;
    margin: 0px;
    padding: 0px;
    padding-top: 100%;
    border-radius: 50%;
}
.user-holder .user-bloc .user-text
{
    padding: 5px 10px 0px 10px;
}
.user-holder .user-bloc .user-text .user-sname
{
	color: #000;
    padding: 0px;
    font-size: 14px;
    font-weight: bold;
}
.user-holder .user-bloc .user-text .user-name
{
	color: #afafaf;
    padding: 0px;
    font-size: 14px;
}
.block-title.title-1
{
    color: #a2a2a2;
}
.userimg-holder
{
    margin: 0px !important;
	margin-bottom: 20px !important;
    padding: 0px !important;
}
.userimg-holder .userimg-bloc
{
    margin: 0px !important;
    padding: 1px !important;
}
.userimg-holder .userimg-bloc .userimg-img
{
    width: 100%;
    background-size: cover;
    background-position: center;
    margin: 0px;
    padding: 0px;
    padding-top: 100%;
}
.profile-infos
{
	padding: 10px 0px;
	text-align: center;
}
.profile-infos img
{
    width: auto;
    height: 80px;
    border: 1px solid #ccc;
    border-radius: 50%;
}
.profile-infos .profile-name
{
	color: #000;
	text-align: left;
	font-weight: bold;
    font-size: 16px;
}
.profile-infos .profile-text
{
	color: #000;
	text-align: left;
    font-size: 14px;
}
.infos-bloc
{
	padding: 10px 0px;
}
.infos-bloc .infos-top
{
	font-weight: bold;
    font-size: 17px;
}
.infos-bloc .infos-bottom
{
	color: #afafaf;
    font-size: 14px;
}
.button-infos
{
	color: #000;
	border-color: #afafaf;
}
.md .button-infos
{
	min-width: unset;
    line-height: 34px;
    border: 1px solid;
}
.navbar .navbar-inner .fa
{
	width: 44px;
	color: inherit;
    text-align: center;
}
@media (min-width: 768px)
{
	.navbar .navbar-inner .title .logo-img
	{
		font-size: 42px;
		padding: 0px 10px;
		font-weight: bold;
	}
}
.navbar .navbar-inner > .left > .list > ul:before,
.navbar .navbar-inner > .left > .list > ul:after
{
	content: none !important;
}
.navbar .navbar-inner > .left > a,
.navbar .navbar-inner > .right > a
{
	margin-left: 0px !important;
	padding: 0px 2px !important;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.navbar .user-a
{
	overflow: hidden;
}
@media (min-width: 768px)
{
	.navbar .user-a .fa
	{
		transform: scale(1.5);
	}
}
.navbar .user-a > div
{
	padding-right: 10px;
}
.navbar .user-a > div > span
{
    line-height: 15px;
    display: block;
	margin: 0px !important;
    font-size: 12px;
}
.story-holder
{
	padding: 0px 10px;
    white-space: nowrap;
    overflow: scroll;
}
.story-holder::-webkit-scrollbar
{ 
    display: none; 
}
.story-holder .story-bloc
{
	width: 90px;
	padding: 0px 10px;
	display: inline-block;
}
.story-holder .story-bloc .story-img
{
    width: 80px;
    height: auto;
    margin: auto;
	padding: 5px;
    border: 1px solid #ccc;
    border-radius: 50%;
}
.story-holder .story-bloc .story-img div
{
    width: 100%;
    background-size: cover;
    background-position: center;
    margin: 0px;
    padding: 0px;
    padding-top: 100%;
    border-radius: 50%;
}
.story-holder .story-bloc .story-text
{
    padding: 0px 5px;
}
.story-holder .story-bloc .story-text .story-title
{
	color: #000;
    padding: 5px 0px;
    font-size: 13px;
	text-transform: uppercase;
	text-overflow: ellipsis;
    white-space: nowrap;
	overflow: hidden;
}
.hmenu-holder
{
    -webkit-box-shadow: 0 1px 5px 0 rgba(133, 122, 122, 0.5);
    box-shadow: 0 1px 5px 0 rgba(133, 122, 122, 0.5);
}
.hmenu-holder .tabbar
{
    width: 100%;
    height: 100%;
    display: block;
	border-right: 1px solid rgba(255,255,255,.7);
}
.hmenu-holder .tabbar:after
{
	content: none !important;
}
.hmenu-holder .tabbar .toolbar-inner
{
	display: block;
	overflow-y: auto;
}
.hmenu-holder .tabbar .toolbar-inner .tab-link
{
    height: auto;
	display: block;
}
.hmenu-holder .tabbar .tab-link-highlight
{
	display: none !important;
}
.hmenu-holder > .link
{
	width: 100%;
	display: block;
}
.hmenu-div
{
	width: 100%;
}
.hmenu-holder .tabbar .toolbar-inner .tab-link.tab-link-active .hmenu-div
{
	background-color: #FFF;
}
.hmenu-div .fa
{
    width: 100%;
    display: block;
    text-align: center;
    font-size: 26px;
    padding: 10px 0px;
	padding-bottom: 0px;
}
.hmenu-holder .tabbar .toolbar-inner .tab-link.tab-link-active .hmenu-div .fa
{
	color: var(--main-theme-color);
}
.hmenu-div .hmenu-text
{
	width: 100%;
    display: block;
    text-align: center;
    font-size: 13px;
    padding: 10px 0px;
    padding-top: 0px;
}
.hmenu-holder .tabbar .toolbar-inner .tab-link.tab-link-active .hmenu-div .hmenu-text
{
	color: var(--main-theme-color);
}
.hproduits-holder
{
    /* padding: 8px 0px; */
	position: relative;
}
@media (min-width: 768px)
{
	.hproduits-holder .tabbar.left-one.tabbar-scrollable .toolbar-inner::-webkit-scrollbar,
	.hcommandes-holder .tabbar.left-one.tabbar-scrollable .toolbar-inner::-webkit-scrollbar
	{
		display: block !important;
		width: 10px !important;
		height: 10px !important;
		-webkit-appearance: none !important;
		opacity: 1 !important;
	}
	.hproduits-holder .tabbar.left-one.tabbar-scrollable .toolbar-inner::-webkit-scrollbar-thumb,
	.hcommandes-holder .tabbar.left-one.tabbar-scrollable .toolbar-inner::-webkit-scrollbar-thumb
	{
		border-radius: 4px;
		background-color: rgba(0,0,0,.5);
		-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
	}
}
.hproduits-holder .tabbar.right-one
{
	border-left: 1px solid rgba(255,255,255,.7);
}
.hproduits-holder .tabbar.right-one .tab-link-highlight
{
	display: none !important;
}
.hproduits-holder .tabs-holder
{
  /*  height: calc(100% - 50px) !important;SAYF */
	 height: 100% !important;
}
.hproduits-holder .tabs .row
{
    align-items: stretch;
}
.hproduits-holder .tabs .row
{
    align-items: stretch;
}
.hproduit-holder
{
    margin-bottom: 8px;
    padding: 0px 4px;
}
.hproduit-holder.tohide
{
    width: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	display: none;
	overflow: hidden;
}
.hproduit-holder > a
{
    height: 100%;
}
.hproduit-holder > .link
{
	width: 100%;
	display: block;
}
.hproduit-holder .hproduit-div
{
    height: 100%;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 4px 4px 11px 0 rgba(0, 0, 0, .1);
}
.hproduit-holder .hproduit-div .hproduit-img-holder
{
    background-image: url('../img/monkey.jpg');
    background-size: cover;
    background-position: center;
}
.hproduit-holder .hproduit-div .hproduit-img-holder .hproduit-img
{
    padding-top: 80%;
    background-image: url('');
    background-size: cover;
    background-position: center;
}
.hproduit-holder .hproduit-div .hproduit-name
{
	padding-top: 5px;
    text-align: center;
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    font-size: 12px;
}
.hproduit-holder .hproduit-div .hproduit-price
{
	padding-top: 2px;
    padding-bottom: 2px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}


.hcommandes-holder
{
    /* padding: 8px 0px; */
}
.hcommandes-holder .tabbar.left-one:after
{
	content: none;
}
.hcommandes-holder .tabbar.right-one
{
	border-left: 1px solid rgba(255,255,255,.7);
}
.hcommandes-holder .tabbar.right-one:after
{
	content: none;
}
.hcommandes-holder .tabbar.right-one .tab-link-highlight
{
	display: none !important;
}
.list-retour-holder
{
	background-color: var(--main-theme-color) !important;
}
.list-retour
{
	color: #FFF;
	border-left: 1px solid rgba(255,255,255,.7);
}

/* ------------------------------ */
.list-orders,
.md .list-orders
{
    margin: 0px;
	/* padding-top: 44px; */
    font-size: 13px;
	overflow: hidden;
}
.list-orders ul
{
    min-height: 100px;
}
.list-orders ul:before, .list-orders ul:after
{
	/* content: none !important; */
}
/* .list-orders:not(.sortable-opened) ul:before */
/* { */
    /* content: 'Vide.'; */
    /* width: 100%; */
    /* height: 24px; */
    /* display: block; */
    /* box-sizing: border-box; */
    /* margin: 0px; */
    /* padding-top: 10px; */
    /* padding-left: 20px; */
    /* position: absolute; */
    /* left: 0px; */
    /* top: 0px; */
    /* font-size: 14px; */
    /* z-index: 0; */
/* } */

.list-orders li.animated
{
    -webkit-animation-name: animated;
    -webkit-animation-duration: 0.3s;
    animation-name: animated;
    animation-duration: 0.3s;
}

@-webkit-keyframes animated {
    from {
		height: 0px;
	}
    to {
		height: 44px;
	}
}

@keyframes animated {
    from {
		height: 0px;
	}
    to {
		height: 44px;
	}
}
.list-orders li.animated a
{
    -webkit-animation-name: animated-a;
    -webkit-animation-duration: 0.3s;
    animation-name: animated-a;
    animation-duration: 0.3s;
}

@-webkit-keyframes animated-a {
    from {
		transform: translate3d(-100%, 0px, 0px);
	}
    to {
		transform: translate3d(0%, 0px, 0px);
	}
}

@keyframes animated-a {
    from {
		transform: translate3d(-100%, 0px, 0px);
	}
    to {
		transform: translate3d(0%, 0px, 0px);
	}
}



.list-orders ul li .swipeout-content
{
    width: 100%;
	background-color: #FFF;
}
.list-orders ul li .swipeout-delete
{
	width: 82px;
    background-color: #ff7876 !important;
    text-align: left !important;
}
.list-orders ul li .swipeout-delete .fa
{
	color: #FFF;
    font-size: 22px;
    line-height: 44px;
    position: absolute;
    top: 0px;
    left: 10px;
}
.list-orders ul li .swipeout-duplicate
{
    background-color: #5fb085 !important;
    text-align: right !important;
    /* -webkit-filter: grayscale(100%); */
    /* filter: grayscale(100%); */
}
.list-orders ul li .swipeout-duplicate .fa
{
	color: #FFF;
    font-size: 22px;
    line-height: 44px;
    position: absolute;
    top: 0px;
    right: 10px;
}    
.list-orders ul li .item-content
{
	color: #5fb085;
}
.list-orders ul li .item-content .item-media
{
	align-self: flex-start;
}
.list-orders ul li .item-content .item-media .badge
{
	background-color: #5fb085;
	border-radius: 3px;
	width: 100%;
    font-size: 12px;
    font-weight: bold;
}
.list-orders ul li .item-content .item-inner
{
	color: inherit;
}
.list-orders ul li .item-content .item-inner:after
{
	background-color: transparent;
}
.list-orders ul li .item-content .item-title-row
{
	background: none !important;
    padding-right: 0px !important;
}
.list-orders ul li .unmodified .item-content .item-title-row:after
{
	content: "\f00c";
    display: inline-block;
    display: none;
    position: absolute;
    top: 11px;
    right: 14px;
    border-radius: 5px;
    z-index: 15;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	
}
.list-orders ul li .item-content .item-title
{
	color: inherit;
	font-weight: bold;
	white-space: normal;
    overflow: hidden;
    text-overflow: unset;
}
.list-orders ul li .item-content .item-after
{
	color: inherit;
	font-weight: bold;
}
.list-orders ul li .item-content .item-subtitle
{
	font-weight: bold;
    font-size: 12px;
    padding-left: 15px;
}


.list-orders ul li.content-separator {
    height: 44px;
	background-color: #FFF;
	left: 0%;
	opacity: 1;
	overflow: hidden;
	display: none;
	/* transition: all 0.3s; */
	/* transition-property: left, height, opacity; */
}
.list-orders ul li.content-separator.tohide {
    /* height: 0px; */
	/* left: -100%; */
	/* opacity: 0; */
	display: none;
}
.list-orders ul li.content-separator:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: auto;
    right: auto;
	top: 23px;
    height: 2px;
    width: 100%;
    background-color: #5B6478;
    display: block;
    z-index: 1;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}
.list-orders ul li.content-separator .item-content .item-media
{
	color: #5B6478;
    /* font-size: 17px; */
    align-self: center;
	z-index: 2;
}
.list-orders ul li.content-separator .item-content .item-media .fa
{
    width: 20px;
	background-color: #FFF;
    transform: scale(1.2);
    text-align: center;
}
.list-orders ul li.content-separator .item-content .item-media .badge
{
	background-color: rgb(95,176,133);
	border-radius: 3px;
}
.list-orders ul li.content-separator .item-content .item-inner
{
	color: #5B6478;
	font-weight: bold;
	/* font-size: 17px; */
	text-transform: uppercase;
	z-index: 2;
	/* padding-right: 15px; */
	/* background-image: none; */
}
.list-orders ul li.content-separator .item-content .item-inner:after
{
	color: #5B6478;
	background-color: transparent;
}
.list-orders ul li.content-separator .item-content .item-after
{
	color: #5B6478;
}
.list-orders ul li.content-separator .item-content .blaka
{
	background-color: #FFF;
    padding-left: 5px;
    padding-right: 5px;
}
.list-orders ul #content-separator1
{
    width: 100%;
    position: absolute;
    top: -44px;
    left: 0px;
}

/* ---------------------------------------------- */



.list-orders ul li .swipeout-content.unactive .item-content .item-media .badge
{
    opacity: 0.6;
}
.list-orders ul li .swipeout-content.unactive .item-content .item-title,
.list-orders ul li .swipeout-content.unactive .item-content .item-after
{
	text-decoration: line-through;
    opacity: 0.6;
}


/* ---------------------------------------------- */

#list-commandes .tab-link-highlight
{
	display: none !important;
}
#list-commandes .tab-link .commande-perc
{
    /* background: linear-gradient(90deg, var(--main-color-table-encours) 75%, var(--main-color-table-attente) 75%); */
    background: transparent;
    width: 100%;
    height: 7px;
    position: absolute;
    top: 0px;
    left: 0px;
}
#list-commandes .tab-link .commande-table
{
    width: 100%;
	background-color: transparent;
    /* color: #000; */
    text-align: center;
    font-size: 7px;
    position: absolute;
    top: 34px;
    left: 0px;
}
#list-commandes .tab-link.tab-link-active
{
	background-color: #FFF;
    color: var(--main-theme-color);
    font-weight: bold;
}
#list-commandes .tab-link.tohide:not(.special)
{
	display: none;
	color: red !important;
}

.left-holder
{
	
}
.rght-holder
{
    width: 100%;
    /* height: calc(100% - 49px); */
    background-color: #eeeeee;
	border-left: 1px solid #c5c5c5;
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 9999;
}
@media (max-width: 767px)
{
	.rght-holder
	{
		height: calc(100% - 49px);
	}
}
.rght-holder.tohide
{
	display: none;
}
.rght-holder .rght-top
{
	border-bottom: 1px solid #c5c5c5;
}
.rght-holder .rght-top2
{
	border-bottom: 1px solid #c5c5c5;
	display: none;
}
.rght-holder .rght-center
{
	height: calc(100% - 270px);
	border-bottom: 1px solid #c5c5c5;
}
.rght-holder.active .rght-center
{
	height: calc(100% - 94px);
	position: relative;
}
.rght-holder.active .rght-bottom1
{
}
.rght-holder.active .rght-bottom1 > .row
{
	height: 0px;
	overflow: hidden;
}
.rght-holder .rght-bottom
{
}
.rght-holder .rght-bottom.rght-bottom1
{
}
.rght-holder .rght-bottom1 .rght-bottom-toggle
{
    width: 45px;
    background-color: var(--main-theme-color);
	color: white;
    text-align: center;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    font-size: 22px;
    position: absolute;
    bottom: 100%;
    right: 10px;
}
.rght-holder .rght-bottom1 .rght-bottom-toggle .fa:before {
    content: "\f078";
}
.rght-holder.active .rght-bottom1 .rght-bottom-toggle .fa:before {
    content: "\f077";
}
.rght-holder .rght-bottom.rght-bottom2
{
	padding-top: 4px !important;
}
.commande-envoyer-holder
{
	padding: 0px 10px;
}
.commande-envoyer
{
}
.commande-add
{
    margin-bottom: 8px;
}
.dial-me
{
    margin: 8px 0px !important;
}
.dial-me .segmented
{
	margin: 0px;
}
.dial-me .segmented .button
{
    height: 40px;
	line-height: 38px;
	background-color: #FFF;
	border-bottom: 0;
    border: 2px solid #eeeeee;
	border-radius: 0px !important;
	font-weight: bold;
	box-shadow: inset 0 0 1px #414141;
}
.dial-me .segmented:last-child .button
{
	border-bottom: 2px solid #eeeeee;
	border-radius: 0px !important;
}

@media (max-width: 767px)
{
	.dial-me .dial-type,
	.dial-me .dial-del
	{
		padding: 0px 3px;
		font-size: 9px;
		text-overflow: unset;
	}
}
.dial-me .dial-type.active
{
	background-color: var(--main-theme-color) !important;
    color: #FFF;
}
.data-commande-infos
{
    background-color: #FFF !important;
	/* border: 2px solid var(--main-theme-color); */
}
.data-commande-infos table tr
{
    background-color: transparent !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.data-commande-infos table tr td
{
    background-color: transparent !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.data-commande-infos table tr td.label-cell
{
	/* border-left: 1px solid #eeeeee; */
    font-weight: bold;
}
.data-orders
{
	height: calc(100% - 52px);
	/* border: 2px solid var(--main-theme-color); */
	border-top: 0px;
}
.data-orders table
{
	/* table-layout: fixed; */
}
.data-orders table tr
{
	transform: translateX(0%);
	opacity: 1;
	transition: 0.3s;
}
.data-orders table tr.active
{
	background-color: #ffe2bd !important;
}
.data-orders table tr.order-annulee
{
	background-color: var(--main-red) !important;
	color: #FFF !important;
}
.data-orders table tr td
{
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.data-orders table tr td:before
{
    text-align: left;
}
.data-orders table tr td.quantite-holder
{
    text-align: center;
}
.data-orders table tr.order-annulee td.quantite-holder
{
    color: #FFF;
	font-weight: bold;
}
.data-orders table tr td.quantite-holder .data-orders-quantite
{
    width: 50px;
    background-color: #FFF;
	display: block;
    margin: 5px auto;
	text-align: center;
    border: 1px solid #c5c5c5;
    border-radius: 5px;
	pointer-events: none;
}
.data-orders table tr td.quantite-holder .stepper-fill .stepper-button-minus,
.data-orders table tr td.quantite-holder .stepper-fill .stepper-button-plus
{
	background-color: var(--main-theme-color);
}

.data-orders table tr td.name-holder .data-orders-name
{
    display: block;
	font-weight: bold;
}
.data-orders table tr td.name-holder .data-orders-name.bottom
{
    color: #808080;
    font-weight: normal;
    font-size: 12px;
}
.data-orders table tr.order-annulee td.name-holder .data-orders-name.bottom
{
    color: #FFF;
}
.data-orders table tr td.name-holder .data-orders-option
{
    color: #000000;
    display: block;
    font-weight: bold;
    font-size: 12px;
    padding-left: 10px;
}
.data-orders .orders-button
{
    width: 32px !important;
    min-width: unset;
    height: 32px !important;
    line-height: 32px !important;
    display: inline-block;
    padding: 0px !important;
    border-radius: 16px;
    font-size: 16px !important;
    margin-right: 3px;
}
.data-orders tr .orders-button.order-edit
{
    display: none;
}
.data-orders tr.hasoptions .orders-button.order-edit
{
    display: inline-block;
}
.data-orders .buttons-cell
{
    width: 90px;
    padding-left: 5px !important;
    padding-right: 5px !important;
	text-align: right;
}
@media (max-width: 480px) and (orientation: portrait)
{
	.data-orders .buttons-cell
	{
		width: auto;
		min-width: 90px;
	}
}
.hproduits-holder .clients-holder
{
    /* height: calc(100% - 64px) !important; */
}
.data-clients
{
    border: 1px solid rgba(0, 0, 0, 0.2);
}
.data-clients table tr.active
{
    background-color: #ffe2bd !important;
}
.data-clients table tr th,
.data-clients table tr td
{
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.data-clients .client-button
{
    width: 32px !important;
    min-width: unset;
    height: 32px !important;
    line-height: 32px !important;
    display: inline-block;
    padding: 0px !important;
    border-radius: 16px;
    font-size: 16px !important;
    margin-right: 3px;
}
.data-clients .buttons-cell
{
    width: 90px;
	min-height: 48px;
    padding-left: 5px !important;
    padding-right: 5px !important;
	text-align: right;
}
.client-entreprise
{
	display: block;
    font-weight: bold;
}
/* ---------------------- */
.data-clients-web
{
    border: 1px solid rgba(0, 0, 0, 0.2);
}
.data-clients-web table tr.active
{
    background-color: #ffe2bd !important;
}
.data-clients-web table tr td
{
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.data-clients-web .client-button
{
    min-width: unset !important;
    display: inline-block;
    margin: 0px !important;
    padding: 0px 6px !important;
    height: 25px !important;
    line-height: 25px !important;
    font-size: 12px !important;
}
.data-clients-web .buttons-cell
{
	min-height: 48px;
	padding-left: 5px !important;
	padding-right: 5px !important;
	text-align: right;
	white-space: nowrap;
}
@media (min-width: 768px)
{
	.data-clients-web .buttons-cell
	{
		/* width: 90px; */
	}
}
.data-clients-web table tr td.client-rest
{
	font-weight: bold;
	/* font-size: 15px; */
}
.data-clients-web table tr td.client-rest.red
{
    color: var(--main-red) !important;
}
.data-clients-web table tr td.client-rest.green
{
    color: var(--main-green) !important;
}
.data-clients-web table tr td.client-rest.blue
{
    color: #2196f3 !important;
}
/* ---------- */
.searchbar-clients
{
    border: 1px solid rgba(0, 0, 0, 0.2);
}
.button-toolbar
{
}
.popup-client .ajouter-only,
.popup-client .modifier-only
{
	display: none;
}
.popup-client.popup-client-ajouter .ajouter-only
{
	display: initial;
}
.popup-client.popup-client-modifier .modifier-only
{
	display: initial;
}
.clientadd-button
{
    background-color: var(--main-theme-color) !important;
}
.list .item-content.non-valid .item-input-wrap:after
{
    content: '' !important;
    position: absolute;
    background-color: var(--main-red) !important;
    display: block;
    z-index: 15;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
	-webkit-transform: scaleY(2);
    transform: scaleY(2);
}
.span-obligatoire
{
	color: var(--main-red);
	font-weight: bold;
}
.hmenu-total tr
{
	font-size: 12px;
}
.hmenu-total tr.hmenu-total
{
    font-size: 16px;
    font-weight: bold;
}
.hmenu-total tr td
{
    height: 39px !important;
}
.data-modepaiements tr td.modepaiement-input-cell
{
    width: 30px;
    text-align: right;
    padding-left: 5px !important;
    padding-right: 0px !important;
}
.data-modepaiements tr td.label-cell
{
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.data-modepaiements-web tr td.modepaiement-input-cell
{
    width: 30px;
    text-align: right;
    padding-left: 5px !important;
    padding-right: 0px !important;
}
.data-modepaiements-web tr td.label-cell
{
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.data-modelivraisons tr td.modelivraison-input-cell
{
    width: 30px;
    text-align: right;
    padding-left: 5px !important;
    padding-right: 0px !important;
}
.data-modelivraisons tr td.label-cell
{
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.data-magasins tr td.magasin-input-cell
{
    width: 30px;
    text-align: right;
    padding-left: 5px !important;
    padding-right: 0px !important;
}
.data-magasins tr td.label-cell
{
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.data-motifs-annuler tr td.motif-annuler-input-cell
{
    width: 30px;
    text-align: right;
    padding-left: 5px !important;
    padding-right: 0px !important;
}
.data-motifs-annuler tr td.label-cell
{
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.data-clients2 tr td.client-input-cell
{
    width: 30px;
    text-align: right;
    padding-left: 5px !important;
    padding-right: 0px !important;
}
.data-clients2 tr td.label-cell
{
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.data-modepaiements tr:last-child td:after,
.data-modepaiements-web tr:last-child td:after,
.data-modelivraisons tr:last-child td:after,
.data-magasins tr:last-child td:after,
.data-motifs-annuler tr:last-child td:after,
.data-clients2 tr:last-child td:after
{
    content: '';
    position: absolute;
    background-color: rgba(0,0,0,.12);
    display: block;
    z-index: 15;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
}
.dial-modepaiement
{
    margin: 8px 0px !important;
}
.dial-modepaiement .segmented
{
	margin: 0px;
}
.dial-modepaiement .segmented .button
{
    height: 40px;
	line-height: 38px;
	background-color: #FFF;
	border-bottom: 0;
    border: 2px solid #eeeeee;
	border-radius: 0px !important;
	font-weight: bold;
	box-shadow: inset 0 0 1px #414141;
}
.dial-modepaiement .segmented:last-child .button
{
	border-bottom: 2px solid #eeeeee;
	border-radius: 0px !important;
}
.dial-modepaiement .button.button-fill
{
	box-shadow: none;
}
/* ------------- */
.dial-web-modepaiement
{
    margin: 8px 0px !important;
}
.dial-web-modepaiement .segmented
{
	margin: 0px;
}
.dial-web-modepaiement .segmented .button
{
    height: 40px;
	line-height: 38px;
	background-color: #FFF;
	border-bottom: 0;
    border: 2px solid #eeeeee;
	border-radius: 0px !important;
	font-weight: bold;
	box-shadow: inset 0 0 1px #414141;
}
.dial-web-modepaiement .segmented:last-child .button
{
	border-bottom: 2px solid #eeeeee;
	border-radius: 0px !important;
}
.dial-web-modepaiement .button.button-fill
{
	box-shadow: none;
}
/* ----------- */
.commande-paiements li .item-content .item-media
{
	min-width: unset;
}
.commande-paiements li .item-content .item-inner .item-title-row
{
	background-image: none;
	padding-right: 0px;
}
.commande-paiements li .item-content .item-inner .item-title-row .paiement-delete
{
	min-width: 40px;
}
.commande-paiements li .item-content .item-inner .item-title-row .remise-delete
{
	min-width: 40px;
}
.commande-remises li .item-content .item-media
{
	min-width: unset;
}
.commande-remises li .item-content .item-inner .item-title-row
{
	background-image: none;
	padding-right: 0px;
}
.commande-remises li .item-content .item-inner .item-title-row .paiement-delete
{
	min-width: 40px;
}
.commande-remises li .item-content .item-inner .item-title-row .remise-delete
{
	min-width: 40px;
}
.list-paiement-input .item-input-wrap:after
{
	content: none;
}
.list-paiement-input input[type=text]
{
	opacity: 1 !important;
	text-align: center;
	font-weight: bold;
}
.list-cl-holder
{
    height: calc(100% - 142px);
}
.list-cl-validated-hide > li.validated
{
	display: none !important;
}
.list-cl-unvalidated-hide > li.unvalidated
{
	display: none !important;
}
.list-cl-payed-hide > li.payed
{
	display: none !important;
}
.list-cl-unpayed-hide > li.unpayed
{
	display: none !important;
}
.list-cl .client-hide
{
	display: none !important;
}
.list-cl > ul > li > a.active
{
    background-color: #ffe2bd !important;
}
.list-cl .item-media
{
	align-self: auto;
}
.list-cl .item-media .badge
{
	width: 100%;
	font-size: 18px;
}
.list-cl .item-media .badge.red
{
    background-color: var(--main-red);
}
.list-cl .item-media .badge.green
{
    background-color: var(--main-theme-color);
}
.list-cl .item-media .badge.gray
{
    background-color: var(--main-gray);
}
.list-cl .item-inner
{
	padding-right: 25px !important;
}
.list-cl .item-inner .icon-unvalidated
{
    position: absolute;
    top: 10px;
    right: 5px;
    bottom: auto;
    left: auto;
    display: none;
    font-size: 17px;
    color: var(--main-red);
}
.list-cl .item-inner.unvalidated .icon-unvalidated
{
    display: inline-block;
}
.list-cl .item-inner .icon-validated
{
    position: absolute;
    top: 10px;
    right: 5px;
    bottom: auto;
    left: auto;
    display: none;
    font-size: 20px;
    color: var(--main-green);
}
.list-cl .item-inner.validated .icon-validated
{
    display: inline-block;
}
.list-cl .item-inner .icon-unpayed
{
    position: absolute;
    top: 32px;
    right: 5px;
    bottom: auto;
    left: auto;
    display: none;
    font-size: 16px;
    color: var(--main-red);
}
.list-cl .item-inner.unpayed .icon-unpayed
{
    display: inline-block;
}
.list-cl .item-inner .icon-payed
{
    position: absolute;
    top: 32px;
    right: 5px;
    bottom: auto;
    left: auto;
    display: none;
    font-size: 16px;
    color: var(--main-green);
}
.list-cl .item-inner.payed .icon-payed
{
    display: inline-block;
}
.list-cl .cl-total
{
    font-weight: bold;
    font-size: 20px;
}
.list-cl .cl-infos
{
    font-weight: bold;
    font-size: 12px;
}
.list-cl .cl-buttons
{
    text-align: right;
}
.list-cl .cl-buttons .commande-edit
{
    width: auto !important;
    display: inline-block;
	min-width: unset;
}
.list-cl .cl-infos .item-row:first-child
{
    margin-bottom: 5px;
}
.cd-holder
{
    border-left: 1px solid rgba(0,0,0,.12);
}
/* -------------------------------- */
.list-cl-web-holder
{
    height: calc(100% - 142px);
}
.list-cl-web-validated-hide > li.validated
{
	display: none !important;
}
.list-cl-web-unvalidated-hide > li.unvalidated
{
	display: none !important;
}
.list-cl-web-payed-hide > li.payed
{
	display: none !important;
}
.list-cl-web-unpayed-hide > li.unpayed
{
	display: none !important;
}
.list-cl-web .client-hide
{
	display: none !important;
}
.list-cl-web > ul > li > a.active
{
    background-color: #ffe2bd !important;
}
.list-cl-web .item-media
{
	align-self: auto;
}
.list-cl-web .item-media .badge
{
	width: 100%;
	font-size: 18px;
}
.list-cl-web .item-media .badge.red
{
    background-color: var(--main-red);
}
.list-cl-web .item-media .badge.green
{
    background-color: var(--main-theme-color);
}
.list-cl-web .item-media .badge.greens
{
    background-color: #28a745!important;
}
.list-cl-web .item-media .badge.gray
{
    background-color: var(--main-gray);
}
.list-cl-web .item-inner
{
	padding-right: 25px !important;
}
.list-cl-web .item-inner .icon-unvalidated
{
    position: absolute;
    top: 10px;
    right: 5px;
    bottom: auto;
    left: auto;
    display: none;
    font-size: 17px;
    color: var(--main-red);
}
.list-cl-web .item-inner.unvalidated .icon-unvalidated
{
    display: inline-block;
}
.list-cl-web .item-inner .icon-validated
{
    position: absolute;
    top: 10px;
    right: 5px;
    bottom: auto;
    left: auto;
    display: none;
    font-size: 20px;
    color: var(--main-green);
}
.list-cl-web .item-inner.validated .icon-validated
{
    display: inline-block;
}
.list-cl-web .item-inner .icon-unpayed
{
    position: absolute;
    top: 32px;
    right: 5px;
    bottom: auto;
    left: auto;
    display: none;
    font-size: 16px;
    color: var(--main-red);
}
.list-cl-web-web .item-inner.unpayed .icon-unpayed
{
    display: inline-block;
}
.list-cl-web .item-inner .icon-payed
{
    position: absolute;
    top: 32px;
    right: 5px;
    bottom: auto;
    left: auto;
    display: none;
    font-size: 16px;
    color: var(--main-green);
}
.list-cl-web .item-inner.payed .icon-payed
{
    display: inline-block;
}
.list-cl-web .cl-total
{
    font-weight: bold;
    font-size: 20px;
}
.list-cl-web .cl-infos
{
    font-weight: bold;
    font-size: 12px;
}
.list-cl-web .cl-buttons
{
    text-align: right;
}
.list-cl-web .cl-buttons .commande-edit,.list-cl-web .cl-buttons .ticket-commande,.list-cl-web .cl-buttons .gift-commande,.list-cl-web .cl-buttons .facture-commande,.list-cl-web .cl-buttons .view-commande,.list-cl-web .cl-buttons .disabled-commande,.list-cl-web .cl-buttons .printo-commande
{
    width: auto !important;
    display: inline-block;
	min-width: unset;
}
.list-cl-web .cl-infos .item-row:first-child
{
    margin-bottom: 5px;
}
.cd-web-holder
{
    border-left: 1px solid rgba(0,0,0,.12);
}



.left-border
{
    border-left: 1px solid rgba(0,0,0,.12);
}
.data-normal
{
	
}
.data-normal tbody tr:last-child td:after
{
	content: '';
    position: absolute;
    background-color: rgba(0,0,0,.12);
    display: block;
    z-index: 15;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
}
.checkout-numbers .checkout-number
{
	margin-bottom: 0px;
}
.checkout-numbers .checkout-text
{
    color: rgba(0,0,0,.54);
	margin: 0px;
}

.data-orders-total tbody tr td:before
{
	content: none !important;
}
.data-orders-total tbody tr td:after
{
	content: '';
    position: absolute;
    background-color: rgba(0,0,0,.12);
    display: block;
    z-index: 15;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
}
.col-option-div
{
	margin-bottom: 10px !important;
}
.col-empty
{
	background-color: transparent !important;
    border: 0 !important;
}

.option-div
{
    width: 100%;
	height: 63px;
    display: table;
	background-color: #F2F2F2;
    color: #5B6478;
	border-radius: 3px;
	position: relative;
	cursor: pointer;
    overflow: hidden;	
}
.option-div:active
{
	background-color: #d9d9d9;
}
.option-div.hasbackground
{
    background-image: url('');
    background-size: cover;
    background-position: center;
}
.option-div p
{
    display: table-cell;
	vertical-align: middle;
    color: #5B6478;
    text-align: center;
    font-size: 11px;
	font-weight: bold;
    padding: 5px;
}
.option-div.hasbackground p
{
	background-color: rgba(0, 0, 0, 0.4);
	color: #FFF !important;
	text-shadow: 1px 1px #000;
}
.option-div input[type="checkbox"]
{
	width: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	opacity: 0;
}
.option-div .fa
{
    color: #5B6478;
    font-size: 15px;
	position: absolute;
	top: 5px;
	left: 5px;
	transition: 0.2s;
	opacity: 0;
}
.option-div.hasbackground .fa
{
	color: #FFF !important;
	text-shadow: 1px 1px #000;
}
.option-div input[type="checkbox"]:checked+.fa {
	opacity: 1;
}
.option-div .option-price
{
    color: #5B6478;
    font-size: 10px;
	position: absolute;
	bottom: 5px;
	right: 5px;
}
.composition-title
{
	margin-left: 0px;
    margin-right: 0px;
}
.commande-remises li .item-content .item-media
{
	min-width: unset;
}
.commande-remises li .item-content .item-inner .item-title-row
{
	background-image: none;
	padding-right: 0px;
}
.commande-remises li .item-content .item-inner .item-title-row .paiement-delete
{
	min-width: 40px;
}
/* .logo-img */
/* { */
    /* width: auto; */
    /* height: 64px; */
    /* padding: 10px 4px; */
    /* padding: 0px; */
/* } */
/* .logo-img > img */
/* { */
    /* width: auto; */
    /* height: 44px; */
/* } */
/* .logo-img > div */
/* { */
	/* font-size: 42px; */
    /* padding: 0px 10px; */
    /* font-weight: bold; */
/* } */
.commande-print
{
    width: auto !important;
    display: inline-block;
}
.parametrage-sync
{
    width: auto !important;
    display: inline-block;
}
.caisse-arreter
{
    width: auto !important;
    display: inline-block;
}
.transaction-popup
{
    width: auto !important;
    display: inline-block;
}
.commande-buttons .button
{
    text-overflow: unset;
    padding-left: 2px;
    padding-right: 2px;
}
.list-utilisateur ul:after
{
    content: none !important;
}
.list-utilisateur ul li .item-media
{
	min-width: unset !important;
}
.list-utilisateur ul li .item-media .fa
{
    width: 100%;
    text-align: center;
	font-size: 38px;
}
.list-utilisateur-links ul li .item-media
{
	min-width: unset !important;
}
.list-utilisateur-links ul li .item-media .fa
{
}
.commande-add
{
	margin-bottom: 8px;
}
/* -------------- */
.tniveau-holder
{
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
    -moz-column-gap: 0;
    -webkit-column-gap: 0;
    column-gap: 0;
}
@media (max-width: 767px)
{
	.tniveau-holder
	{
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
		-moz-column-gap: 0;
		-webkit-column-gap: 0;
		column-gap: 0;
	}
}
.tniveau-holder .tniveau-column
{
	padding: 5px;
    display: inline-block;
    margin: 0px;
    width: 100%;
}
.tniveau-holder .tniveau-column .card .card-header
{
    background-color: var(--main-theme-color);
    color: #FFF;
}
.tniveau-holder .tniveau-column .card .list li .item-content
{
	font-weight: bold;
}
.tniveau-holder .tniveau-column .card .list li .item-content.active
{
    background-color: var(--main-theme-color-opacity);
	font-weight: bold;
}
.tniveau-holder .tniveau-column .card .list li .item-content .item-inner
{
	background-image: none;
    padding-right: 5px;
}
.tniveau-holder .tniveau-column .card .list li .item-content.active .item-inner:before
{
    content: "\f00c";
    color: var(--main-theme-color);
    display: inline-block;
    position: absolute;
    top: 11px;
    right: 3px;
    border-radius: 5px;
    z-index: 15;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* ------------------- */
.caissepage-content
{
	background-color: #FFF;
	background-image: url('../img/vierge.png?t=2');
	background-size: auto 50%;
	background-position: 0px 0px;
	background-repeat: repeat;
	animation: animatedBackground 25s linear infinite;
}
.caissepage-content:after {
    content: " ";
    background-color: rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
}
@-webkit-keyframes animatedBackground {
	from
	{
		background-position: 0 0;
	}
	to
	{
		background-position: 0 100%;
	}
}

@keyframes animatedBackground {
	from
	{
		background-position: 0 0;
	}
	to
	{
		background-position: 0 100%;
	}
}
/* --------- */
.caissepage-holder
{
	background-color: transparent;
    width: 100%;
    max-width: 600px;
	position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.caissepage-holder .caissepage-div
{
	background-color: rgba(255, 255, 255, 0.8);
    border-radius: 10px;
	overflow: hidden;
	transition: 0.3s;
}
.caissepage-title
{
    width: 100%;
	line-height: 33px;
    color: var(--main-gray);
    padding: 15px !important;
    text-align: center;
    font-weight: 900;
    font-size: 25px;
    transition: 0.3s;
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1;
}
.caissepage-title span
{
    color: var(--main-theme-color);
	display: block;
    font-size: 35px;
}
.list-caissepage .item-input-wrap:after
{
	content: none !important;
}
.list-caissepage .item-label
{
	color: var(--main-theme-color);
    padding: 7px;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
}
.caissepage-switch
{
	text-align: center;
}
.caissepage-switch .toggle
{
	width: 200px;
	height: 60px;
}
.caissepage-switch .toggle .toggle-icon
{
	width: 200px;
	height: 60px;
    background-color: #e5e5e5;
	border-radius: 30px;
}
.caissepage-switch .toggle input[type="checkbox"]:checked + .toggle-icon
{
    background-color: var(--main-theme-color) !important;
}
.caissepage-switch .toggle .toggle-icon:before
{
	width: 196px;
	height: 60px;
	background-color: transparent;
	border-radius: 26px;
}
.caissepage-switch .toggle .toggle-icon:after
{
    content: "";
    width: 60px;
    height: 60px;
    line-height: 60px !important;
	background-color: #FFF !important;
    background-position: center !important;
    background-image: url(../img/treasure.png) !important;
    background-size: 50% auto !important;
    background-repeat: no-repeat !important;
	border-radius: 50%;
    top: 0px !important;
}
.caissepage-switch .toggle input[type="checkbox"]:checked + .toggle-icon:after {
    -webkit-transform: translateX(140px);
    transform: translateX(140px);
}
.button-caissepage
{
	width: 200px;
    height: 60px !important;
    line-height: unset !important;
    background: #ffffff;
    color: var(--main-theme-color) !important;
    margin: auto;
    display: table !important;
    white-space: unset;
    border: 2px solid var(--main-theme-color) !important;
    border-radius: 30px !important;
    font-size: 14px !important;
    font-weight: bold !important;
}
.button-caissepage span
{
    display: table-cell;
	padding-left: 40px;
    vertical-align: middle;
    text-align: left;
}
.button-caissepage span:after
{
    content: "\f0f5";
    font-family: FontAwesome;
    font-weight: normal;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
}
.caissepage-div .caissepage-deconnexion
{
	position: absolute;
    top: 0px;
    left: 0px;
	z-index: 9999;
}
.caissepage-div .caissepage-deconnexion .fa
{
	color: var(--main-red);
    padding: 8px 16px;
    font-size: 25px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.popup-transaction .entree-only,
.popup-transaction .sortie-only
{
	display: none;
}
.popup-transaction.entree .entree-only,
.popup-transaction.sortie .sortie-only
{
	display: inline-block;
}
.popup-transaction.entree .navbar,
.popup-transaction.entree .toolbar
{
    background-color: var(--main-green) !important;
}
.popup-transaction.sortie .navbar,
.popup-transaction.sortie .toolbar
{
    background-color: var(--main-red) !important;
}
.cl-filter
{
	display: block;
    padding-top: 5px;
}
.cl-filter .checkbox
{
    margin-right: 5px;
    padding: 5px 0px;
}
.cl-filter .checkbox .icon-checkbox
{
    display: inline-block;
    vertical-align: middle;
}
.checkbox input[type=checkbox]:checked~i
{
	background-color: var(--main-theme-color) !important;
    border-color: var(--main-theme-color) !important;
}
.select-clients
{
    border: 1px solid var(--main-theme-color);
    border-radius: 3px;
    margin-left: 5px;
    padding: 5px 5px;
    display: inline;
}
/* -------------------- */
.client-historique li .item-content .item-media
{
	min-width: unset;
}
.client-historique li .item-content .item-inner .item-title-row
{
	background-image: none;
	padding-right: 0px;
}
/* ----------- */