.float-right{
	float: right;
}

.float-left{
	float: left;
}

.left{
	float: left;
}

.multi4{
	-moz-column-count:4;
	-webkit-column-count:4;
	-o-column-count:4;
	column-count:4;
	-moz-column-gap:10px;
	-webkit-column-gap:10px;
	-o-column-gap:10px;
	column-gap:10px;
	-webkit-column-rule-width:1px;
	-webkit-column-rule-color:#cbcefb;
	-webkit-column-rule-style:dotted;
	-moz-column-rule-width:1px;
	-moz-column-rule-color:#cbcefb;
	-moz-column-rule-style:dotted;
	-o-column-rule-width:1px;
	-o-column-rule-color:#cbcefb;
	-o-column-rule-style:dotted;
	column-rule-width:1px;
	column-rule-color:#cbcefb;
	column-rule-style:dotted;
}

.multi5{
	-moz-column-count:5;
	-webkit-column-count:5;
	-o-column-count:5;
	column-count:5;
	-moz-column-gap:10px;
	-webkit-column-gap:10px;
	-o-column-gap:10px;
	column-gap:10px;
	-webkit-column-rule-width:1px;
	-webkit-column-rule-color:#cbcefb;
	-webkit-column-rule-style:dotted;
	-moz-column-rule-width:1px;
	-moz-column-rule-color:#cbcefb;
	-moz-column-rule-style:dotted;
	-o-column-rule-width:1px;
	-o-column-rule-color:#cbcefb;
	-o-column-rule-style:dotted;
	column-rule-width:1px;
	column-rule-color:#cbcefb;
	column-rule-style:dotted;
}


.rond {
	-moz-border-radius: 10px;
	border-radius: 10px;
	vertical-align: center;
	padding-bottom: 10px;
}

.progress.vertical .bar {
    -webkit-transition: height 2s ease-in-out;
    -moz-transition: height 2s ease-in-out;
    -ms-transition: height 2s ease-in-out;
    -o-transition: height 2s ease-in-out;
    transition: height 2s ease-in-out;
}

.fpvertical{
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	margin-top: 100px;
	height: 250px;
}


.w80{
	width: 80px!important;
}
.w100{
	width: 100px!important;
}
.w110{
	width: 110px!important;
}
.w200{
	width: 200px!important;
}
.w250{
	width: 250px!important;
}
.w300{
	width: 300px!important;
}
.w500{
	width: 500px!important;
}
.w900{
	width: 900px!important;
}

#divselstock span{
	width: 100%!important;
}



.bg-green{
    background-color:#d3f8d7!important;
}

.sansbord{
	border-right-style: none!important;
	border-bottom-style: none!important;
	border-left-style: none!important;
}
.ui-tooltip {
	z-index: 160!important;
	align-content: center;
	text-align: center;
}

div.liste_fichier img{
	margin-right: 15px;
}


#divlookfact {
	    padding: 20px;
	    width: 800px;
	    background: none repeat scroll 0 0 #444444;
	    border: 1px solid #999999;
	    border-radius: 4px;
	    box-shadow: 0 2px 6px 0 #333333;
	    display: none;
	    left: 90px;
	    position: absolute;
	    top: 32px;
	    width: auto;
	    z-index: 240;
}


ul.vente {
width: 400px;
}


.ui-menu{
	width: 400px;
}

.ui-menu .ui-menu {
width: 200px;
}
.ui-menu .ui-menu .ui-menu {
width: 450px;
}


span.fpicon2{
	width: 20px;
	height:  20px;
	background: url("images/spritevente.png") no-repeat;
	background-origin: padding-box;
	display: block;
	overflow-x: hidden;
	overflow-y: hidden;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	position: absolute;

	list-style-position: outside;
	list-style-type: none;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	top: 0px;
	left: 0px;

}
span.fpicon{
	width: 50px;
	height:  20px;
	background: url("images/spritevente.png") no-repeat;
	background-origin: padding-box;
	overflow-x: hidden;
	overflow-y: hidden;
	list-style-position: outside;
	list-style-type: none;
	float: right;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	top: 0px;
	left: 0px;
}


span.metal{
	background-position: 0px 0px;
}

span.bouteille{
	background-position: 0px -20px;
}

span.bidon{
	background-position: 0px -40px;
}

span.vrac{
	background-position: 0px -60px;
}


.z100{
	z-index: 100;
}

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


.tabRes{
	border: 1px none #003922;
}

.tabRes tr td{
	width: 150px;
	border: 1px none #003922;
}

#recaptable {
			margin: 20px;
			color: #CC0000;
			background-color: #FFFF66;
			font-family: helvetica;
			font-size: 10pt;
			border-style: solid solid solid solid;
			border-width: 2px 2px 2px 2px;
			border-color: green #FF00FF blue red;
			text-align: center;
		}

td a.clair{
	color: #9dbbcf;
	text-decoration: none;
}

td a.clair:hover{
	color: #9dbbcf;
	text-decoration: none;
}

