input[type=checkbox][disabled], input[readonly]:hover, .form-control:disabled {
    cursor: not-allowed;
}
/*input:invalid {
	background-color: lightpink;
}*/

.form-control:disabled, .form-control[readonly] {
	background-color: #e9ecef;
	opacity: 1;
}
.hidden{
	display:none !important;
}
.clear{
	clear:both;
}
.note{
	font-style: italic;
}


/* Icones cachés dans les boutons */
.visible-lg{
    display: none;
}
.hidden-lg{
    display: initial;
}
@media(min-width:768px) {
    .visible-lg{
        display: initial;
    }
    .hidden-lg{
        display: none;
    }
}


/* mcbpos variable couleurs */

:root{
    --bs-body-font-size : 14px;
    
    --pos-color-menu : #caebfa;
    
    --pos-color-primary       : #3777a7;
    --pos-color-primary-light : #c7ebf9;
    
    --pos-color-secondary : #3774aa;
    --pos-color-success : #9ab92e;
    
    --pos-color-warning-light        : #fcf8e3;
    --pos-color-warning-light-border : #faebcc;
    
    --pos-color-danger-text         : #a94442;
    --pos-color-danger-light        : #f2dede;
    --pos-color-danger-light-border : #ebccd1;
    
    --pos-color-white : #fff;
    
    --pos-color-gray       : #666666;
    --pos-color-gray-light : #c2c2c2;
    
    --pos-color-background-blue       : #cceefa;
    --pos-color-background-blue-ligth : #daf2fc;
    --pos-color-background-white      : #fdfeff;
    
    --pos-grid-label-text-color       : #FFF;
    --pos-grid-label-background-color : rgb(60, 159, 227);
    --pos-grid-label-border-color     : rgb(45, 120, 171);
    
    --pos-info-bg       : #c8ecfa;
    --pos-info-bg-light : #daf2fc;
    --pos-info-bg-text  : #3673ac;
    
    --pos-success-text     : #4E9108;
    --pos-success-text-rgb : 78, 145, 8;
    --pos-success-bg       : #cbe7bf;
    --pos-success-bg-light : #dff0d8;
    --pos-success-bg-text  : #335E05;
    
    --pos-warning-bg       : #ffdc1e;
    --pos-warning-bg-light : #fcf8e3;
    --pos-warning-bg-text  : #806c07;
    --pos-warning-bg-medium: #fff4bd;
    
    /*--pos-danger-bg       : #ffdc1e;*/
    --pos-danger-bg-light : #f2dede;
    --pos-danger-bg-text  : #a94442;
    
    --pos-sidebar-width : 100px;
    --pos-sidebar-width-displace : -100px;
    
    --bs-warning-rgb : 243, 106, 0;
    --radio-switch-animation-duration: 0.3s;
    --radio-switch-pad-width: 200px;
    --radio-switch-my-tables-width:280px;
    --radio-switch-height: 25px;
    --radio-switch-padding: 3px;
    --radio-switch-border-radius: 32px;
    --radio-switch-label-width: 100px;
    --radio-switch-label-b-width: 140px;
}

/* Override bootstrap */

.btn-primary {
	background-color: #00a3e6;
	border-color: #00a3e6;
}
.btn-primary:hover {
	background-color: #007bff;
	border-color: #007bff;
}
a {
	color: var(--pos-info-bg-text);
	text-decoration: none;
}
.table{
    --bs-table-active-bg: rgba(55, 119, 167, 0.06);
}

.btn-secondary{
    --bs-btn-color: var(--pos-color-white);
    --bs-btn-bg: var(--pos-color-secondary);
    --bs-btn-border-color: var(--pos-color-secondary);
    --bs-btn-hover-color: var(--pos-color-white);
    --bs-btn-hover-bg: #1d74bf;
    --bs-btn-hover-border-color: #1d74bf;
    --bs-btn-focus-shadow-rgb: 29,116,191;
    --bs-btn-active-color: var(--pos-color-white);
    --bs-btn-active-bg: #1d74bf;
    --bs-btn-active-border-color: #1d74bf;
    --bs-btn-active-shadow: inset rgba(29, 116, 191, 0.5) 0px 0px 0px 4px;
    --bs-btn-disabled-color: var(--pos-color-white);
    --bs-btn-disabled-bg: var(--pos-color-secondary);
    --bs-btn-disabled-border-color: var(--pos-color-secondary);
}
.btn-outline-secondary{
    --bs-btn-color: var(--pos-color-secondary);
    --bs-btn-border-color: var(--pos-color-secondary);
    --bs-btn-hover-color: var(--pos-color-white);
    --bs-btn-hover-bg: var(--pos-color-secondary);
    --bs-btn-hover-border-color: var(--pos-color-secondary);
    --bs-btn-focus-shadow-rgb: 29,116,191;
    --bs-btn-active-color: var(--pos-color-white);
    --bs-btn-active-bg: var(--pos-color-secondary);
    --bs-btn-active-border-color: var(--pos-color-secondary);
    --bs-btn-active-shadow: inset rgba(29, 116, 191, 0.5) 0px 0px 0px 4px;
    --bs-btn-disabled-color: var(--pos-color-secondary);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--pos-color-secondary);
    --bs-gradient: none;
}

.btn-success{
    --bs-btn-color: var(--pos-color-white);
    --bs-btn-bg: var(--pos-color-success);
    --bs-btn-border-color: var(--pos-color-success);
    --bs-btn-hover-color: var(--pos-color-white);
    --bs-btn-hover-bg: #829f1d;
    --bs-btn-hover-border-color: #829f1d;
    --bs-btn-focus-shadow-rgb: 29,116,191;
    --bs-btn-active-color: var(--pos-color-white);
    --bs-btn-active-bg: #829f1d;
    --bs-btn-active-border-color: #829f1d;
    --bs-btn-active-shadow: inset rgba(29, 116, 191, 0.5) 0px 0px 0px 4px;
    --bs-btn-disabled-color: var(--pos-color-white);
    --bs-btn-disabled-bg: #c1d286;
    --bs-btn-disabled-border-color: #c1d286;
}

.btn-warning{
    --bs-btn-color:#333;
    --bs-btn-hover-color:#333;
    --bs-btn-active-color:#333;
    --bs-btn-disabled-color:#333;
}
.btn-outline-warning{
    --bs-btn-hover-color:#333;
    --bs-btn-active-color:#333;
}

.btn-default{
    --bs-btn-color: var(--pos-color-white);
    --bs-btn-bg: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: var(--pos-color-white);
    --bs-btn-hover-bg: #565e64;
    --bs-btn-hover-border-color: #565e64;
    --bs-btn-focus-shadow-rgb: 130,138,145;
    --bs-btn-active-color: var(--pos-color-white);
    --bs-btn-active-bg: #565e64;
    --bs-btn-active-border-color: #565e64;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--pos-color-white);
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d;
}
.btn-outline-default{
    --bs-btn-color: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: var(--pos-color-white);
    --bs-btn-hover-bg: #6c757d;
    --bs-btn-hover-border-color: #6c757d;
    --bs-btn-focus-shadow-rgb: 108,117,125;
    --bs-btn-active-color: var(--pos-color-white);
    --bs-btn-active-bg: #6c757d;
    --bs-btn-active-border-color: #6c757d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #6c757d;
    --bs-gradient: none;
}

tr.row-info{
    background-color: var(--pos-info-bg-light);
    color: var(--pos-info-bg-text);
}
    thead>tr.row-info,tfoot>tr.row-info{
        background-color: var(--pos-info-bg);
        color: var(--pos-info-bg-text);
    }

tr.row-success{
    background-color: var(--pos-success-bg-light);
    color: var(--pos-success-bg-text);
}
    thead>tr.row-success,tfoot>tr.row-success{
        background-color: var(--pos-success-bg);
        color: var(--pos-success-bg-text);
    }

tr.row-warning{
    background-color: var(--pos-warning-bg-light);
    color: var(--pos-warning-bg-text);
}
    thead>tr.row-warning,tfoot>tr.row-warning{
        background-color: var(--pos-warning-bg);
        color: var(--pos-warning-bg-text);
    }

tr.row-danger{
    background-color: var(--pos-danger-bg-light);
    color: var(--pos-danger-bg-text);
}
    thead>tr.row-danger,tfoot>tr.row-danger{
        background-color: var(--pos-danger-bg);
        color: var(--pos-danger-bg-text);
    }
    
.card.card-warning{
    --bs-card-border-color: var(--pos-color-warning-light-border);
    --bs-card-cap-bg: var(--pos-color-warning-light);
    --bs-card-cap-color: #8a6d3b; /* TODO variable*/
}
.card.card-danger{
    --bs-card-border-color: var(--pos-color-danger-light-border);
    --bs-card-cap-bg: var(--pos-color-danger-light);
    --bs-card-cap-color: var(--pos-color-danger-text)
}
.card.card-info{
    --bs-card-border-color: #bce8f1;/*TODO*/
    --bs-card-cap-bg: var(--pos-color-primary-light);
    --bs-card-cap-color: var(--pos-color-primary);
}
.card-popup{
    width: auto;
    margin: auto;
}

.input-group-sm>*{
    height: 34px;
}

.select2-container--bootstrap-5 .select2-dropdown{
    z-index: 20000;
}

/*  END : Override bootstrap  */

/* Style principal */
body {
	margin: 0;
	padding: 0;
	overflow: clip;
}
.maincontainer{
	background-image: linear-gradient(var(--pos-color-background-white), var(--pos-color-background-blue));
	background-repeat: no-repeat;
	background-size: auto 100%;
	min-height: calc( 100vh - 50px );
	max-height: calc( 100vh - 50px );
	overflow-y: auto;
}
    .maincontainer.minimal{
        min-height: 100vh;
        max-height: 100vh;
        padding-left:0;
    }
#search{
    scroll-behavior: smooth;
}

