/* ----------------------POLICE---------------------- */
@font-face {
	font-family: 'opensans';
	src: url('./opensans-regular.ttf') format('truetype');
	font-weight: regular;
	font-style: regular;
}
@font-face {
	font-family: 'opensans-bold';
	src: url('./opensans-bold.ttf') format('truetype');
	font-weight: bold;
	font-style: bold;
}
@font-face {
	font-family: 'opensans-semibold';
	src: url('./opensans-semibold.ttf') format('truetype');
	font-weight: bold;
	font-style: bold;
}
@font-face {
	font-family: 'muli-bold';
	src: url('./muli-bold.ttf') format('truetype');
	font-weight: bold;
	font-style: bold;
}
@font-face {
	font-family: 'muli-regular';
	src: url('./muli-regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
body {font-family: 'opensans';letter-spacing:0.7px;color:#343939;}
h1 {font-family: 'opensans-semibold';}
.ui-header h1 {
    font-weight: bold;
    font-size: 1em;
    min-height: 1.1em;
    text-align: center;
    display: block;
    margin: 0 30%;
    padding: 0.7em 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    outline: 0!important;
}
h3 {font-size:1.17em;font-weight:bold;margin-top:1em;margin-bottom:1em;}
p {font-weight:normal;}
th {text-align: -internal-center;text-align:center;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none;margin: 0;}
input[type=number] { -moz-appearance: textfield;}
.bolder {font-family: 'opensans-bold'!important;}
.bold {font-family: 'opensans-semibold'!important;}
.muli-bold {font-family: 'muli-bold'!important;}
.muli-regular {font-family: 'muli-regular'!important;}
.normal {font-weight:normal!important;}
.ui-page {background-color:#f6f6f7;}
.ui-page-theme-a .ui-btn, .ui-page-theme-a .ui-btn:visited, html .ui-body-a .ui-btn {background-color:#ffffff;}
.ui-btn, input {font-family: 'opensans';}
.ui-btn-icon-left {padding-left: .5625em;}
.ui-shadow {box-shadow:0 3px 5px 0 rgba(174,194,205,0.4);}
.container-blue {width:100%;padding:0;margin:0;background: linear-gradient(rgb(0, 135, 205) 0%, rgb(0, 74, 147) 100%);}
.height-100 {height:100%;min-height:calc(100vh - 20px);padding-bottom:20px;}
.container-blue h1 {font-size:1rem;font-weight:normal;color:#ffffff;text-shadow:none;margin:0;}
.ui-body-a {background-color:#ffffff;box-shadow:0 3px 5px 0 rgba(174,194,205,0.4);border:none;}
.ui-body-d {background-color:#ffffff;box-shadow:0 3px 5px 0 rgba(174,194,205,0.4);}
.ui-body-e {background-color:#169c58;box-shadow:0 3px 5px 0 rgba(174,194,205,0.4);} /* VERT */
.ui-body-f {background-color:#e46220;box-shadow:0 3px 5px 0 rgba(174,194,205,0.4);} /* ORANGE */
.ui-body-g {background-color:#cb4c4c;box-shadow:0 3px 5px 0 rgba(174,194,205,0.4);} /* ROUGE */
.ui-body-h {background-color:#134e95;box-shadow:0 3px 5px 0 rgba(174,194,205,0.4);} /* BLEU */
.ui-body-i {background-color:#ffffff;}
.ui-body-e p {color:#ffffff;}
.ui-body-f p {color:#ffffff;}
.ui-body-g p {color:#ffffff;}
.br-5 {border-radius:5px;}
.p-33 {padding:33px;}
.m-0 {margin:0;}
.ls-0 {letter-spacing:0;}
.btn-g {background-color:#cb4c4c!important;box-shadow:0 3px 5px 0 rgba(174,194,205,0.4); color:#ffffff!important;border:none;text-shadow:none!important;}
.btn-h {background-color:#134e95!important;box-shadow:0 3px 5px 0 rgba(174,194,205,0.4); color:#ffffff!important;border:none;text-shadow:none!important;font-weight:normal!important;}
.ui-btn .btn-white {background-color:#ffffff;opacity: 1;font-size: 16px;text-indent: initial;color: #343939;border-color:#b1b6bd;}
.ui-btn .btn-blue {background-color: #134e95;opacity: 1;font-size: 16px;text-indent: initial;color: #fff;}
.ui-page-theme-a a {font-weight:normal!important;}
.ui-input-search input {padding:17px 18px 17px 40px;}
.ui-input-search input::placeholder {color:#828787;opacity:1;}
.ui-input-search::after {left: 15px;margin-top: -8px;width: 16px;height: 16px;opacity: 1;background: url(../images/search.png) no-repeat;background-size:contain;}
.ui-input-search .ui-icon-delete::after {background: url(../images/search-delete.png) no-repeat;background-size:contain;width: 18px;height: 18px;margin-top: -9px;}


.ui-page-theme-a .ui-btn:focus, html .ui-bar-a .ui-btn:focus, html .ui-body-a .ui-btn:focus, html body .ui-group-theme-a .ui-btn:focus, html head + body .ui-btn.ui-btn-a:focus, .ui-page-theme-a .ui-focus, html .ui-bar-a .ui-focus, html .ui-body-a .ui-focus, html body .ui-group-theme-a .ui-focus, html head + body .ui-btn-a.ui-focus, html head + body .ui-body-a.ui-focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
}
.ui-page-theme-a .ui-btn.ui-btn-active, html .ui-bar-a .ui-btn.ui-btn-active, html .ui-body-a .ui-btn.ui-btn-active, html body .ui-group-theme-a .ui-btn.ui-btn-active, html head + body .ui-btn.ui-btn-a.ui-btn-active, .ui-page-theme-a .ui-checkbox-on::after, html .ui-bar-a .ui-checkbox-on::after, html .ui-body-a .ui-checkbox-on::after, html body .ui-group-theme-a .ui-checkbox-on::after, .ui-btn.ui-checkbox-on.ui-btn-a::after, .ui-page-theme-a .ui-flipswitch-active, html .ui-bar-a .ui-flipswitch-active, html .ui-body-a .ui-flipswitch-active, html body .ui-group-theme-a .ui-flipswitch-active, html body .ui-flipswitch.ui-bar-a.ui-flipswitch-active, .ui-page-theme-a .ui-slider-track .ui-btn-active, html .ui-bar-a .ui-slider-track .ui-btn-active, html .ui-body-a .ui-slider-track .ui-btn-active, html body .ui-group-theme-a .ui-slider-track .ui-btn-active, html body div.ui-slider-track.ui-body-a .ui-btn-active {
  color:initial;
  text-shadow:none!important;
  background-color:#dfe3e8;
  border :none;
}
html .ui-page-theme-a .menu-index .ui-btn.ui-btn-active {background:none!important;}
.ui-listview > li p {
    text-overflow: initial;
    /*overflow: auto;*/
    white-space: normal;
}
.a-collapse {-webkit-border-bottom-right-radius: 0;border-bottom-right-radius: 0;-webkit-border-bottom-left-radius: 0;border-bottom-left-radius: 0;}
.a-collapse.collapsed {-webkit-border-bottom-right-radius: 5px;border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;border-bottom-left-radius: 5px;}
.a-collapse:after {position:absolute;display:inline-block;content:"";border-radius: 0;width: 45px;height: 45px;top: 0;margin-top: 0;right: 0;background: url(../images/chevron-down.png) no-repeat center;background-size: 14px;}

/***** LOGIN *****/
.header-login {margin-bottom:22px;padding-top:20px;}
.container-formulaire {box-sizing: initial;margin-left:22px;margin-right:22px;max-width:304px;padding:22px 30px;border-radius:2px;background-color:#ffffff;box-shadow:0 35px 100px 0 rgba(0,0,0,0.4);}
.container-formulaire .ui-btn {background-color:#134e95;padding:14px 37px 17px 8px;border:none;border-radius:5px;text-shadow:none;color:#ffffff;font-weight:normal;box-shadow:0 3px 5px 0 rgba(174,194,205,0.4);}
.container-formulaire .ui-btn:hover {background-color:#134e95;border:none;color:#ffffff;text-shadow:none;}
.container-formulaire .ui-btn:active {background-color:#5d9bfd;border:none;color:#ffffff;text-shadow:none;}
.ui-mobile .login  label, .serveur-login {text-align:left;color:#828787;font-size:13px;padding:0;margin:0;font-weight:normal;text-shadow:none;}
.login .ui-input-text input {padding:5px 0 7px;}
.login .ui-input-text {box-shadow:none;border-radius:0;border:none;border-bottom: 1px solid #b1b6bd;margin:0 0 12px;}
.connexion span {display:inline-block;vertical-align:text-top;width:18px;height:18px;margin-right:10px;background: url(../images/power-off.png) no-repeat;background-size:contain;}
.serveur-name-login {padding:5px 0 5px;margin:0 0 20px;font-weight:normal;text-align:left;color:#333;}
.drapeau {width:35px;margin:15px 25px 0 0;}
.drapeau_last {margin-right:0;}
.shadow {box-shadow:0 3px 5px 3px rgba(174,194,205,0.4);}
/***** MENU *****/
.menu-titre {padding:35px 22px 22px;color:#ffffff;border-bottom:1px solid rgba(255,255,255,0.2);}
.menu-titre p {color:#ffffff;font-weight:normal;margin:0;}
.menu-index .ui-content {padding:22px;}
.menu-index ul.ui-shadow {box-shadow:none;}
.menu-index .ui-btn {padding-left:35px;font-weight:normal;color:#ffffff;font-size:14px;text-decoration:none;text-shadow:none;background-color:transparent;border:none!important;}
.menu-index .ui-btn:after {left:0;}
.index-footer {position:absolute;bottom:22px;left:22px;}
.index-footer p {color:#ffffff;font-size:14px;text-shadow:none;font-weight:normal;letter-spacing:0;opacity:0.75;margin:5px 0 0 0;}
.iconestock {position:relative;}
.iconestock::after {content: "";background: url(../images/box-alt-blanc.png) no-repeat left;opacity:0.75;top: 0;left: 0;bottom: 0;right: 0;position: absolute;}
.iconejumelage {position:relative;}
.iconejumelage::after {content: "";width:20px;height:20px;background: url(../images/rss.png) no-repeat;background-size:contain;opacity:0.75;top:5px;left: 0;position: absolute;}
.iconeconnexion {position:relative;}
.iconeconnexion::after {content: "";width:20px;height:20px;background: url(../images/power-off.png) no-repeat;background-size:contain;opacity:0.75;top:9px;left: 0;;position: absolute;}
.iconeglobe {position:relative;}
.iconeglobe::after {content: "";width:20px;height:20px;background: url(../images/globe.png) no-repeat;background-size:contain;opacity:0.75;top:8x;left: 0;;position: absolute;}
.iconeuser {position:relative;}
.iconeuser::after {content: "";width:20px;height:20px;background: url(../images/user-circle.png) no-repeat left;background-size:contain;top: 0px;left: 0;position: absolute;}
.exclamation {display:inline-block;vertical-align:bottom;width:21px;height:21px;margin-right:10px;background: url(../images/exclamation-circle.png) no-repeat center;background-size:contain;opacity:0.8;}


/***** VENTE *****/
.ui-input-search {background-color:#ffffff;box-shadow:none;border:none;font-size:14px;}
.count-stock {right: 30px;}
.iconerefresh {display:inline-block;width:21px;height:21px;margin-right:10px;background: url(../images/sync-alt.png) no-repeat center;background-size:contain;}
.iconecard {display:inline-block;vertical-align: text-top;width:21px;height:21px;margin-right:10px;background: url(../images/credit-card.png) no-repeat center;background-size:contain;}
.ui-page-theme-a .ui-btn.enregister {background:none;border:none;text-shadow:none;box-shadow:none;font-size:16px;color:#009c53;padding:8px 0;margin-right:10px;letter-spacing:-0.39px;}
.ui-page-theme-a .ui-btn.btn-back {background:none;border:none;text-shadow:none;box-shadow:none;font-size:16px;color:#343939;padding:8px 0;letter-spacing:-0.39px;}
.btn-back span {display:inline-block;width:9px;height:18px;background: url(../images/chevron-left.png) no-repeat right;background-size: contain;vertical-align:sub;margin-right:8px;}
.formulaire-create label {text-align: left;color: #828787;font-size: 13px;padding: 0;margin: 0;font-weight: normal;text-shadow: none;}
.formulaire-create .ui-input-text {box-shadow: none;border-radius: 0;border: none;border-bottom: 1px solid #b1b6bd;margin: 0 0 12px;}
.formulaire-create .ui-input-text input {padding: 5px 0 7px;}
.formulaire-create .ui-input-text input::placeholder {color:#828787;opacity:1;}
.creer-panier .ui-input-text {margin-bottom:20px;}
.ui-page-theme-a .ui-btn.iconeclient {background: url(../images/user-alt.png) no-repeat 12px;background-size: 17px;}
.ui-page-theme-a .ui-btn.iconevendeur {background: url(../images/finger.png) no-repeat 12px;background-size: 17px;}
.modreg {margin:12px 0;}
.modreg .ui-btn {border:none!important;}
.modreg .ui-listview-inset {margin:4px 0;}
.modreg a {color:#4e5353;font-size:14px;line-height:20px;padding:19px 20px 17px 20px;}
.modreg .ui-icon-myicon::after {background: url(../images/trash-alt.png) no-repeat;background-size: 19px;border-radius:0;}
.modreg-montant .ui-block-a {width:40%;}
.modreg-montant .ui-block-b {width:60%;padding-left:5px;}
.modreg-montant .ui-block-a .ui-input-text {border:none!important;}
.modreg-montant .ui-block-b h2 a {line-height: 25px;border: none;background-color: #169c58;text-shadow: none;color: #fff;padding: 14px 20px 17px 20px;font-family:'muli-bold';font-weight:normal;}
.modreg-montant .ui-block-b h2 a::after {border-radius:0;width: 55px;height: 56px;top: 0;margin-top: 0;right: 0;border-left: 1px solid rgba(255,255,255,0.51);background: url(../images/chevron-down-white.svg) no-repeat center;background-size: 14px;}
.modreg-montant .ui-block-b h2 .ui-btn:hover {background-color: #169c58!important;color: #ffffff!important;text-shadow:none!important;}
.complete {display:block;width:45px;height:45px;background: url(../images/complete.svg) no-repeat center;background-size:contain;margin: 0 auto;}
#Montant {color:#828787;padding:14px 20px 17px 20px;background-color:white;}


/***** CLIENT *****/
.client-btn-creer {position:fixed;bottom:0;left:0;width:calc(100% - 44px);padding:15px 22px 20px 22px;background-color:#ffffff;z-index: 10;}
.client-btn-creer .ui-btn {padding-top: 18px;padding-bottom: 21px;}
.formulaire-create .ui-input-text {box-shadow:none;border-radius:0;border:1px solid #ffffff!important;border-bottom: 1px solid #b1b6bd!important;margin:0 0 12px;}
.formulaire-radio {display:flex;margin-top:15px;margin-bottom:15px;}
.formulaire-radio .ui-radio {width:50%;}
.formulaire-radio .ui-btn {border:none;text-shadow:none;box-shadow:none;}
.formulaire-radio .ui-radio label {padding-left:35px;font-size:16px;line-height: 22px;}
.creer-client .ui-radio input {opacity:0;}
.formulaire-radio .ui-btn-icon-left::after {left:0px;}
.creer-client .ui-input-text {margin-bottom:25px;}
.creer-client .ui-input-text input {padding: 5px 0 15px;}
.creer-client .ui-select {margin: 0 0 18px 0;}
.creer-client .ui-select .ui-btn {border:1px solid #ffffff!important;border-bottom: 1px solid #b1b6bd!important;box-shadow: none;border-radius: 0;padding: 10px 0 18px;text-align: left;}
.creer-client .ui-select .ui-btn::after {width: 18px;height: 18px;background: url(../images/chevron-down.png) no-repeat;background-size: contain;}
.ui-listview .ui-btn:focus {box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;}
html .creer-client .ui-focus {box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;border:1px solid #b1b6bd!important;}

/***** PANIER *****/
.contenu_panier {padding-right:70px!important;}
.contenu_panier p {margin:5px 0!important;}
.contenu_panier .ui-li-count {top: 26px;right: 40px;border:none!important;background:none!important;}
.iconesupprimer {display:inline-block;width:21px;height:21px;margin-right:10px;background: url(../images/trash-alt.png) no-repeat center;background-size:contain;}
.iconemoins {background: url(../images/icone-moins.svg) no-repeat 22px;background-size:contain;}
.iconeplus {background: url(../images/icone-plus.svg) no-repeat;background-size:contain;background-position: bottom 50% right 22px;}
.ui-btn.iconemoins:active, .ui-btn.iconeplus:active {background-color:#ffffff!important;}
.formulaire-change .ui-input-text {box-shadow:none!important;border:none!important;}
.input-change {padding:17px 18px!important;border:none!important;box-shadow:none!important;margin-bottom:20px!important;}
/*green-button-theme*/
.ui-btn-up-g, .ui-btn-hover-g, .ui-btn-down-g
{
	color: white;
	font-weight: bold;
	text-decoration: none;
}

.ui-btn-up-g, .ui-btn-g
{
	border: 1px solid #397114;
	background: #5aab25;
	text-shadow: 0 -1px 1px #397114;
	background-image: -moz-linear-gradient(top, #7ec44f, #5aab25);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #87c45e), color-stop(1, #619e39));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#7ec44f', EndColorStr='#5aab25')";
}

.ui-btn-hover-g
{
	border: 1px solid #2c6e00;
	background: #75b54a;
	text-shadow: 0 -1px 1px #2a6901;
	background-image: -moz-linear-gradient(top, #99d472, #75b54a);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #99d472), color-stop(1, #75b54a));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#99d472', EndColorStr='#75b54a')";
}

.ui-btn-g:active
{
	border: 1px solid #457823;
	background: #7ec44f;
	text-shadow: 0 -1px 1px #457823;
	background-image: -moz-linear-gradient(top, #619e39, #7ec44f);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #619e39), color-stop(1, #7ec44f));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#619e39', EndColorStr='#7ec44f')";
}

.ui-btn-up-g, .ui-btn-hover-g, .ui-btn-down-g
{
	color: white;
	font-weight: bold;
	text-decoration: none;
}

.taille-right
{
    position: absolute;
    font-weight: 700;
    text-align: center;
    padding: 0 .48em;
    line-height: 1.6em;
    min-width: .64em;
    right: 0.8em;
    top: 50%;
    margin-top: -0.88em;
}
.ventepage
{
  max-height : 50vh;
  overflow : auto;
  display: block;
}
.iconepanier-vide
{
  right: 12px;
  top: 8px;
  padding:0;
  width:24px;
  height:24px;
  border-radius: 0 !important;
  background : url(../images/shopping-cart.svg) no-repeat center ;
  background-color: transparent!important;
  background-size:contain;
  box-shadow:none!important;
  border:none!important;
}
.iconepanier-empty
{
  right: 12px;
  top: 8px;
  padding:0;
  width:24px;
  height:24px;
  border-radius: 0 !important;
  background : url(../images/shopping-cart-empty.svg) no-repeat center ;
  background-color: transparent!important;
  background-size:contain;
  box-shadow:none!important;
  border:none!important;
}
.iconemenu
{
  left: 12px;
  top: 10px;
  padding:0;
  width:22px;
  height:22px;
  border-radius: 0 !important;
  background : url(../images/bars.svg) no-repeat center ;
  background-color: transparent!important;
  background-size:contain;
  box-shadow:none!important;
  border:none!important;
}
.iconeflecheright
{
  background: url(../images/chevron-right.png) no-repeat top 50% right 15px ;
  padding-right:30px;
  background-size: 8px;
}
.iconepoint
{
  background: url(../images/point-option.svg) no-repeat top 50% right 15px ;
  padding-right:30px;
  background-size: 25px;
}
.iconeca::after {content: "";width:20px;height:20px;background: url(../images/ca.svg) no-repeat; background-size:contain;opacity:0.75;top:8px;left: 0;;position: absolute;}
.iconeproduit::after {content: "";width:20px;height:20px;background: url(../images/produit.svg) no-repeat; background-size:contain;opacity:0.75;top:8px;left: 0;;position: absolute;}
.iconevendeurs::after {content: "";width:20px;height:20px;background: url(../images/vendeurs.svg) no-repeat; background-size:contain;opacity:0.75;top:8px;left: 0;;position: absolute;}
.iconenegoce::after {content: "";width:20px;height:20px;background: url(../images/negoce.svg) no-repeat; background-size:contain;opacity:0.75;top:8px;left: 0;;position: absolute;}
.iconecompare::after {content: "";width:20px;height:20px;background: url(../images/compare.svg) no-repeat; background-size:contain;opacity:0.75;top:8px;left: 0;;position: absolute;}
.iconeoff::after {content: "";width:20px;height:20px;background: url(../images/off.svg) no-repeat; background-size:contain;opacity:0.75;top:8px;left: 0;;position: absolute;}
div.datedropper {
  --dd-color1: #169c58;
}
.datepicker .ui-input-text,.datepicker .ui-input-btn
{
  box-shadow : none;
  /*margin : 10px;*/
}
.datepicker .custom-input
{
  /*padding: 20px;*/
  text-align: center;
  font-size: 14px;
  padding-left:0;padding-right:0;
}
/*.datepicker .ui-input-btn
{
  padding : 21px 0 !important;
  background: #134e95 !important;
  color: #fff !important;
  font-size: 20px !important;
}*/
.trigroupe {display: flex !important;justify-content: center}
.datepicker .blockdate { margin-bottom : 15px;}
.iconeclose { background: none !important;border: none !important;padding: 20px 15px !important;}

.ui-listview, .line-link { font-size: 12px;}

.ui-flipswitch .ui-btn.ui-flipswitch-on { font-weight: bold !important;font-size: 16px;text-indent: -3.6em;}
.checkboxlabel { background: none !important;box-shadow: none !important; text-align: right !important; margin-right: 20px !important; position : absolute;}
.checkboxlabel:hover { color : #828787 !important;}
.checkboxlabel::after { display : none !important;}
.checkboxbasic {position: relative !important;left:calc(50% - 50px) !important;top: 5px !important;}
.ui-radio-on  { border : 1px solid #dfe3e8 !important;}


.validerdate .ui-btn {background-color: #134e95!important;color: #ffffff!important;text-shadow: none!important;font-family: 'muli-bold'!important;padding-top: 14px;padding-bottom: 17px;margin:0;font-size:16px;}
.validerdate input.ui-btn {opacity:0;}
.blockdate .ui-input-text { text-align: left; padding: 8px 8px 9px 30px; font-size: 13px; border-color: #b1b6bd!important;background : url(../images/calender.svg) no-repeat 10px; background-size : 20px;}
.datepicker .ui-block-a .ui-input-text {margin-top:0;margin-left:0;margin-right:.3125em;}
.datepicker .ui-block-b .ui-input-text {margin-top:0;margin-right:0;margin-left:.3125em;}

.disableLink {
	pointer-events: none;
}

.enableLink {
	pointer-events: auto !important;
}
.mlPrix { color : red; }