table.tabres tbody tr td{
	padding-right: 2px;
	padding-left: 2px;
}

table.tabres tbody tr td.bor{
	border: 1px solid gray;
}

.txtdurance{
	color: #1c99d6!important;
}

.durance{
	background-color: #1c99d6!important;
}

.paradis{
	background-color: #e89ae8!important;
}

.ventaire{
	background-color: #c3ad7c!important;
}

.mistral{
	background-color: #3bda61!important;
}

.bio{
	background-color: #dd2727!important;
	color: white;
}
.bouteille{
	background-color: #77d1ff!important;
}
.metal{
	background-color: #000000!important;
	color:white!important;
}

.arrangee{
	background-color: #ff8f46!important;
}

.cremedolive{
	background-color: #c28157!important;
}

.olivetable{
	background-color: #5faa4d!important;
}

.statu-1{
	background-color: #3a61b0;
	color: white;
}

.statu-2{
	background-color: #3a61b0;
	color: white;
}

.statu-5{
	background-color: #ffa200;
	color: white;
}

.statu-3{
	background-color: #903ab0;
	color: white;
}

.statu-4{
	background-color: #48b03a;
	color: white;
}


.statu-6{
	background-color: #dd4426;
	color: white;
}


div #listeDocuments {
	/*
	border: 1px solid #4986e7;
	padding: 10px;
	margin: 5px;
	*/
}

div #gestionstatuts {

	border: 1px solid #4986e7;
	/*
	padding: 10px;
	margin: 5px;
	*/
}

div #formulaire {
	border: 1px solid #4986e7;
	padding: 10px;
	margin: 5px;
}

.bordbleu {
	border: 1px solid #4986e7;
	padding: 10px;
	margin: 5px;
}


table.ajaxlook td {

	padding-right: 5px;
	padding-left: 5px;

}

table.ajaxlook th {

	padding-right: 5px;
	padding-left: 5px;
}

table.ajaxlook tr {
	border-bottom: 1px solid white;
}

.bgproforma {
	background-color: #94920a !important;
}


.bgcommande {
	background-color: #0b3a94 !important;
}

.bgbl {
	background-color: #510a94 !important;
}

.bgfacture {
	background-color: #b1ffb3 !important;
}


.bordproforma {
	border: 1px solid #fcffb1 !important;
	margin: 10px;
	padding: 10px;
}


.bordcommande {
	border: 1px solid #b1d9ff !important;
	margin: 10px;
	padding: 10px;
}

.bordbl {
	border: 1px solid #f1b1ff !important;
	margin: 10px;
	padding: 10px;
}

.bordfacture {
	border: 1px solid #b9f2ba !important;
	margin: 10px;
	padding: 10px;
}


.optmobile {
    max-width: 200px;
    min-width: 200px;
    width: 200px !important;
	height: 50px;
}

.optmobile option {
    width: 200px;
}

.optmobileS {
    max-width: 100px;
    min-width: 100px;
    width: 100px !important;
	height: 50px;
}

.optmobileS option {
    width: 100px;
}

.appradio{
 padding-top: 5px;
 padding-bottom: 5px;
 padding-right: 15px;
 padding-left: 20px;
}

.bggris{
	background-color: #e8e8e8 !important;
}

.bgvert{
	background-color: #a1dd99 !important;
}


.bgviolet{
	background-color: #a807a2 !important;
	color: #ffffff;
}

.bgmarron{
	background-color: #58350b !important;
	color: #ffffff;
}

.radio-toolbar input[type="radio"] {
    display:none;
}

.radio-toolbar label {
    display:inline-block;
    background-color:#ddd;
    padding: 10px 20px;
    font-family:Arial;
    font-size:16px;
    border: 2px solid #444;
    border-radius: 4px;
}

rr.radio-toolbar input[type="radio"]:checked + label {
    background-color:#bfb;
    border-color: #4c4;
}

.radio-toolbar input#nonaoc[type="radio"]:checked + label {
    background-color: #989696 !important;
	color: #ffffff;
    border-color: #4c4;
}
.radio-toolbar input#aophp[type="radio"]:checked + label {
    background-color: #56b953 !important;
	color: #ffffff;
    border-color: #4c4;
}
.radio-toolbar input#aocp[type="radio"]:checked + label {
    background-color: #a807a2 !important;
	color: #ffffff;
    border-color: #4c4;
}
.radio-toolbar input#aocpm[type="radio"]:checked + label {
    background-color: #58350b !important;
	color: #ffffff;
    border-color: #4c4;
}


.radio-toolbar input#prestation[type="radio"]:checked + label {
    background-color: #f46e17 !important;
	color: #ffffff;
    border-color: #4c4;
}
.radio-toolbar input#achat[type="radio"]:checked + label {
    background-color: #156fca !important;
	color: #ffffff;
    border-color: #4c4;
}

.radio-toolbar label:hover {
  background-color: #dfd;
}

#mobileappdiv {
    font-size: 84%;
}