#sidebar {
	width: var(--pos-sidebar-width);
	position: fixed;
	/*left: var(--pos-sidebar-width-displace);*/
	left: 0;
	top: 0;
	bottom: 0;
	z-index: 1050;
	background: var(--pos-color-menu);
	overflow-x: hidden !important;
	overflow-y: visible !important;
	transition: width 0.25s ease;
	-moz-transition: width 0.25s ease;
	-webkit-transition: width 0.25s ease;
	display: block;
	height: 100%;
    max-width: 100%;
    visibility: hidden;
    background-clip: padding-box;
    
    transition: all .3s ease-in-out;
    transform: translateX(-100%);
}
    #sidebar.show{
        transform: none;
    }
    #sidebar.hiding, #sidebar.show, #sidebar.showing {
        visibility: visible;
    }
    #sidebar .prev {
        margin-top: 15px;
    }
    #sidebar .next, #sidebar .prev {
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    #sidebar ul {
        display: block;
        background: var(--pos-color-menu);
        width: var(--pos-sidebar-width);
        font-size: 0.70em;
        list-style: none;
        margin: 0;
        padding: 0;
        font-weight: bold;
    }
        #sidebar > ul > li {
            display: block;
            position: relative;
        }
        
        #sidebar .btn-sm.btn{
            display: flex;
            white-space: nowrap;
            font-size: x-small;
            align-items: center;
            justify-content: space-evenly;
            padding: 8px 4px;
        }
        #sidebar .btn-sm.btn>i{
            font-size: x-small;
        }

#user-nav {
	position:relative;
	/*text-align:right;*/
	height:50px;
	background-color: var(--pos-color-menu);
    color: var(--pos-color-primary);
}
    #user-nav a.logo  {
        /*position: absolute;
        left: 15px;
        top: 10px;*/
    }
    #menu-trigger{
        /*position: absolute;
        top: 6px;
        left: 15px;*/
    }
    #user-nav a.logo img {
        max-width: 120px;
        max-height: 30px;
    }

@media (min-width: 768px){
    .maincontainer{
        padding-left:var(--pos-sidebar-width);
    }
    #sidebar{
        left: 0;
        transform: none;
        visibility: visible;
    }
    #rightSideContainer{
        padding-left:var(--pos-sidebar-width);
    }
    #user-nav{
        background-color: transparent;
        color: inherit;
    }
}
@media print {
	.maincontainer{
		padding-left:0;
		background-image:none;
		min-height:0;
		overflow-y: visible !important;
		overflow-x: visible !important;
	}
	div.maincontainer > div.p-3 {
		padding: 0 !important;
	}
	@page {
		margin: 0;
		padding: 0;
	}  
	#toolbarContainer{
        display:none;
    }
	#breadcrumb{
	    display: none;
	}
}

/* Widget box style */

.widget-box{
	color: var(--pos-color-gray);
}
	.widget-title{
		color:var(--pos-color-secondary);
		background:var(--pos-color-primary-light);
		padding: 0.5rem;
	}
		.widget-title .icon {
            padding-left: 0.5rem;
            text-shadow: 0 1px 0 var(--pos-color-white);
		}
		.widget-title h5 {
			margin-bottom: 0;
			font-size: 12px;
            font-weight: bold;
            line-height: 12px;
            text-shadow: 0 1px 0 var(--pos-color-white);
            display: inline-block;
		}
		.widget-title h5:not(.no-icon) {
            padding-left: 0.6rem;
		}
		.widget-title .badge{
		    float: right;
		}
	.widget-content{
		border:1px var(--pos-color-primary-light) solid;
		background: var(--pos-color-white);
		/*pourquoi est-ce qu'il devrait être overflow hidden??? ça cache le dropdown
		overflow: hidden;*/
		position: relative;
	}
        .widget-content.widget-united-bg{
            background-color: var(--pos-color-primary-light);
            color: var(--pos-info-bg-text);
        }
            .widget-content.widget-united-bg:not(:first-child) {
                border-top: 1px dashed #ffffffd1; /*TODO*/
            }
        
    .widget-box.widget-green{
        border-color: var(--pos-success-bg);
    }
        .widget-box.widget-green > .widget-title, .widget-box.widget-green > .widget-content.widget-united-bg  {
            background-color: var(--pos-success-bg);
        }
        .widget-box.widget-green > .widget-title, .widget-box.widget-green > .widget-content, .widget-box.widget-green{
            color: var(--pos-success-bg-text);
        }
        
    .widget-box.widget-yellow{
        border-color: #fde772;/*TODO*/
    }
        .widget-box.widget-yellow > .widget-title, .widget-box.widget-yellow > .widget-content.widget-united-bg {
            background-color: #fde772;/*TODO*/
        }
        .widget-box.widget-yellow > .widget-title, .widget-box.widget-yellow > .widget-content, .widget-box.widget-yellow, .error{
            color: #806c07;/*TODO*/
        }

.widget-box.bg-icon{
	font-size: 14px; /*TODO*/
}
.widget-box.bg-icon > .widget-content, .widget-box.bg-icon > .widget-title{
	overflow: hidden;
	position: relative;
}
.widget-box.bg-icon > .widget-title > i.fa{
	opacity: 0.3;
}
.widget-box.bg-icon > .widget-content > i.fa{
	opacity: 0.1;
}

.widget-box.bg-icon > .widget-title > i.fa, .widget-box.bg-icon > .widget-content > i.fa{
	position: absolute;
	right: 6px;
}

@media (max-width: 1063px) {
	.widget-box.bg-icon > .widget-title > i.fa{
		top: 18px;
	}
	.widget-box.bg-icon > .widget-content > i.fa{
		top: -18px;
	}
	.widget-box.bg-icon > .widget-title > i.fa, .widget-box.bg-icon > .widget-content > i.fa{
		font-size: 4em;
	}
	
	strong.stat{
		font-size: 16px;
	}
}

@media (min-width: 1064px) {
	.widget-box.bg-icon > .widget-title > i.fa{
		top: 13px;
	}
	.widget-box.bg-icon > .widget-content > i.fa{
		top: -23px;
	}
	.widget-box.bg-icon > .widget-title > i.fa, .widget-box.bg-icon > .widget-content > i.fa{
		font-size: 5em;
	}
}

@media print {
    .widget-content{
		border-color: transparent;
	}
    .widget-box{
		color: black;
	}
}
	
/* shadow-container style */

.shadow-container, .shadow-container-horizontal{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
    pointer-events: none;
}
    .shadow-container:before{
    	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0));
      	background-position: left center;
      	background-size: 10px 100%;
    }
    .shadow-container:after{
    	background-image: linear-gradient(to left, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0));
      	background-position: right center;
      	background-size: 10px 100%;
    }
    .shadow-container-horizontal:before{
    	background-image:  linear-gradient(to bottom, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0));
      	background-position: top;
     	background-size: 100% 15px;
    }
    .shadow-container-horizontal:after{
    	background-image:  linear-gradient(to top, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0));
      	background-position: bottom;
     	background-size: 100% 15px;
    }
    .shadow-container:before, .shadow-container:after, .shadow-container-horizontal:before, .shadow-container-horizontal:after{
    	background-repeat: no-repeat;
    	position: absolute;
    	width: 100%;
    	height: 100%;
    	content: "";
    	-webkit-transition: visiblity 0.2s, opacity 0.2s;
    	transition: visiblity 0.2s, opacity 0.2s;
    	opacity: 0;
    	pointer-events: none;
    	z-index:6;
    	right: 0;
    	transition: opacity 0.2s;
    }
        .shadow-container.left-shadow:before,.shadow-container.right-shadow:after, .shadow-container-horizontal.up-shadow:before, .shadow-container-horizontal.down-shadow:after{
        	opacity: 1;
        }
        
/*Style liste suggestion*/
.ui-autocomplete {
    overflow:auto auto;
    max-height:35%;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    padding: 5px 0;
    min-width: 200px;
}
ul.ui-autocomplete.ui-menu li div{
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.ui-menu-item .ui-menu-item-wrapper.ui-state-active {
    border: 0 !important;
    margin: 0 !important;
} 


/* stickyButtons style */

.stickyButtonsContainer{
    min-height: 101px;
}
    .stickyButtonsContainer>.stickyButtons{
        position: relative;
        z-index: 2;
        background-color: white;
        min-height: 60px;
        border-bottom: 1px solid #eee;
    }
    .stickyButtonsContainer>.stickyButtons.moved{
        visibility: visible;
        position: fixed;
        top: 50px;
        z-index: 2;
    }
    
@media (min-width: 768px){
    .stickyButtonsContainer {
        min-height: 60px;
    }
}

/* line-container style */

.line-container{
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
}
    .line-container>.input-group>span,.line-container>.input-group>input[type="text"]{
        flex-basis: 0;
        overflow: hidden;
    }
    .line-container>span{
        padding-left: 6px;
    }

/* menu-btn-dropdown style */
.dropdown-menu.show{
    position: fixed !important;
    max-height: 35%;
    overflow-y: scroll;
}
.menu-btn-dropdown{
    white-space: nowrap;
}
    .menu-btn-dropdown>.btn-group>a,.menu-btn-dropdown>.btn-group>button{
        white-space: nowrap;
    }
    .menu-btn-dropdown>.btn-group>a:not(:first-child),.menu-btn-dropdown>.btn-group>button:not(:first-child){
        border-left: 1px solid #fdfdfd36;
    }
    .menu-btn-dropdown>.btn-group>a:not(:last-child),.menu-btn-dropdown>.btn-group>button:not(:last-child){
        border-right: 1px solid #fdfdfd36;
    }
    .menu-btn-dropdown>.btn-group.dropdown-open>a:last-child,.menu-btn-dropdown>.btn-group.dropdown-open>button:last-child{
        border-right: 1px solid #fdfdfd36;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .menu-btn-dropdown>.dropdown{
        position: initial;
        display: inline;
    }
        .menu-btn-dropdown>.dropdown:not(.alone)>a{
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }
        .menu-btn-dropdown>.dropdown>a.dropdown-toggle::after{
            margin-left: initial;
        }
            .menu-btn-dropdown>.dropdown>ul>li{
                padding: 0.25rem 1rem;
            }
            .menu-btn-dropdown>.dropdown>ul>li>a, .menu-btn-dropdown>.dropdown>ul>li>button{
                width: 100%;
            }
/*@media (max-width: 767px){
    .menu-btn-dropdown{
        padding-top: 8px;
    }
}*/

/* .table-responsive style */

.table-responsive > table > tbody > tr > td .dropdown-toggle::after {
    display: initial;
    margin-left: initial;
    vertical-align: initial;
    content: initial;
    border-top: initial;
    border-right: initial;
    border-bottom: 0;
    border-left: initial;
}

.table-responsive>.stickyHead{
    overflow: scroll hidden;
    position: fixed;
    top: 50px;
    top: 110px;
    visibility: collapse;
    z-index: 10;
    background-color: white;
    scrollbar-width: none;
    white-space: nowrap;
    border-bottom: 2px solid #bbb;
}
    .table-responsive>.moved{
        visibility: visible;
    }
    .table-responsive>.stickyHead>.unHead{
        display: inline-block;
        padding: .5rem;
    }
.table-responsive>.table>thead{
    border-bottom: 2px solid #bbb;
}
    .table-responsive>.table>thead>tr, .table-responsive>.stickyHead{
        height: 50px;
    }
    .table-responsive>.table>thead>tr>th, .table-responsive>.stickyHead>.unHead{
        vertical-align: top;
        font-size: 12px;
        color: #aaa;
        font-weight: bold;
        text-align: left;
        white-space: normal;
    }
    .table-responsive>.table>tbody>tr:last-child>td{
        border: none;
    }
    .table-responsive>.table.table-select>tbody>tr>td{
        position: relative;
    }
    .table-responsive>.table.table-select>tbody>tr>td:first-child:before{
        content:"";
        height: 100%;
        width:4px;
        background-color:rgb(55, 119, 167);
        position: absolute;
        top: 0;
        left: 0;
        transition: transform 0.2s ease-out;
        transform: translateX(-4px);
        z-index: 3;
    }
    .table-responsive>.table.table-select>tbody>tr.table-active>td:first-child:before{
        transform: translateX(0px);
    }
    .table-responsive>.table.table-select>tbody>tr>td.rightmost{
        width: 1%;
    }

@media (max-width: 767px){
    .table-responsive>.stickyHead {
        top: 151px;
    }
}
@media (max-width: 1500px){
    .table-responsive {
        overflow-x: scroll;
    }
    .table-responsive>.table{
        margin-bottom: 0;
    }
}

/* table reports */
*[align="right"]{
    text-align: right !important;
    text-align: -moz-right !important;
    text-align: -webkit-right !important;
}
*[align="left"]{
    text-align: left !important;
    text-align: -moz-left !important;
    text-align: -webkit-left !important;
}
*[align="center"]{
    text-align: center !important;
    text-align: -moz-center !important;
    text-align: -webkit-center !important;
}

.expand, .expand_all{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
    font-weight: bold;
}
table.tubular-table > thead th{
    color: rgb(55, 119, 167) !important;
    line-height: 30px;
    font-size: 14px !important;
    vertical-align: middle !important;
}
.innertable{
    padding: 0 !important;
}
.innertable .table{
    margin-bottom: 0 !important;
}
.visible-print{
    /*display: none !important;*/
}

#sortable_table thead th {
	cursor: pointer;
}

/* style sub-section */

.sub-section{
    /*width: calc(100% + var(--bs-gutter-x));*/
    max-width: initial;
    margin: 0 calc(var(--bs-gutter-x) * -1);
}
    .sub-section.underline:after{
        content:"";
        border-bottom: 1px dotted #6f6f6f; /*TODO*/
        padding-bottom: 1rem;
        display: block;
    }
    .sub-section>h5{
        color: #151515;
        font-size: 17px;
        font-weight: bold;
        border: 1px dotted #6f6f6f; /*TODO*/
        padding: 12px 24px;
        border-width: 1px 0 1px 0;
    }
    .sub-section>div{
        padding: 0 24px;
    }

/* style elements-list */

.elements-list{
    padding: 0;
    margin: 0;
    list-style: none;
    --element-bg-color: var(--pos-color-primary);
    --element-color:var(--pos-color-white);
    --element-color-disabled:#aaa;
    --element-dashed-border:1px dashed var(--pos-color-gray-light);
}
.elements-list.vertical-list{
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}
    .elements-list>li{
        border-radius: 5px;
        border: 1px solid var(--element-bg-color);
    }
    .elements-list.horizontal-list>li{
        margin: 0.5rem 0;
    }
        .elements-list>li>div.element-label{
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .elements-list.vertical-list>li>div.element-label{
            height: 55px;
        }
            .elements-list>li>div.element-label>div.element-label-order{
                margin-right: 10px;
                background-color: var(--element-bg-color);
                color: var(--element-color);
                padding: 0 10px;
            }
            .elements-list.vertical-list>li>div.element-label>div.element-label-order{
                align-self: stretch;
                display: flex;
                align-items: center;
                padding: 0 5px;
            }
            .elements-list>li>div.element-label>div.element-label-order>i{
                padding: 5px 10px;
                font-size: 1.25em;
                display: inherit;
            }
            .elements-list.vertical-list>li>div.element-label>div.element-label-order>i{
                display: block;
                padding: 10px 5px;
            }
                .elements-list.horizontal-list>li>div.element-label>div.element-label-order>i:first-child:before{
                    content: "\f077";
                }
                .elements-list.horizontal-list>li>div.element-label>div.element-label-order>i:last-child:before{
                    content: "\f078";
                }
                .elements-list.vertical-list>li>div.element-label>div.element-label-order>i:first-child:before{
                    content: "\f053";
                }
                .elements-list.vertical-list>li>div.element-label>div.element-label-order>i:last-child:before{
                    content: "\f054";
                }
                .elements-list>li:not(:first-child)>div.element-label>div.element-label-order>i:first-child, .elements-list>li:not(:last-child)>div.element-label>div.element-label-order>i:last-child{
                    cursor: pointer;
                }
                .elements-list>li:first-child>div.element-label>div.element-label-order>i:first-child, .elements-list>li:last-child>div.element-label>div.element-label-order>i:last-child{
                    color: var(--element-color-disabled);
                }
        .elements-list>li>div.element-label>div.element-label-btn{
        	padding: 0 8px;
        	border-left: var(--element-dashed-border);
        }
        .elements-list.horizontal-list>li>div.element-options{
        	border-top : 1px solid var(--element-bg-color);
        }
        .elements-list.horizontal-list>li>div.element-label>div.element-label-text{
        	flex-grow: 1;
        }
        .elements-list.vertical-list>li>div.element-label>div.element-label-text{
            margin-right: 20px;
            margin-left: 10px;
        }
        .elements-list>li>.element-options{
            padding: 0.5rem 1.5rem;
        }
            .elements-list>li>.element-options>.options>.override_option>div{
                padding: 1rem 0;
            	border-top: var(--element-dashed-border);
            }

/* style images */
#avatar, #image_empty, .avatar{
    background-position: center;
    background-size: auto 100%;
    background-repeat: no-repeat;
    height: 300px;
    border-radius: 4px;
}

/* style table 
.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,
.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td,
.table-responsive>.stickyHead>.unHead{
    white-space: nowrap;
}*/

/* style innertable */

td.innertable > div {
  display: none;
  border-top: 1px solid rgb(185, 232, 248);
  border-bottom: 1px solid rgb(185, 232, 248);
}

td.innertable > div > table > thead {
  background-color: #eefaff;
  border-bottom: 1px solid rgb(185, 232, 248);
}

td.innertable>div>table>thead th{
	border: none;
	color: rgb(55, 119, 167);
	height: auto;
    font-size: 10px;
}

/* style atributes-list */
.atributes-list>h4{
    font-weight: bold;
    color: var(--pos-color-primary);
    font-size: 18px;
}
.atributes-list>h4,.atributes-list>p{
    margin: 0.5rem 0;
}
    .atributes-list>p:before{
        content: ": ";
        color: var(--pos-color-primary);
        font-weight: bold;
    }

/* style list-linked */
.list-linked>tbody>tr:not(:last-child){
    border-bottom: 1px dashed var(--pos-color-gray-light);
}
    .list-linked>tbody>tr>td{
        padding: 6px 0;
    }
        .list-linked>tbody>tr>td:last-child,.list-linked>tbody>tr>td.row-thumbnail{
            width: 1%;
        }
        .list-linked>tbody>tr>td:not(:last-child){
            padding-right: 6px;
        }

/* style requered */
.required, .vente-finale{
    color:#f36a00;
}

/*style graphs*/
.NameSizingGraph {
	width: 65px;
	height:50px;
	margin-top:0.8%;
	font-size: 0.9em;
	
	transform: rotate(-20deg);
	transform-origin: right;
	
	
}

.ExtendGraphHeight{
    height: 500px;
}

#chart{
    width: 100%;
    margin-top:0.9%;
    margin: 0 auto;
	width: 90%;
	height: 500px;
}

/* Style item_grid/grid_list */
#item_grid_container {
	margin: -1rem -1rem 0 -1rem;
	background-color: var(--pos-color-background-blue-ligth);
}
#item_grid_container ol.breadcrumb {
  color: rgb(55, 119, 167); /* TODO variable*/
}

.grid_list{ /* _dark, .grid_list_light */
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px,1fr));
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
    .grid_list>.grid-item, .grid_list>.grid-item-label{
        height: 120px;
    }
        .grid_list>.grid-item.animated, .grid_list>.grid-item-label.animated{
            transition: padding 0.1s ease-out;
        }
        .grid_list>.grid-item.animated:active, .grid_list>.grid-item-label.animated:active{
            padding-top: 5px;
            padding-left: 5px;
        }
            .grid_list>.grid-item>.grid-item-content, .grid_list>.grid-item-label>.grid-item-content{
                cursor: pointer;
                /*background-color: #fff;*/
                margin-bottom: 0;
                margin-right: 0;
                text-align: center;
                white-space: normal;
                overflow: hidden;
                position: relative;
                height: 100%;
                font-weight: 600;
                border-radius: 12px;
                border: 5px solid black;
                border-top: 0px;
                border-left: 0px;
            }
            .grid_list>.grid-item.animated>.grid-item-content, .grid_list>.grid-item-label.animated>.grid-item-content{
                transition: border-width 0.1s ease-in;
            }
            .grid_list>.grid-item.animated>.grid-item-content:active, .grid_list>.grid-item-label.animated>.grid-item-content:active{
                border-bottom-width: 1px !important;
                border-right-width: 1px !important;
            }
            .grid_list>.grid-item>.grid-item-content{
                background-color: #fdfeff;
                border-color: rgb(1 146 205 / 0.3);
            }
            .grid_list>.grid-item-label>.grid-item-content{
                background-color: var(--pos-grid-label-background-color);
                border-color: var(--pos-grid-label-border-color);
                display: flex;
                justify-content: center;
                align-items: center;
            }
                .grid_list>.grid-item>.grid-item-content>.grid-item-text-label{
                    display: inline-block;
                    width: 100%;
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    z-index: 5;
                    transition: transform 0.15s ease-in;
                }
                .grid_list>.grid-item.photo>.grid-item-content>.grid-item-text-label{
                    padding: 4px;
                    background-color: rgba(94, 144, 164, 0.7);
                }
                .grid_list>.grid-item.item>.grid-item-content>.grid-item-text-label>p{
                    min-height: 46px;
                    color: #428bca;
                    background-color: rgba(94, 144, 164, 0.7);
                    margin: 0;
                    color: white;
                }
                .grid_list>.grid-item>.grid-item-content>.grid-item-image{
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    transition: opacity 0.15s ease-out;
                    background-position: center;
                    background-size: auto 100%;
                    background-repeat: no-repeat;
                }
                    .grid_list>.grid-item.item>.grid-item-content>.grid-item-image{
                        opacity: 0.5;
                    }
                .grid_list>.grid-item-label>.grid-item-content>p{
                    margin-bottom: 0;
                    height: auto;
                    color: var(--pos-grid-label-text-color);
                    font-size: larger;
                }
                .grid_list>.grid-item.animated:hover>.grid-item-content>.grid-item-text-label{
                    transform: translate(0, 45%);
                    -webkit-line-clamp: 1;
                }
                .grid_list>.grid-item.animated:hover>.grid-item-content>.grid-item-image{
                    opacity: 1;
                }
                .grid_list>.grid-item>.grid-item-content>i{
                    position: absolute;
                    top: 0.5rem;
                    right: 0.5rem;
                    color: rgba(94, 144, 164, 0.7);
                    text-shadow: 1px 1px 0 #FFF, -1px 1px 0 #FFF, -1px -1px 0 #FFF, 1px -1px 0 #FFF;
                }