#mobileappdiv .ui-controlgroup-label{
    float: none;
    display: block;
    text-align: center;
    width: 100%;
}
#mobileappdiv .ui-controlgroup-label legend{
    font-weight: bold;
    font-size: 130%;
    width: 100%;
    margin-bottom: 15px;
}

#mobileappdiv .ui-controlgroup-controls {
    float: none;
    display: block;
    width: 100%;
}

#typeprestation  .ui-radio {
    width: 50%;
}

#typeaoc  .ui-radio {
    width: 25%;
}

#typebio  .ui-checkbox {
    width: 33%;
}

#mobileappdiv .ui-radio label{
    text-align: center;
    white-space: nowrap;
}

table.BAT10 td {
  border-bottom: 1px solid #ddd;
  height: 50px !important;
}

.bordzero{
	border: 0px !important;
}

input[readonly] {
    border: 0px !important;
}

.inlarge{
	font-size: large!important;
	font-weight: bold !important;
	color: #000000 !important;
}

.top10{
	margin-top: 30px;
}

.pointerCursor{
	cursor: pointer !important;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 450px!important;
}

.select2-container {
	/* width: 450px!important; */
	/* width: 100%!important; */
}

.rouge {
	border: 1px solid #c71e1e;
	padding: 10px;
	margin: 5px;
	color: #c71e1e;
}
.bordsjaune {
	border: 1px solid rgb(255, 214, 111);
	padding: 10px;
	margin: 5px;
	color: rgb(255, 214, 111);
}

.vert {
	border: 1px solid #209205;
	padding: 10px;
	margin: 5px;
	color: #209205;
}

.jaune{
	color:goldenrod!important;
}

.jauneclair{
	color:rgb(255, 214, 111)!important;
}



table tbody tr.state1{
	background-color: rgb(114, 68, 241)!important;
}

table tbody tr.state2{
	background-color: #222A2D!important;
}

table tbody tr.state5{
	background-color: rgb(245, 245, 245)!important;
}

table tbody tr.state33{
	background-color: rgb(214, 136, 0)!important;
}

table tbody tr.state4{
	background-color: rgb(11, 92, 35)!important;
}

table tbody tr.bgvert{
	background-color: rgb(11, 92, 35)!important;
}

table tbody tr.bgrouge{
	background-color: rgb(170, 9, 9)!important;
}

table tbody tr.bgblanc{
	background-color: rgb(255, 255, 255)!important;
}
table tbody tr.bgblanc td{
	color: rgb(0, 0, 0)!important;
}

table tbody tr td.bgrouge{
	background-color: rgb(170, 9, 9)!important;
}

table tbody tr td.bgvert{
	background-color: rgb(9, 170, 122)!important;
}

input.bgrouge{
	background-color: rgb(170, 9, 9)!important;
}

.trnoir{
	background-color: #4e3503;
	color: #ffffff;
}

.bgvioletfonce{
	background-color: #261c26!important;
	color: #ffffff;
}

body.skin-5 .table-striped > tbody > tr:nth-of-type(2n+1).trnoir {
    background-color: #4e3503!important;
	color: #ffffff!important;
}

.RIGHT5{
	margin-right: 5px!important;
}

.RIGHT10{
	margin-right: 10px!important;
}

div.divselect span.select2{
	width: 100%!important;
}

.warning{
	background-color: #ff4e4e!important;
	color: #ffffff;
}

.modal-content{
	background-color: #222a2d!important;
	border-color: #e8e8e8!important;
	border-style: solid!important;
	border-width: 2px!important;
}

.ofvalidation{
	background-color: #bc42ae!important;
}

body.skin-7 .table-striped > tbody > tr:nth-of-type(2n+1).ofvalidation{
    background-color: #bc42ae!important;
}

.lignesEspacees
{
 border-collapse : separate;
 border-spacing : 10px;
}

.overlay{
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999;
	background: rgba(255,255,255,0.8) url("/fpadmin/skins/larry/images/ajaxloader.gif") center no-repeat;
    }
/* Turn off scrollbar when body element has the loading class */
body.loading{
	overflow: hidden;   
}
/* Make spinner image visible when body element has the loading class */
body.loading .overlay{
	display: block;
}

.modal-footer {
	padding-top: 12px;
	padding-bottom: 14px;
	border-top-color: #E4E9EE;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: #007eff!important;
    }

.attention{
	color:goldenrod!important;
}

.danger{
	color:rgb(218, 38, 32)!important;
}


.noir{
	color:rgb(0, 0, 0)!important;
}

.retard {
	display: block;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-top-color: #E4E9EE;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: #ff6200!important;
	color:rgb(255, 255, 255)!important;
	font-weight: bold;
    }

.litigieux {
	display: block;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-top-color: #E4E9EE;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: #ff0000!important;
	color:rgb(255, 255, 255)!important;
	font-weight: bold;
    }

.custom-option.has-color {
    background-color: var(--option-color)!important;
    display: block;
    padding: 6px;
    border-radius: 4px;
}