@media (min-width: 1200px) {
	.grid_list{
		grid-template-columns: repeat(auto-fit, minmax(180px,1fr));
		grid-auto-columns: 3fr;
	}
        .grid_list>.grid-item, .grid_list>.grid-item-label{
            height: 180px;
        }
        
        .grid_list>.grid-item>.grid-item-content>.grid-item-text-label>p{
            font-size: larger;
            min-height: 52px;
        }
}

/* --- Style du popup dans sales pour les items de menu ---*/
#menu_item_detail, #menu_item_list, #menu_item_list_category {
    overflow-y: auto;
    max-height: calc(100vh - 222px);
    min-height: calc(100vh - 222px);
    scrollbar-width: none;
}

#menu_item_form .menu-element{
    border: 2px solid #CCC;
    padding: 6px 12px;
    text-align: center;
    border-radius: 4px;
}
#menu_item_form label.menu-element{
    cursor: pointer;
}

#menu_item_form .menu-element input[type="radio"], #menu_item_form .menu-element input[type="checkbox"]{
    display:none;
}

#menu_item_form .menu-element.selected {
    border-color: #0783db; /*TODO variable*/
}

#menu_item_form .list-radio .menu-element, #menu_item_form .list-checkbox .menu-element{
    max-width: 250px;
    word-break: break-word;
}
#menu_item_form .list-checkbox .menu-element{
    padding-bottom: 10px;
}

#menu_item_form .list-text{
    position: relative;
    margin: 0;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px,1fr));
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    overflow: hidden;
}
#menu_item_form .list-text>.menu-element{
    padding-bottom: 50px;
    position: relative;
}
#menu_item_form .list-text>.menu-element>p{
    font-weight: bold;
}
#menu_item_form .list-text>.menu-element>.input-group{
    width: calc(100% - 24px);
    position: absolute;
    bottom: 6px;
    left: 12px;
}
#menu_item_form .element-image{
    height: 130px;
    width: 100%;
    transition: opacity 0.15s ease-out;
    background-position: center;
    background-size: auto 100%;
    background-repeat: no-repeat;
}


/* --- Syle pour page de vente(sale) ---*/
#register_container .btn, #register-initial-wrapper .permanentInput>.btn, #receiving-grid-big-wrapper .permanentInput>.btn{
    font-weight: bold;
}
#register-initial-wrapper, #receiving-grid-big-wrapper{
    position: relative;
}
.register-hide{
    width: calc(100% + 2rem);
    position: absolute;
    left: -1rem;
    /*width: 100%;
    position: fixed;
    left: 0;*/
    height: 100%;
    z-index: 15;
    background-color: rgb(204 204 204 / 0.5);
    visibility: visible;
    opacity: 1;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    opacity: 0;
    visibility: hidden;
}
    .register-hide.show{
        opacity: 1;
        visibility: visible;
    }
body.noScroll>.maincontainer{
    overflow: hidden !important;
}
#sales_permanent_inputs{
    position: absolute;
    width: 100%;
    left: 0;
    pointer-events: none;
}
    #receiving-grid-big-wrapper #sales_permanent_inputs>div{
        transform: translateY(44px);
    }
    #sales_permanent_inputs .permanentInput{
        pointer-events: auto;
    }

.sale_tables{
    --font-size-sm : 11px;
    --font-size    : 12px;
    --font-size-lg : 18px;
}
    .sale_tables .right {
        text-align: right;
        white-space: nowrap;
    }
        .sale_tables table tr>td:last-child {
            padding-right: 0.8em;
        }
        .sale_tables table tr>td:first-child {
            padding-left: 0.8em;
        }
        .sale_tables>.sale_details>table>tbody{
            font-size: var(--font-size);
        }
        .sale_tables>.Payment_Types table>tbody{
            font-size: var(--font-size-sm);
            text-align: center;
            vertical-align: middle;
        }
        .sale_tables>.sale_details>table>tfoot,.sale_tables>.Payment_Types>table>tfoot{
            font-size: var(--font-size-lg);
            line-height: 1em;
        }
        .sale_tables>.Payment_Types>.scroll-table{
            overflow-y: scroll;
            max-height: 140px;
        }
        .sale_tables>.Payment_Types>.scroll-table>table>.payment-table{
            max-height: 52px;
            height: 52px;
        }
        .sale_tables>.Payment_Types>.scroll-table>table>.payment-table .delete_payment{
            font-size: x-large;
        }
        .sale_tables>.Payment_Types table>tbody>tr>td:first-child{
            width: 13%;
        }
        .sale_tables>.Payment_Types table>tbody>tr>td:not(:first-child):not(:last-child){
            width: 26%;
        }
        
@media (min-width: 1200px){
    .sale_tables{
        --font-size-sm : 11px;
        --font-size    : 14px;
        --font-size-lg : 18px;
    }
}

/* --- Style de la caisse --- */
.registerContainer>div>.registerHeader{
    display: none;
}
    .registerContainer>div>.registerHeader, .registerContainer>.registerBody>.registerBodyContent>table>thead>tr, .store_acount>thead{
        max-width: 100%;
        overflow: hidden;
        font-weight: bold;
        background-color: var(--pos-color-primary-light);
        white-space: nowrap;
        color: var(--pos-color-primary);
        
    }
    
    .tempHead.sales_discount{
        display: none;
    }
    @media (min-width: 1200px){
        .tempHead.sales_discount{
            display: initial;
        }
    }
    .registerContainer>div>.registerHeader>.unHead{
        display:inline-block;
        padding:8px;
        white-space: nowrap;
    }
    .registerContainer>.registerBody>.registerBodyContent{
        /*height: 308px;
        max-height: 308px;*/
        overflow: auto;
        /*overscroll-behavior: contain;*/
    }
    .registerContainer>.registerBody>.registerBodyContent>table{
        --bs-table-color : var(--pos-color-gray);
        border-bottom: 1px solid;
        border-left: 1px solid;
        border-right: 1px solid;
        border-color: #b9e8f8;
        min-height: 300px;
        min-width: 650px;
        background: var(--pos-color-white);
        margin: 0;
    }
    .registerContainer>.registerBody>.registerBodyContent>table>thead>tr{
        height: 36px;
    }
    .registerContainer>.registerBody>.registerBodyContent>table input[type="text"]{
        width: 85px;
    }
    .registerContainer>.registerBody>.registerBodyContent>table>tbody>tr:not(:first-child){
        border-top: 1px dashed var(--pos-color-gray-light);
    }
        .registerContainer>.registerBody>.registerBodyContent>table>tbody>tr>td>.cercleImage{
            height:50px;
            width:50px;
            background:white;
            text-align:center;
            border-radius:25px;
            overflow:hidden;
            border: 1px solid #b9e8f8;
        }
            .registerContainer>.registerBody>.registerBodyContent>table>tbody>tr>td>.cercleImage img{
                height:50px;
                max-width:50px;
            }
        .registerContainer>.registerBody>.registerBodyContent>table>tbody>tr>td>.deleteLineCont{
            position: absolute;
            right: -60px;
            top: 50%;
            transform: translate(0, -50%);
        }
        .registerContainer>.registerBody>.registerBodyContent>table>tbody>tr>td.desktop-delete-btn>.deleteLineCont{
            position: initial;
            transform: none;
        }
        .registerContainer>.registerBody>.registerBodyContent>table>tbody>tr>td>.product-name{
            color:#3777a7;
            text-transform: uppercase;
            font-size:16px;
            font-weight:bold;
        }
        .registerContainer>.registerBody>.registerBodyContent>table>tbody>tr.description_row{
            background-color: rgba(0,0,0,0.03);/*TODO*/
            border-top: 0;
        }
    
@media (min-width: 768px) {
    .registerContainer>.registerBody>.registerBodyContent{
        height: unset;
        max-height: unset;
        overflow: visible;
    }
    .registerContainer>.registerBody{
        max-height: 400px;
        height: 400px;
        overflow-y: scroll;
        overflow-x: hidden;
        overscroll-behavior: contain;
        width: calc(100% - (var(--bs-gutter-x) * .5) );
        padding-right: 0;
        line-break: anywhere;
    }
    .registerContainer>.registerBody>.registerBodyContent{
        height: unset;
        max-height: unset;
        overflow: visible;
    }
    .registerContainer>.registerBody>.registerBodyContent>table{
        border:none;
        min-height: unset;
        min-width: unset;
    }
    
    .registerContainer>div>.registerHeader{
        display: flex;
    }
    .registerContainer>div>.registerHeader.noCart{
        display: flex;
        justify-content: space-around;
    }
        .registerContainer>div>.registerHeader.noCart>.unHead:first-child{
            display: none;
        }
    .registerContainer>.registerBody>.registerBodyContent{ 
		min-height:400px;
		background-color: white; /*TODO*/
		border-bottom: 1px solid;
		border-left: 1px solid;
		border-right: 1px solid;
		border-color: #b9e8f8; /*TODO*/
	}
    	.registerContainer>.registerBody>.registerBodyContent>table:not(.store_acount)>thead {
          display: none;
        }
        .registerContainer>.registerBody>.registerBodyContent>table>tbody>tr>td>.cercleImage{
            position:absolute;
            left:-25px;
            top:10px;
        }
}
@media (min-width: 1200px) {
	.registerContainer>div>.registerHeader{
        padding-top: 18px;
    }
    .registerContainer>.registerBody{
        max-height: 400px;
        height: 400px;
    }
    .registerContainer>.registerBody>.registerBodyContent{ 
		min-height:400px;
	}
	.registerContainer>.registerBody>.registerBodyContent>table>tbody>tr>td>.sale_icon {
		min-width: 109px;
	}
	.registerContainer>.registerBody>.registerBodyContent>table>tbody>tr>td>.sale_discount {
		min-width: 113px;
	}
	.registerContainer>.registerBody>.registerBodyContent>table>tbody>tr>td.dynamic-table-cell {
        display: contents;
    }
    .registerContainer>.registerBody>.registerBodyContent>table>tbody>tr>td.dynamic-table-cell>div{
        display: table-cell;
        padding: .5rem;
	}
}

/* style inline input */
.inline_input, .seller_select>select, .seller_select>a, .seller_select>input{
	border-color: rgb(55, 119, 167);
	border-width: 0 0 1px 0;
	-webkit-appearance: none;
	box-shadow: 0px 10px 10px -8px rgba(0, 0, 0, 0.075);
	-webkit-box-shadow :  0px 10px 10px -8px rgba(0, 0, 0, 0.075);
	color: rgb(55, 119, 167) !important;
	border-style: dotted;
}
.inline_input:focus-within, .seller_select>select:focus-within, .seller_select>input:focus-within{
	-webkit-box-shadow : 0 0 8px rgba(82, 168, 236, 0.6);
	box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);
}
.sale_input_icon{
    color: rgb(55, 119, 167);/*TODO*/
}
    .sale_input_icon span{
        white-space: nowrap;
    }
    .sale_input_icon.sale_discount span::after{
        content: '%';
    }

.seller_select{
	max-height: 34px;/*TODO*/
	height: 34px;/*TODO*/
	padding-left: 34px;/*TODO*/
	position: relative;
	cursor: pointer;
}
    .seller_select:before{
        content: "\f2c2";
        position: absolute;
        display: inline-block;
        font: normal normal normal 20px/1 "Font Awesome 5 Free";
        color: var(--pos-info-bg-text);
        text-rendering: auto;
        font-size: 20px;
        height: 32px;/*TODO*/
        width: 34px;/*TODO*/
        left: 0px;
        text-align: center;
        padding-top: 6px;
        top: 0;
    }
    .seller_select>.form-control{
        max-height: 34px;/*TODO*/
        height: 34px;/*TODO*/
    }
    .seller_select>select, .seller_select>a, .seller_select>input[readonly]{
        background-color: transparent;
        cursor: pointer;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .seller_select>a>span{
        vertical-align: inherit;
        padding-left: 4px;
    }
    .seller_select>select>option{
        font-weight: initial;
    }
    .seller_select:hover>select>option[selected="selected"], .seller_select:hover>select, .seller_select:hover>a, .seller_select:hover>input[readonly]{
        font-weight: bold;
    }
    .seller_select:hover:before{
        background-color: var(--pos-color-secondary);
        color: white;
        border-radius: 3px 0 0 3px;
    }

/* style btn double */
.btn-double{
    white-space: break-spaces;
    min-height: 68px;
}
.mobile-button a, .mobile-button input, .mobile-button button{
    /*font-size: 18px;*/
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 68px;
    white-space: normal;
}
@media (min-width: 768px){
    .btn-double{
        min-height: 62px;
        font-size: 16px;
    }
    .mobile-button a, .mobile-button input, .mobile-button button{
        min-height: unset;
        /*font-size: inherit;*/
    }
}

/* Style de la calculatrice */
.calculatrice{
    width: auto;
    max-width: 900px;
    margin: auto;
}
    .calculatrice .montant-payment-container>#montant-payment[readonly]{
        background-color: var(--pos-color-white);
    }
    .calculatrice .montant-payment-container>.montant-payment[readonly]{
        background-color: var(--pos-color-white);
    }
    .calculatrice .montant-payment-container>.backspace-btn{
        
    }
    /*.backspace-btn{
		background-color:#53c2ef;
		border-top:0;
		border-left:0;
		border-color:#53c2ef;
		width:60px;
		position:absolute;
		right:0;
		top:0;
		color:white;
		height:56px;
		border-top-left-radius:0;
		border-bottom-left-radius:0;
	}
	.backspace-btn:active{
	    border-bottom:0;
		border-right:0;
		border-top:1px solid white;
		border-left:1px solid white;
		/*background-color:#53c2ef;* /
		border-color:#37819f;
	}*/
	.calculatrice .fast-btn>.quick-payment .btn, .calculatrice .fast-btn>.tablePadNum .btn,.calculatrice .payment-btn .btn{
        border-width: 3px;
        border-color: rgb(0 0 0 / 0.25);/*TODO*/
        border-top-width: 0;
        border-left-width: 0;
        width: 100%;
        height: 100%;
	}
	.calculatrice .fast-btn>.quick-payment>div{
        height: 63px;
	}
	.calculatrice .fast-btn>.quick-payment .btn, .calculatrice .fast-btn>.tablePadNum .btn{
        font-size: xx-large;
        font-weight: bold;
	}
	.calculatrice .fast-btn>.tablePadNum>table{
        width: 100%;
	}
	.calculatrice .fast-btn>.tablePadNum>table>tbody>tr>td>div{
        width: auto;
        height: 75px;
	}
    .calculatrice .payment-btn{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: stretch;
    }
    .calculatrice .payment-btn>div{
        width: 130px;
        flex-grow: 1;
        margin: 5px;
        min-width: 30%;
        min-height: 50px;
    }
    .calculatrice .payment-btn .btn{
        font-size: 15px;
        font-weight: bold;
    }
/*@media (min-width: 768px){
    .calculatrice .fast-btn>.tablePadNum>table>tbody>tr>td:not([colspan="2"])>div{
        width: 75px;
    }
}*/

/* style pinpad */
.pinpad{
    width: auto;
    max-width: 900px;
    margin: auto;
}
    .pinpad .employee-pin-container>.employee-pin[readonly]{
        background-color: var(--pos-color-white);
    }
    .pinpad .employee-pin-container>.backspace-btn{
        
    }
 /*   .backspace-btn{*/
	/*	background-color:#53c2ef;*/
	/*	border-top:0;*/
	/*	border-left:0;*/
	/*	border-color:#53c2ef;*/
	/*	width:60px;*/
	/*	position:absolute;*/
	/*	right:0;*/
	/*	top:0;*/
	/*	color:white;*/
	/*	height:56px;*/
	/*	border-top-left-radius:0;*/
	/*	border-bottom-left-radius:0;*/
	/*}*/
	/*.backspace-btn:active{*/
	/*    border-bottom:0;*/
	/*	border-right:0;*/
	/*	border-top:1px solid white;*/
	/*	border-left:1px solid white;*/
	/*	background-color:#53c2ef;* /*/
	/*	border-color:#37819f;*/
	/*}*/
	.pinpad .fast-btn>.quick-payment .btn, .pinpad .fast-btn>.tablePadNum .btn,.pinpad .payment-btn .btn{
        border-width: 3px;
        border-color: rgb(0 0 0 / 0.25);/*TODO*/
        border-top-width: 0;
        border-left-width: 0;
        width: 100%;
        height: 100%;
	}
	.pinpad .fast-btn>.quick-payment>div{
        height: 63px;
	}
	.pinpad .fast-btn>.quick-payment .btn, .pinpad .fast-btn>.tablePadNum .btn{
        font-size: xx-large;
        font-weight: bold;
	}
	.pinpad .fast-btn>.tablePadNum>table{
        width: 100%;
	}
	.pinpad .fast-btn>.tablePadNum>table>tbody>tr>td>div{
        width: auto;
        height: 75px;
	}
    .pinpad .payment-btn{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: stretch;
    }
    .pinpad .payment-btn>div{
        width: 130px;
        flex-grow: 1;
        margin: 5px;
        min-width: 30%;
        min-height: 50px;
    }
    .pinpad .payment-btn .btn{
        font-size: 15px;
        font-weight: bold;
    }


/* Style Punh Button */
.puch-btn{
    transition: padding 0.1s ease-out;
}
    .puch-btn:active, .puch-btn.active{
        transition: padding 0.1s ease-in;
        padding-top: 2px;
        padding-left: 2px;
    }
    .puch-btn>*{
        transition: border-width 0.1s ease-out;
        border-color: rgb(0 0 0 / 0.25);/*TODO*/
    }
        .puch-btn:active>*, .puch-btn.active>*{
            transition: border-width 0.1s ease-in;
            border-bottom-width: 1px !important;
            border-right-width: 1px !important;
        }

/* Style page de vente */
#receipt{
    page-break-inside: avoid;
}
.receipt .receipt_wrapper {
    font-family: Arial;
    width: 85%;
    margin: 0 auto;
    font-size: 15px;
}
    .receipt .receipt_wrapper .receipt_header{
        text-align: center;
    }
    .receipt .receipt_wrapper .receipt_items{
        position: relative;
        border-collapse: collapse;
        margin-top: 15px;
        margin-bottom: 15px;
        width: 100%;
    }
    .receipt .right_text_align{
        text-align: right;
    }
    .receipt_items td{
        position: relative;
        padding: 3px;
    }
    .sale_return_policy {
        width: 80%;
        margin: 0 auto;
        text-align: center;
    }
    .barcode {
        margin-top: 10px;
        text-align: center;
    }
    

    #duplicate_receipt_holder > .receipt_wrapper{
    	page-break-before: always;
    }
    
@media print {
    .receipt .receipt_wrapper {
        width: 100%;
        margin: 0;
        font-size: 10px;
    }
    
    #company_logo > img {
    	width: 100%;
    	max-width: 250px;
    }
    
    #loadingScreen{
        display: none !important;
    }
    
    body {color:black;}
}

/* Style de solde de compte magasin*/
.credit_limit
{
	display: inherit;
	font-weight: bold;
}


/* style content-header */
#content-header h1{
    color: var(--pos-info-bg-text);
    font-weight: bold;
    font-size: 30px;
}
    #content-header h1>span{
        display: inline-block;
        height: 30px;
    }

/* Style money-table */
.money-table .table{
    color: var(--pos-color-gray);
	box-shadow: 0px 3px 6px rgba(55, 119, 167, 0.3); /*TODO*/
	-webkit-box-shadow: 0px 3px 6px rgba(55, 119, 167, 0.3); /*TODO*/
}
    .money-table .table>thead>tr{
        background-color: var(--pos-color-primary-light);
        color: var(--pos-color-secondary);
    }
    .money-table .table>tbody{
        border:1px var(--pos-color-primary-light) solid;
    }
        .money-table .table>tbody>tr>td:first-child, .money-table .table>thead>tr>th:first-child{
            text-align: left;
            position: relative;
            vertical-align: middle;
            padding-left: 15px;
        }
            .money-table .table>tbody>tr>td:first-child:after{
                content: ":";
                position: absolute;
                right: 0;
                font-weight: bold;
                opacity: 0.75;
            }
        .money-table .table>tbody>tr>td.roll{
            position: relative;
        }
            .money-table .table > tbody > tr > td.roll:before{
                content: '+';
                position: absolute;
                left: -5px;
                top: 28%;
                opacity: 0.75;
            }
        .money-table .table > tbody > tr:not(:last-child) {
            border-bottom: 1px dashed var(--pos-color-gray-light);
        }
        .money-table .table input{
            text-align: center;
            width: 90px;
        }

@media (min-width: 768px) {
	.money-table .table input {
		width: 100%;
	}
    .money-table .table>tbody>tr>td:first-child, .money-table .table>thead>tr>th:first-child{
        padding-left: 25px;
    }
}

@media print {
	.money-table .list-row{
		padding: 10px 0px;
	}
	.money-table .list-row>div:first-child, .money-table .align_inputs>div:first-child>label,.money-table .print-sell{
		position: relative;
	}
	.money-table .list-row>div:first-child:after, .money-table .align_inputs>div:first-child>label:after, .money-table .align_inputs>label:after{
		content: "";
		position: absolute;
		right: 0;
		font-weight: bold;
		opacity: 0.75;
	}

	.money-table .list-row>div>span:last-child{
		width: 100%;
		display: inline-block;
	}
	.money-table .list-row.filled-item>div:last-child>span, .money-table .table input, .money-table #opening_amount{
		font-style: oblique;
		text-align: center;
		border: 0;
		border-bottom: 1px dashed rgba(0, 0, 0, 0.25) !important; /*TODO*/
		color: black !important;
		border-radius: 0;
	}
	.money-table .list-row.to-filled-item>div:last-child>span{
		border-bottom: 1px solid black !important; /*TODO*/
		vertical-align: bottom;
	}
	
	.money-table .table{
	    color: black; /*TODO*/
        box-shadow: unset;
    }
        .money-table .table>thead>tr{
            background-color: transparent;
            color: black; /*TODO*/
        }
        .money-table .table>tbody{
            border-color: transparent;
        }
            .money-table .table > tbody > tr:not(:last-child){
                border-bottom: 0;
            }
	
	.money-table .align_inputs>div:first-child{
		width: 100%;
		padding: 10px 0px;
	}
	.money-table .align_inputs>div:first-child>*,.money-table .align_inputs>:first-child{
		padding-right: 15px;
		position: relative;
	}
	.money-table .align_inputs>div:first-child>*,.money-table .align_inputs>:last-child{
		padding-left: 15px;
	}
	.money-table .align_inputs{
		display: flex;
	}
	.money-table .align_inputs>label{
		margin: 0;
		font-weight: initial;
		font-size: 16px;
		width: 33.33333333333333%;
	}
	.money-table .align_inputs>span{
		width: 66.66666666666666%;
	}
	.money-table .align_inputs>div:first-child>span>input{
		padding: 0;
		height: auto;
		border: 0;
	}
	.money-table .print-sell:after{
		content: "$";
		position: absolute;
		font-size: 13px;
		top: 8px;
        right: -7px;
	}
}

/* Style breadcrum*/
#breadcrumb .breadcrumb{
    box-shadow: 0 0 1px var(--pos-color-white);
    border-top: 1px solid var(--pos-info-bg-text);
    border-bottom: 1px solid var(--pos-info-bg-text);
    margin: 0 -1rem;
    padding: 0.25rem 1rem;
    margin-bottom: 1rem;
}
    #breadcrumb .breadcrumb a{
        color: black;
    }
        #breadcrumb .breadcrumb a:hover{
            color: var(--pos-info-bg-text);
        }
        #breadcrumb .breadcrumb>li:last-child>a{
            color: var(--pos-info-bg-text);
            font-weight: bold;
        }


.mfp-content .breadcrumb > li:not(:last-child) {
  font-weight: bold;
  cursor: pointer;
  color: #056ab2;
}

.breadcrumb-bs3 {
  padding: 8px 15px;
  margin-bottom: 20px;
  /*list-style: none;*/
  background-color: #f5f5f5; /* TODO variable */
  border-radius: 4px;
}

/* Style #footer*/
#footer{
    text-align: center;
    color: #434343;/*TODO*/
    font-weight: 200;
    font-size: 0.75rem;
}

/* Style listItems*/
table.listItem{
    width: 100%;
}
    table.listItem>tbody>tr:not(:last-child){
        border-bottom: 1px dashed var(--pos-color-gray-light);
    }
        table.listItem>tbody>tr>td{
            padding: 6px 0;
        }

/* Style element GSX */

.text-passed{
    color: rgb(var(--bs-success-rgb)) !important;
}

/* Style table-links */
table.table-links{
    width: 100%;
}
    table.table-links>tbody>tr>td:last-child{
        width: 1%;
    }

/* --- Style overwrite ckeditor --- */

.ck .contractchamps {
    background: #ffe3007a;
    padding: 2px;
}
    .ck .contractchamps::selection {
        display: none;
    }

.ck.ck-content{
    overflow: inherit;
    line-height: 1;
}

.ck .row.ck-widget{
    margin: 0;
}
    .ck .row.ck-widget .col-sm-6:first-child{
        padding-left: 0;
    }
    .ck .row.ck-widget .col-sm-6:last-child{
        padding-right: 0;
    }

.ck.ck-balloon-panel.ck-powered-by-balloon{
    display: none;
}

/* --- Style contrat --- */
.contrat_from_container{
    margin: auto;
    width: 216mm;
}
    .contrat_from_container .contrat_from:not(:first-child){
            page-break-before: always;
    }
    .contrat_from_container .contrat_btn{
        margin: 0 0 0 auto;
        display: block;
    }
    .contrat_from_container .sigWrapper {
        height: 79px;
        margin: 2px;
    }
    form.contrat_from_container .sigWrapper {
        border: 2px solid #000;
        margin-top: 0;
        margin-right: 0;
        margin-left: 0;
    }

.contrat_from{
    line-height: 1;
    padding: 1cm;
    background: white;
}
    .contrat_from .text-tiny{
        font-size: .7em;
    }
    .contrat_from .text-small{
        font-size: .85em;
    }
    .contrat_from .text-big{
        font-size: 1.4em;
    }
    .contrat_from .text-huge{
        font-size: 1.8em;
    }
    
    .contrat_from table{
        height: 100%;
        width: 100%;
    }
        .contrat_from table td{
            padding: .4em;
        }
    
    .contrat_from .image {
        clear: both;
        display: table;
        margin: .9em auto;
        min-width: 50px;
        text-align: center;
    }
        .contrat_from .image.image-style-side {
            float: right;
            margin-left: 1.5em;
            max-width: 50%;
        }
        .contrat_from .image img {
            display: block;
            height: auto;
            margin: 0 auto;
            max-width: 100%;
            min-width: 100%;
        }
        .contrat_from img {
            height: auto;
        }
    .contrat_from p + .image-style-side {
        margin-top: 0;
    }
    .contrat_from .page-break{
        page-break-before: always;
        page-break-after: unset !important;
    }
    .contrat_from .contractsignature, .ck .contractsignature{
        height: 79px;
        width: 354px;
        margin-bottom: 24px;
        border: 2px solid #000;
        margin-bottom: 1rem;
    }
    .contrat_from .sigWrapper{
        width: 354px;
        margin-bottom: 24px;
        font-size: 15px;
    }
        .contrat_from .sigWrapper>.clearButton{
            margin-top: 4px;
            display: block;
            margin-left: -3px;
        }

@media print {
    .contrat_from .page-break{
        padding-top: 1cm;
    }
}


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

.thin-scroll{
    scrollbar-width: thin;
}

.bold{
    font-weight: bold;
}

.control-label{
	font-size: 15px;
    font-weight: bold;
}

.custom-btn, .open .dropdown-toggle.custom-btn.btn-primary{
	background-color: #0783db;
	border-color: #0783db;
}

.widget-content .form-group {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}

.widget-content .form-group:first-child{
	margin-top: 1rem;
}

.widget-box .widget-title .label, .widget-box .widget-title .badge {
  padding: 3px 5px 2px;
  float: right;
  margin: 9px 15px 0 0;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3) inset, 0 1px 0 var(--pos-color-white);
  box-shadow: 0 1px 2px rgba(0,0,0,0.3) inset, 0 1px 0 var(--pos-color-white);
}

#content-header{
}


.btn-block{
    display: block;
    width: 100%;
    overflow: hidden;
}

.guide {
	display: inline-block;
	height: 100%;
	margin: 0;
	vertical-align: middle;
}
#divLockscreen .millieu {
	background: var(--pos-color-white) none repeat scroll 0 0;
	display: inline-block;
	margin: 0;
	padding: 10px;
	vertical-align: middle;
}

.stickyHead, #caseConnaissancePopup .table-header>.unHead{
	overflow: hidden;
	position: fixed;
	/*top:50px;*/
	/*top:110px;*/
	visibility: collapse;
	z-index: 10;
	background-color:white;
	
	overflow-x: scroll;
	scrollbar-width: none;
	
	white-space: nowrap;
}
.stickyHead::-webkit-scrollbar {
  display: none;
}
.stickyHead.noButtons{
	top: 50px;
}
.stickyHead.moved, #caseConnaissancePopup .table-header>.unHead{
	visibility: visible;
}

.moduleBlock {
	background-color: #e2f5fc !important;
	border-radius: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	box-shadow: 5px 10px 18px #aad5f5;
	text-align: center;
	width: 90px;
	height: 65px;
	padding: 5px 10px;
	display: block;
}
    #sidebar .moduleBlock i {
        font-size: 2.5em;
    }

#lock_button {
	bottom: 45px;
}
#lock_button > a {
	font-size: 0.75em;
}

.inSlidemode{
    /*margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 5px;*/
	width: calc( 100% - 10px );
	text-align: center;
	bottom: 5px;
	margin: 4px auto;
}
#total_result_id{
	-webkit-box-shadow: initial;
	box-shadow: initial;
	margin: 4px 3px 0 0;
}

/*.table.data-table>thead>tr>th, .stickyHead .unHead, #caseConnaissancePopup .table-header>.unHead{
	border:0;
	height: 55px;
	vertical-align: top !important;
	font-size: 12px;
	color: #aaa;
	font-weight: bold;
	text-align: left;
	white-space: normal;
}
.table.data-table>tbody>tr>td{
	border:0;
	height: 65px;
}
.table.data-table>thead>tr, .stickyHead, #caseConnaissancePopup .table-header{
	border-bottom: 1px solid #bbb;
}
/*
#sidebar li a {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
	font-weight: 700 !important;
	width: 100px;
}*/
/*.unHead {
	display: inline-block;
	padding: 8px;
	white-space: nowrap;
}*/

#location-top select {
	-webkit-appearance: none;
	background: url("img/locations-icon.png") no-repeat scroll 15px center #000;
	border: medium none;
	color: rgba(255, 255, 255, 1);
	height: 32px;
	appearance: none;
	-webkit-appearance: none;
	border: medium none;
	background: transparent;
	width: 100%;
	font-size: 0.8em;
	padding: 5px 2px 5px 2px;
	font-weight: bold;
	color: #056ab2;
}


@media (max-width: 1000px) {
	.hiddenMinusThat1000 {
		display:none;
	}
}
@media (max-width: 900px) {
	.hiddenMinusThat900 {
		display:none;
	}
}
@media (max-width: 800px) {
	.hiddenMinusThat800 {
		display:none;
	}
}
/*@media (max-width: 767px) {
	
	.stickyHead{
		left: 16px;
	}
	
	div.divUnInclus{
		padding: 10px 12px;
	}
}

.relative{
	position:relative;
	overflow: hidden;
}

.fixed{
	position: fixed;
	top:50px;
	width: 1070px;
}

.moved{
	visibility: hidden;
}

.unHead {
	display: inline-block;
	padding: 8px;
	white-space: nowrap;
}*/

/* loading spinner style */
#loadingScreen {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.7);
  z-index: 99999999;
  cursor: pointer;
  justify-content: center;
  align-items: center;
}

.lds-spinner {
  color: official;
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  /*left: 50%;*/
  /*top: 50%;*/
}

.lds-spinner div {
    transform-origin: 40px 40px;
    animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 37px;
    width: 6px;
    height: 18px;
    border-radius: 20%;
    background: var(--pos-color-white);
}
.lds-spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
}
@keyframes lds-spinner {
    0% {
    	opacity: 1;
    }
    100% {
    	opacity: 0;
    }
}


/* calendar style */
 #calendar {
	/* float: right; 
	margin-left: 0px !important;
	padding-left:0px !important;*/
	min-width: 250px;
	max-width: 1370px;
	background-color: var(--pos-color-white);
	/*border-radius: 6px;
	box-shadow: 0 1px 2px #C3C3C3;*/
	padding: 0;
	/*border: 1px solid #b9e8f8;*/
}  

.widget-calender-title{
	/*height: 70px;*/
	display: flex;
	background-color: var(--pos-color-primary-light);
	border-radius: 0;
	border: 0;
}


.widget-calender-title>div.title-group{
	display: flex;
	justify-content: space-between;
	width: 100%;
	align-items: center;
	flex-wrap: wrap;
}
.widget-calender-title>div.title-group>span.icon{
	padding: 26px 10px;
	display: flex;
	font-size: 20px;
	padding-left: 15px;
}
.widget-calender-title>div.title-group>h2{
	color: rgb(55, 119, 167);
	text-transform: capitalize;
	line-height: inherit;
	font-size: 24px;
}
.widget-calender-title .calender-title{
	display: flex;
	/*position: absolute;
	right: 15px;
	top: 15px;*/
}
.widget-calender-title .calender-title .calender-arrows, .widget-calender-title .calender-title .btn-menu-group{
	padding-right: 10px;
}
.widget-calender-title .calender-title .calender-arrows>button:first-child{
	margin-right: 5px;
}
/*.widget-calender-title .btn-menu-group{
	margin: 15px 0;
	margin-left: 15px;
}*/
.widget-calender-title .btn-menu-group>button{
	font-weight: bold;
	text-transform: capitalize;
}
.widget-calender-title .calender-title .conectedBtn>button:first-child:not(.alone), .widget-calender-title .btn-menu-group button:first-child{
	border-radius: 4px 0 0 4px;
}
.widget-calender-title .btn-menu-group button:not(:first-child){
	border-radius: 0;
	border-left: 1px solid rgb(255 255 255 / 0.5);
}
.widget-calender-title .calender-title .conectedBtn>button:last-of-type:not(#calender-today), .widget-calender-title .btn-menu-group button:last-of-type{
	border-radius: 0 4px 4px 0;
	border-left: 1px solid rgb(255 255 255 / 0.5);
}

.widget-calender-title .fc-state-disabled{
	background-color: #34495e;
	border-color: #34495e;
	color: #BBBBBB;
	opacity: .65;
	pointer-events: none;
	cursor: not-allowed;
}


@media (min-width: 1201px) {

	.widget-calender-title > div.title-group:not(.only-title) > span.icon, .widget-calender-title #dropdown_calender_menu .custom-btn:last-of-type:not(#calender-today){
		display: none;
	}
	.widget-calender-title #dropdown_calender_menu #calender-today{
		border-radius: 4px;
	}
}


/* style de fc-event */
.fc-event {
	border: 1px solid var(--pos-color-white); /* TODO default BORDER color */
	background-color: #666666  /* TODO default BACKGROUND color */
	color: var(--pos-color-white);               /* TODO default TEXT color */
	font-weight:bold;
	font-size: 12px;
	cursor: default !important;
	border: 0 !important;
	
}

.fc-event.chill{
    background-color: #d2850b;
    color:white;
}
.fc-event.info{
    background-color: #00a4e6;
    color:white;
}
.fc-event.important{
    background-color: #ff4d4d;
    color:white;
}
.fc-event.success{
    background-color: #aed136;
    color:white;
}
.fc-event.rencontre{
	background-color: #00a4e6;
	color:white;
}
.fc-event.autres{
	background-color: white;
}

/* Style #resultatsSearchWork */
#resultatsSearchWork .widget-content, #resultatsSearchLoans .widget-content {
	padding: 10px;
}
#resultatsSearchWork .divWorkCont, #resultatsSearchLoans .divLoanCont {
	width:100%; 
	box-sizing: border-box;
	display:inline-block;
	padding-left:5px;
	padding-right:5px;
	vertical-align:top;
}
@media (min-width: 768px) {
	#resultatsSearchWork .divWorkCont {
        width:33.333%;
    }
    #resultatsSearchLoans .divLoanCont {
    	width:33%;
    }
}


/* Style du module travaux pour les notes et les status */

.work_id_late{
    color:#444;
    mix-blend-mode: plus-lighter;
}

.work_id_very_soon{
    color: #ffaa00;
    mix-blend-mode: screen;
}

.work_id_soon{
    color:#fffb00;
}

body div[class*=" status-"] .widget-content{
    padding: 12px 15px;
}

.stickyNote > div{
	text-decoration:none;
	color:#000;
	background:#ffc;
	display:block;
	padding:10px;;
}
.stickyNote{
    height: max-content;
    box-sizing: border-box;
}

.divWorkCont, .divLoanCont{
    margin-top:5px;
    margin-bottom:5px;
}

.divWorkSubCont, .divLoanSubCont{
	border:1px solid #000000;
	cursor:pointer;
}
		
.divWorkCont .nomClient,  .divLoanCont .nomClient{
	font-weight:bold;
}
	
.divWorkCont table > tbody > tr > td, .divLoanCont table > tbody > tr > td {
	padding:5px;
}
.divLoanCont table > tbody > tr > td:first-child {
	background:var(--pos-info-bg-light);
	width:70px;
	text-align:center;
	font-weight:bold;
	padding:10px;	
}

.divWorkCont table > tbody > tr > td:first-child{
	background:#99ff99;
	width:70px;
	text-align:center;
	font-weight:bold;
	padding:10px;
}
	
	
.divWorkCont.status-done table > tbody > tr > td:first-child{
	background:#ccc;
}

.divWorkCont.status-bench table > tbody > tr > td:first-child{
	background:#000;
	color:var(--pos-color-white);
}

.divWorkCont.status-waitpickup table > tbody > tr > td:first-child{
	background:#036106;
	color:var(--pos-color-white);
}

.divWorkCont.status-waitclient table > tbody > tr > td:first-child{
	background:#aa0000;
	color:var(--pos-color-white);
}

.divWorkCont.status-waitpiece table > tbody > tr > td:first-child{
	background:#6699FF;
	color:var(--pos-color-white);
}
.divWorkCont.status-entreprise table > tbody > tr > td:first-child{
	background:#da09ec;
	color:var(--pos-color-white);
}

.divWorkCont.status-waitbench table > tbody > tr > td:first-child{
	background:#6f6f6f;
	color:var(--pos-color-white);
}

.divWorkCont.status-insurance table > tbody > tr > td:first-child{
	background:#ff9933;
	color:var(--pos-color-white);
}
.divWorkCont.status-mailin table > tbody > tr > td:first-child{
	background:#7b00ff;
	color:var(--pos-color-white);
}
.divWorkCont.status-mailout table > tbody > tr > td:first-child{
	background:#0ebfb9;
	color:var(--pos-color-white);
}
.divWorkCont.status-medicale table > tbody > tr > td:first-child{
	background:#000dff;
	color:var(--pos-color-white);
}
.divWorkCont.status-applezone table > tbody > tr > td:first-child{
	background:#63431c;
	color:var(--pos-color-white);
}
.divWorkCont.status-marcellemallet table > tbody > tr > td:first-child{
	background:#ed3d29;
	color:var(--pos-color-white);
}
.divWorkCont.status-mss table > tbody > tr > td:first-child{
	background:#003865;
	color:var(--pos-color-white);
}
.divWorkCont.status-msl table > tbody > tr > td:first-child{
	background:#242963;
	color:var(--pos-color-white);
}
.divWorkCont.status-champigny table > tbody > tr > td:first-child{
	background:#cab754;
	color:var(--pos-color-white);
}
.divWorkCont.status-cstj table > tbody > tr > td:first-child{
	background:#abd09d;
	color:var(--pos-color-white);
}
.divWorkCont.status-alma table > tbody > tr > td:first-child{
	background:#006cff;
	color:var(--pos-color-white);
}

/* 'status_waitpiece','status_bench','status_waitpickup','status_waitclient','status_done' */
body div[class*=" status-"].widget-box .widget-title h5{
	color:var(--pos-color-white);
	text-shadow: 0 0px 0 var(--pos-color-white);
}

body div[class*=" status-"].widget-box .widget-title{
	-webkit-box-shadow: none;
	box-shadow: none;
	color:var(--pos-color-white);
	border:0;
	border-radius: 0;
}

body div[class*=" status-"].widget-box {
	border-radius:10px;
}


body .widget-box.status-waitpiece {
	border: 5px solid #6699FF;
}
body .widget-box.status-waitpiece .widget-title{
	background: #6699FF;
}
	
body .widget-box.status-waitpickup {
	border: 5px solid #036106;
}

body .widget-box.status-waitpickup .widget-title {
	background: #036106;
}
	
body .widget-box.status-bench {
	border: 5px solid #000000;
}

body .widget-box.status-bench .widget-title{
	background: #000000;
}

body .widget-box.status-entreprise {
	border: 5px solid #da09ec;
}

body .widget-box.status-entreprise .widget-title{
	background: #da09ec;
}

body .widget-box.status-waitbench {
	border: 5px solid #6f6f6f;
}

body .widget-box.status-waitbench .widget-title{
	background: #6f6f6f;
}
	
body .widget-box.status-waitclient {
	border: 5px solid #aa0000;
}

body .widget-box.status-waitclient .widget-title {
	background: #aa0000;
}
body .widget-box.status-insurance {
	border: 5px solid #ff9933;
}

body .widget-box.status-insurance .widget-title {
	background: #ff9933;
}
body .widget-box.status-mailin {
	border: 5px solid #7b00ff;
}
body .widget-box.status-mailin .widget-title {
	background: #7b00ff;
}
body .widget-box.status-mailout {
	border: 5px solid #0ebfb9;
}
body .widget-box.status-mailout .widget-title {
	background: #0ebfb9;
}
body .widget-box.status-medicale {
	border: 5px solid #000dff;
}

body .widget-box.status-medicale .widget-title {
	background: #000dff;
}
body .widget-box.status-applezone {
	border: 5px solid #63431c;
}
body .widget-box.status-applezone .widget-title {
	background: #63431c;
}
body .widget-box.status-marcellemallet {
	border: 5px solid #ed3d29;
}
body .widget-box.status-marcellemallet .widget-title {
	background: #ed3d29;
}
body .widget-box.status-mss {
	border: 5px solid #003865;
}
body .widget-box.status-mss .widget-title {
	background: #003865;
} 
body .widget-box.status-msl {
	border: 5px solid #242963;
}
body .widget-box.status-msl .widget-title {
	background: #242963;
} 
body .widget-box.status-champigny {
	border: 5px solid #cab754;
}
body .widget-box.status-champigny .widget-title {
	background: #cab754;
} 
body .widget-box.status-cstj {
	border: 5px solid #abd09d;
}
body .widget-box.status-cstj .widget-title {
	background: #abd09d;
} 
body .widget-box.status-alma {
	border: 5px solid #006cff;
}
body .widget-box.status-alma .widget-title {
	background: #006cff;
}

/* Gritter */
.gritter-title {
	font-size: 12px !important;
	text-shadow: none !important;
}
.gritter-item-error .gritter-item,
.gritter-item-warning .gritter-item,
.gritter-item-success .gritter-item {
    padding: 7px 10px 10px !important;
}

.gritter-item-warning .gritter-item {
	background: #c8b35d !important; /* TODO variable */
}

.gritter-item-success .gritter-item {
	background: #76b5ad !important; /* TODO variable */
}

.gritter-item-error .gritter-item {
	background: #df6c6e !important; /* TODO variable */
}
.gritter-item-error .gritter-top,
.gritter-item-warning .gritter-top,
.gritter-item-success .gritter-top{
    display: none;
}

.gritter-item-error .gritter-bottom,
.gritter-item-warning .gritter-bottom,
.gritter-item-success .gritter-bottom{
    display: none;
}
#gritter-notice-wrapper{
    z-index: 10043 !important;
    pointer-events: none;
}

.gritter-item-wrapper {
    pointer-events: all;
}

/* Style du popup de ventes récentes d'un client*/
.customer-info > table.table {
  border: 1px solid #c7ebf9;
}
.customer-info > table.table > tbody > tr:first-child > th {
  background-color: #c7ebf9;
  font-weight: initial;
  color: #3673ac;
  font-size: 14px;
}

/* card-box */
.small-card-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;

    
}

/* commandeweb */
.article-container {
  min-width: 200px;
  max-width: 400px;
  margin-bottom: 4px;
  font-size: 14px;
  word-break: break-word;
  margin-left: auto;
  margin-right: 0;

}

.article-container > a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal;
}


/* Autres */


input[type="file"].image_input {
  display: none;
}


.stat {
  font-size: 24px;
  font-weight: bold;
}

.mobile_break {
  display: none;
}

.tempon{
    padding-left: 38px;
}
.align-radio {
  display: block;
  float: left;
  padding: 0px 13px 0 0;
  height: 34px;
}
.form-control.input-const-size {
  width: 222px;
}

.w-95{
    width: 95%;
}
.w-15{
    width: 15%;
}

.w-1{
    width:1%;
}

.flex-basis-33{
    flex-basis: 33.33%;
}

.draggable{
    cursor: move;
}

.selectable{
    cursor: pointer;
}

.no-pointer{
    pointer-events: none;
}

.text-cursor{
    cursor: text !important;
}

.mfp-figure>figure{
    margin: 0;
}

#blurContainer.show {
    filter: blur(10px);
    pointer-events: none;
    user-select: none;
}
#popupContainer {
    text-align: center;
    position: fixed;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 35%;
    padding: 50px;
    box-shadow: 0 5px 30px rgba(0,0,0,.30);
    background: #fff;
    visibility: hidden;
    opacity: 0;
    transition: 0.5s;
}
#popupContainer.show {
    top: 50%;
    visibility: visible;
    opacity: 1;
    transition: 0.5s;
}
#popUpBtnDiv {
    text-align: right;
}
#popupContainerCommand {
    text-align: center;
    position: fixed;
    top: 40%;
    left: calc(45% + var(--pos-sidebar-width)); /* Offset to the right */
    transform: translate(-50%, -50%);
    width: calc(90% - var(--pos-sidebar-width));
    height: 90%;
    padding: 25px;
    box-shadow: 0 5px 30px rgba(0,0,0,.30);
    background: #fff;
    visibility: hidden;
    opacity: 0;
    transition: 0.5s;
}

#popupContainerCommand.show {
    top: 50%;
    visibility: visible;
    opacity: 1;
    transition: 0.5s;
}

/*.show {*/
/*    visibility: visible;*/
/*    filter: none;*/
/*    pointer-events: auto;*/
/*    user-select: auto;*/
/*}*/

.commentCell{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-width: 150px;
}
.ellipsis {
    width: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ui-autocomplete{
    overflow: auto;
}
    
/* new switch style in lockscreen and resto*/    
.container-switch-toggle {
    color: white;
    background-color: rgba(255,255,255,1);
    text-align: -webkit-center;
    margin: auto;
}
.switch {
    box-sizing: content-box;
    padding: var(--radio-switch-padding);
    border: solid lightgrey var(--radio-switch-padding);
    position: relative;
    height: var(--radio-switch-height);
    background: white;
    border-radius: var(--radio-switch-border-radius);
}
.switch-pad {
    width: var(--radio-switch-pad-width);
}
.switch-my-tables {
    width: var(--radio-switch-my-tables-width);
}
.switch-label {
    position: relative;
    z-index: 2;
    float: left;
    width: var(--radio-switch-label-width);
    line-height: var(--radio-switch-height);
    color: black;
    text-align: center;
    cursor: pointer;
}
.switch-label-my-tables {
    width: var(--radio-switch-label-b-width);
}
.switch-input {
    display: none;
}
.switch-input:checked + .switch-label {
    color: white;
    transition: 0.15s ease-out;
    transition-property: color, text-shadow;
}
.switch-input:checked + .switch-label-a ~ .switch-selector {
    transform: translateX(0%);
    background-color: #00a3e6;
}
.switch-input:checked + .switch-label-b ~ .switch-selector {
    transform: translateX(100%);
    background-color: #00a3e6;
}
.switch-selector {
    position: absolute;
    z-index: 1;
    top: var(--radio-switch-padding);
    left: var(--radio-switch-padding);
    display: block;
    width: var(--radio-switch-label-width);
    height: var(--radio-switch-height);
    border-radius: var(--radio-switch-border-radius);
    background-color: #00a3e6;
    transition: -webkit-transform var(--radio-switch-animation-duration);
    transition: transform var(--radio-switch-animation-duration);
    transition: transform var(--radio-switch-animation-duration), -webkit-transform var(--radio-switch-animation-duration);
}
.switch-selector-b {
    width: var(--radio-switch-label-b-width);
}

/* css htlm to image */
.hti#main_receipt_container{
	background-color: white;
	margin: auto;
}

.hti #receipt_wrapper{
	width: 100%;
	margin:0;
}

.hti .transaction_type{
	overflow: hidden;
}
.hti .return_policy{
	overflow: hidden;
}
.hti .sale_return_policy {
	width: 100%;
	margin: auto;
}
.hti #company_logo{
	display: none;
}