@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,800&display=swap');

body { margin:0; font-family: 'Open Sans', sans-serif; min-width:320px; }
img { max-width:100%; height:auto; }
a { color:#2eacbe; text-decoration:none; }
a:hover { color:#2eacbe; text-decoration:underline; }
.left { float:left; }

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button, .ui-widget {  font-family: 'Open Sans', sans-serif!important; font-size: 1rem!important; }

.cliquable:hover { cursor:pointer; text-decoration:underline; }

.alert { margin-top:1rem; padding:0.5rem 1rem; width:100%; }
.alert-dismissible .btn-close { padding: 0.75rem 1rem; }

input, textarea { outline: none; }

.width-100 { width:100%; }
.bootstrap-dialog-body { padding:15px 0; }

.g-recaptcha { transform:scale(0.96);-webkit-transform:scale(0.96);transform-origin:0 0;-webkit-transform-origin:0 0; display:block; margin:20px auto; width:305px;}

i + span { padding-left:15px; }
span + i { margin-left:15px; }

.mce-tinymce { width:100%!important; }

.container-fluid { max-width:1850px; }

.custom-field-quantite { position:relative; display: inline-block; min-width:80px; max-width:100px; }
.custom-field-quantite .action { color:#7e8d86; background:#d3d3d3; display:inline-block; position:absolute; height:100%; align-items:center; top:0; border:1px solid #d3d3d3;  }
.custom-field-quantite .action:hover { cursor:pointer; background:#c8c6c6; }
.custom-field-quantite .action i { border:none; }
.custom-field-quantite .action.less { left:0; }
.custom-field-quantite .action.more { right:0; }
.custom-field-quantite input { padding:5px 10px; border:1px solid #d3d3d3; text-align:center; width:100%; }

.custom-checkbox-radio-fields { margin-top:1.7rem; }
.custom-checkbox-radio-fields .custom-checkbox-radio-field { display:flex; align-items:center; margin-top:5px; }
.custom-checkbox-radio-fields .custom-checkbox-radio-field input { display:none; }
.custom-checkbox-radio-fields .custom-checkbox-radio-field input ~ i { color:#2eacbe; }
.custom-checkbox-radio-fields .custom-checkbox-radio-field input ~ i.checked { display:none; }
.custom-checkbox-radio-fields .custom-checkbox-radio-field input:checked ~ i.nochecked { display:none; }
.custom-checkbox-radio-fields .custom-checkbox-radio-field input:checked ~ i.checked { display:inline-block; }

.accordion-item { border:none; margin-bottom:5px; }
.accordion-item .accordion-button { font-weight:bold; border-radius:0!important; display:flex; justify-content:space-between; align-items:center; }
.accordion-item .accordion-button::after { display:none; }
.accordion-item .accordion-button:not(.collapsed) { background:#2eacbe; color:#ffffff; }
.accordion-item .accordion-button:not(.collapsed) i { transform: rotate(-180deg); }
.accordion-item .accordion-button.collapsed { border:1px solid #d3d3d3; color:#2eacbe; }
.accordion-item .accordion-button:focus { box-shadow: none; }
.accordion-item .accordion-collapse ul { padding:0 0 0 15px; }

.ui-tabs { border:none; }
.ui-tabs .ui-tabs-nav { background:none; border:none; margin-bottom:-1px; display: flex; justify-content: space-between; }
.ui-tabs .ui-tabs-nav::before, .ui-tabs .ui-tabs-nav::after { display: none; }
.ui-tabs .ui-tabs-nav li { border-color:#2eacbe; background:#2eacbe; margin-left: 0; margin-right: 0; border-radius: 0 !important; }
.ui-tabs .ui-tabs-nav li a { padding:15px 5px; width:100%; display:block; color:#ffffff; font-weight:bold; text-transform:uppercase; font-size: 0.8rem; text-align: center;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {  background:#ffffff; border-bottom:1px solid #ffffff; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active a { color:#2eacbe; }
.ui-tabs .ui-tabs-panel { border:1px solid #2eacbe; padding:20px; }
.ui-tabs.items-2 .ui-tabs-nav li { min-width: 49.5%;}
.ui-tabs.items-3 .ui-tabs-nav li { min-width: 33%;}
.ui-tabs.items-4 .ui-tabs-nav li { min-width: 24.5%;}
.ui-tabs.items-5 .ui-tabs-nav li { min-width: 19.5%;}
.ui-tabs.items-6 .ui-tabs-nav li { min-width: 16.4%;}
.ui-tabs.items-7 .ui-tabs-nav li { min-width: 14%;}
.ui-tabs.items-8 .ui-tabs-nav li { min-width: 12%;}

.pagination .page-item:not(.active) .page-link { color: #004466; font-size:19.5px; }
.pagination .page-item:not(.active) .page-link:hover { cursor:pointer; }
.pagination .page-item.active .page-link { background-color: #004466; border-color: #004466; font-size:19.5px; }

table.table-datamanagement, table.table-datamanagement tr, table.table-datamanagement tr th, table.table-datamanagement tr td { border-color:#666666; }
table.table-datamanagement thead tr th { vertical-align: middle; background-color: #dddddd; }
table.table-datamanagement thead tr th i { margin-right:5px; }
table.table-datamanagement tbody { border-bottom: none!important; border-top-width: 1px!important;}
table.table-datamanagement tbody tr td input[type=text],
table.table-datamanagement tbody tr td input[type=email],
table.table-datamanagement tbody tr td input[type=password],
table.table-datamanagement tbody tr td select,
table.table-datamanagement tbody tr td textarea { width: 100%; }
table.table-datamanagement tbody tr.hide { display: none; }
table.table-datamanagement tbody tr.btn-addRow.ui-state-disabled { opacity: 1;}
table.table-datamanagement tbody tr.btn-addRow .addRow, table.table-datamanagement tbody tr .removeRow { text-align: center!important; }
table.table-datamanagement tbody tr.btn-addRow, table.table-datamanagement tbody tr.btn-addRow td { border-color: #ffffff; --bs-table-accent-bg: none;}
table.table-datamanagement tbody tr.btn-addRow td .btn-action-list { margin:auto; display: flex; align-items: center; width: 100px; justify-content: center; padding-bottom: 5px; }
table.table-datamanagement tbody tr td .btn-action-list { float: none; }
table.table-datamanagement tbody tr td .btn-action-list.btn-primary:hover { background-color:#2eacbe; color:#ffffff; border-color:#2eacbe; }
table.table-datamanagement tbody tr td .btn-action-list.btn-default:hover { background-color:#dbad2c; color:#ffffff; border-color:#dbad2c; }
table.table-datamanagement tbody tr td .btn-action-list.btn-secondary:hover { background-color:#6c757d; color:#ffffff; border-color:#6c757d; }
table.table-datamanagement tbody tr td .select2-container { width: 100%!important; font-size: 1rem; }

table.sortable tbody tr:not(.ui-state-disabled) { cursor: grab; }
/*************************************************************************************************************************************************************/
/************************************************************** FORMULAIRE ***********************************************************************************/
/*************************************************************************************************************************************************************/

.switch,
.switch * {
 -webkit-tap-highlight-color:transparent;
 user-select:none;
 display: inline-block;
}
.switch label {
 cursor:pointer
}
.switch label input[type=checkbox] {
 opacity:0;
 width:0;
 height:0
}
.switch label input[type=checkbox]:not(:disabled):checked+.lever {
 background-color:#84c7c1
}
.switch label input[type=checkbox]:checked+.lever:after,
.switch label input[type=checkbox]:checked+.lever:before {
 left:18px
}
.switch label input[type=checkbox]:checked+.lever:after {
 background-color:#26a69a
}
.switch label .lever {
 content:"";
 display:inline-block;
 position:relative;
 width:36px;
 height:14px;
 background-color:rgba(0,0,0,.38);
 border-radius:15px;
 transition:background .3s ease;
 vertical-align:middle;
 margin:0 16px
}
.switch label .lever:after,
.switch label .lever:before {
 content:"";
 position:absolute;
 display:inline-block;
 width:20px;
 height:20px;
 border-radius:50%;
 left:0;
 top:-3px;
 transition:left .3s ease,background .3s ease,box-shadow .1s ease,transform .1s ease
}
.switch label .lever:before {
 background-color:rgba(38,166,154,.15)
}
.switch label .lever:after {
 background-color:#f1f1f1;
 box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)
}
input[type=checkbox]:checked:not(:disabled).tabbed:focus~.lever:before,
input[type=checkbox]:checked:not(:disabled)~.lever:active:before {
 transform:scale(2.4);
 background-color:rgba(38,166,154,.15)
}
input[type=checkbox]:not(:disabled).tabbed:focus~.lever:before,
input[type=checkbox]:not(:disabled)~.lever:active:before {
 transform:scale(2.4);
 background-color:rgba(0,0,0,.08)
}
.switch input[type=checkbox][disabled]+.lever {
 cursor:default;
 background-color:rgba(0,0,0,.12)
}
.switch label input[type=checkbox][disabled]+.lever:after,
.switch label input[type=checkbox][disabled]:checked+.lever:after {
 background-color:#949494
}

.btn-action-list { float:left; clear:left; display:flex; align-items:center; }
a.btn-action-list { color:inherit; }
.btn-action-list i + span { padding-left:5px; }
.btn-action-list:hover { text-decoration:none; cursor:pointer; color:inherit; }
.btn-action-list:hover span { text-decoration:underline; }

.btn { display: flex; width: auto; padding: 10px 15px; border:none; font-weight: 500; cursor: pointer; border-radius:0!important; }
.btn:hover { text-decoration:none; }
.btn + .btn { margin-left:20px; }
.btn-primary, .btn-primary:focus { background:#2eacbe; border-color:#2eacbe; color: #ffffff; }
.btn-primary:hover { background:#004466; border-color:#004466; color: #ffffff; }
.btn-default, .btn-default:focus { background:#f3c238; border-color:#f3c238; color: #ffffff; }
.btn-default:hover { background:#dbad2c; border-color:#dbad2c; color: #ffffff; }
.btn-secondary, .btn-secondary:focus { background:#6c757d; border-color:#6c757d; color: #ffffff; }
.btn-secondary:hover { background:#4b5157; border-color:#4b5157; color: #ffffff; }
.btn:focus { box-shadow:none; }

.btn-action-list:hover { text-decoration: none;}
.btn-action-list.btn-primary, .btn-action-list.btn-default, .btn-action-list.btn-secondary { padding: 5px 5px 0; display:inline-block; clear:none; background:none; border:1px solid #000000; color:#000000; margin: 5px; }
.btn-action-list.btn-primary:hover, .btn-action-list.btn-default:hover, .btn-action-list.btn-secondary:hover { background-color:#2eacbe; color:#ffffff; border-color:#004466; }
/*.btn-action-list.btn-primary:hover { background-color:#2eacbe; color:#ffffff; border-color:#2eacbe; }
.btn-action-list.btn-default:hover { background-color:#dbad2c; color:#ffffff; border-color:#dbad2c; }
.btn-action-list.btn-secondary:hover { background-color:#6c757d; color:#ffffff; border-color:#6c757d; }
.btn-action-list:is(.btn-primary, .btn-default, .btn-secondary) + .btn-action-list:is(.btn-primary, .btn-default, .btn-secondary) { margin-left:10px; }*/

.select2-container .select2-choice { color:#000000; }
.form-field { position: relative; display: flex; margin-top: 1.7rem; align-items: start; }
.form-field.radio-checkbox { align-items: center; margin-top:0.5rem; }
.form-field > label { color: #666666; position: absolute; top: -15px; left: 0; font-size: 1rem; cursor: text; transition: transform .2s ease-out,color .2s ease-out;
transform-origin: 0 100%; text-align: initial; transform: translateY(1rem); }
.form-field[class*="col"] > label { left:15px; }
.form-field i.prefix { color:#2eacbe; }
.form-field i.prefix + input:not([type=radio], [type=checkbox], [type=submit], [type=button]),
.form-field i.prefix + .select2-container,
.form-field i.prefix ~ select,
.form-field i.prefix + textarea { margin-left:6px; }
.form-field i.prefix ~ label { left:42px; }
.form-field > label span { font-size:0.6rem; }
.form-field > label span.span-obligatoire { color:#ff0000; font-size: 1rem; }
.form-field input:not([type=radio], [type=checkbox], [type=submit], [type=button]) { display: block; width: 100%; padding: 5px 0px; border: none; outline: none; background: none; border-bottom: 1px solid #d3d3d3; transition: 0.4s ease-out; font-size:1rem; }
select, .select2-container { background: no-repeat; border: 0; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: 0px; border-bottom: 1px solid #d3d3d3;font-size:1rem; }
.form-field .select2-container { width: 100%!important; font-size: 1rem; }
.select2-container .select2-choice, .select2-container-active .select2-choice { background: #ffffff; border: none; box-shadow: none; padding: 5px 0px; min-height: 31px; }
.select2-container .select2-choice abbr { top:10px; }
.select2-container .select2-choice .select2-arrow { border:none; background: none; top:7px; }
.select2-container .select2-choice .select2-arrow b { background-size: 105px 70px !important; background-position: left -6px top -10px; }
.select2-drop-active { border-color:#d3d3d3; border-top:2px solid #2eacbe; }
.form-field select { width: 100%!important; padding: 5px 0px;font-size:1rem; }
.form-field textarea { background-color: transparent; border: none; border-bottom: 1px solid #d3d3d3; border-radius: 0; outline: none; min-height: 6rem; width: 100%; margin: 0 0 8px 0; box-shadow: none; box-sizing: content-box; transition: box-shadow .3s,border .3s; resize:vertical; padding: 5px 0px;font-size:1rem; }


.form-field .form-field-file { width: 100%;}
.form-field .form-field-file input[type=file] { display: none; }

input:not([type="radio"], [type="checkbox"], [type="submit"]).error, select.error, textarea.error, .form-field .form-field-file.error input, .select2-container.error { border-color:red; }
.form-field input:not([type="radio"], [type="checkbox"], [type="submit"]).error + label, .form-field select.error + label, .form-field textarea.error + label, .form-field .form-field-file.error + label { color:red; }
.form-field .form-field-item { margin:10px 5px; color: #666666; }
.form-field .form-field-item input:is([type=radio], [type=checkbox]) { display: none; }
.form-field .form-field-item input:is([type=radio], [type=checkbox]) + label { position: relative; padding-left: 1.7rem; }
.form-field .form-field-item input:is([type=radio], [type=checkbox]) + label::before { display: block; position: absolute; box-sizing: border-box; top: 5px; left: 0; content:''; width: 1rem; height: 1rem; }
.form-field .form-field-item input:is([type=radio], [type=checkbox]) + label::after { display: block; position: absolute; box-sizing: border-box; top: 11px; left: 0; }
.form-field .form-field-item input:is([type=radio]) + label::before, .form-field .form-field-item input:is([type=radio]) + label::after { border-radius: 1rem;}
.form-field .form-field-item input:is([type=radio], [type=checkbox]) + label::before { border: 1px solid #666666; }
.form-field .form-field-item input:is([type=radio], [type=checkbox]):checked + label::before { border: 1px solid #000000; }
.form-field .form-field-item input:is([type=radio], [type=checkbox]):checked + label::after { display: block; position: absolute; box-sizing: border-box; top: -6px; left: -2px; content: "check"; font-family: 'Material Icons'; font-weight: bold; font-size: 1.5rem; color:#004466; }

.form-field:focus-within > label, .form-field.animation > label { top: 0px; transform: translateY(-100%); transform-origin: 0 0; font-size: .8rem; }
.form-field:focus-within > label, .form-field.hover > label { color: #2eacbe;  }
.form-field:focus-within input:not([type=radio], [type=checkbox], [type=submit], [type=button]), .form-field:focus-within textarea, .form-field:focus-within select, .form-field.hover { border-bottom: 3px solid #2eacbe; }

/*************************************************************************************************************************************************************/
/****************************************************************** PANIER ***********************************************************************************/
/*************************************************************************************************************************************************************/
.product-line-header { padding-bottom: 0.5rem; border-bottom:2px solid #004466; }
.product-line-header div { padding: 0; color: #004466; font-weight: 600; text-align: center; text-transform: uppercase; }
.product-line-header > div:first-child { padding-left: 2rem; text-align: left; }
.product-line-header div.total { margin-left:-10px; }
.cart-items { padding:0; }
.cart-items li.cart-item { padding-top: 1rem; padding-bottom:1rem; border-top: 1px solid #eee; list-style: none; }
.cart-items li.cart-item:first-child { border-top: 0; }
.cart-items li.cart-item .product-line-grid { -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; }
.cart-items li.cart-item .product-line-grid .product-line-grid-left { text-align:center; }
.cart-items li.cart-item .product-line-grid .product-line-grid-body > .product-line-info.prod-name { margin: 0 0 10px; }
.cart-items li.cart-item .product-line-grid .product-line-grid-body > .product-line-info.prod-name > .label.title { text-transform: inherit; color: #000000; }
.cart-items li.cart-item .product-line-grid .product-line-grid-body > .product-line-info .prod-manufacturer { display: block; padding-right: 5px; }
.cart-items li.cart-item .product-line-grid .product-line-grid-body > .product-line-info .prod-manufacturer a { color: #7e8d86; font-size: 0.8rem; font-weight: 600; }
.cart-items li.cart-item .product-line-grid .product-line-grid-body > .product-line-info .prod-ref { display: block; color: #7e8d86; font-size: 0.8rem; font-weight: 400; }
.cart-items li.cart-item .product-line-grid .product-line-grid-body > .product-line-info .motif-reduc { margin-top:10px; display: block; font-style:italic; color: #f3c238; font-size: 0.8rem; font-weight: 400; }
.cart-items li.cart-item .product-line-grid .product-line-grid-body > .product-line-info.prod-stock { margin-top:10px; font-size:0.8rem; margin-bottom: 10px; font-weight: 500; }
.cart-items li.cart-item .product-line-grid .product-line-grid-body > .product-line-info.prod-stock #product-availability { color:green; }
.cart-items li.cart-item .product-line-grid .product-line-grid-body > .product-line-info.prod-stock #product-unavailable { color:red; }
.cart-items li.cart-item .product-line-grid .product-line-grid-body > .product-line-info.prod-stock #product-last-items { color:orange; }
.cart-items li.cart-item .product-line-grid .product-line-grid-right { padding: 0; }
.cart-items li.cart-item .product-line-grid .product-line-grid-right .row { margin: 0; display:flex; justify-content:space-between; }

.cart-items li.cart-item .product-line-grid .product-line-grid-right .row > div { padding:0; }
.cart-items li.cart-item .product-line-grid .product-line-grid-right .row .unity-price { -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; justify-content: center; }
.cart-items li.cart-item .product-line-grid .product-line-grid-right .row .unity-price .product-price { color: #7e8d86; font-size: 1.2rem; font-weight: 500; text-align: center; }
.cart-items li.cart-item .product-line-grid .product-line-grid-right .row .unity-price .product-price .product-discount { margin-bottom: 5px; }
.cart-items li.cart-item .product-line-grid .product-line-grid-right .row .unity-price .product-price .product-discount .regular-price { color: #7e8d86; font-size: 0.93rem; text-decoration: line-through; }
.cart-items li.cart-item .product-line-grid .product-line-grid-right .row .unity-price .product-price .product-discount .discount-percentage { font-weight: 600; background-color: #f3c238; color: #fff; padding: 2px; font-size: 1rem; }
.cart-items li.cart-item .product-line-grid .product-line-grid-right .row .unity-price .product-price .product-discount .discount-amount { font-weight: 600; background-color: #004466; color: #fff; padding: 2px; font-size: 1rem; }
.cart-items li.cart-item .product-line-grid .product-line-grid-right .row .qty { padding: 0; -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; justify-content: center; }
.cart-items li.cart-item .product-line-grid .product-line-grid-right .row .price { text-align: center; }
.cart-items li.cart-item .product-line-grid .product-line-grid-right .row .price .product-price { color: #004466; font-size: 1.33rem; white-space: nowrap; }
.cart-items li.cart-item .product-line-grid .product-line-grid-right .row .cart-line-product-actions .delete-product { color:#d3d3d3; display:flex; align-items:center; }
.cart-items li.cart-item .product-line-grid .product-line-grid-right .row .cart-line-product-actions .delete-product:hover { color:#aaaaaa; cursor:pointer; }

.cart-summary { padding: 1rem;background-color: #eee; }
.cart-summary .cart-detailed-totals .card-block .cart-summary-line { clear: both; margin-bottom: 10px; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: space-between; }
.cart-summary .cart-detailed-totals .card-block .cart-summary-line .label, .cart-summary .cart-detailed-totals .card-block .cart-summary-line .value { width:50%; }
.cart-summary .cart-detailed-totals .card-block .cart-summary-line .value { text-align:right; }
.cart-summary .cart-detailed-totals .card-block .cart-summary-line span.libelleMode { font-size: 0.8rem; font-style: italic; width:100%; }
.cart-summary .cart-detailed-totals .card-block .cart-summary-line form { width:100%; }
.cart-summary .cart-detailed-totals .card-block .cart-summary-line form select { width:100%; max-width:200px; }
.cart-summary .cart-detailed-totals .card-block .cart-summary-line.cart-total { font-weight: 700; text-transform: uppercase; }

.table > :not(:first-child) {
	border-bottom: 2px solid currentColor;
}

.table-xxl-responsive,
.table-xxl-responsive tbody,
.table-xxl-responsive tr,
.table-xxl-responsive td { border:none; }
.table-xxl-responsive tr + tr { border-top:1px solid; }
.table-xxl-responsive thead { display:none; }
.table-xxl-responsive tbody tr { display:block; position: relative; }
.table-xxl-responsive tbody tr td:first-child { padding-top:20px; }
.table-xxl-responsive tbody tr td:last-child { padding-bottom:20px; }
.table-xxl-responsive tbody tr td { display:block; padding:5px; width: 100%!important; text-align:left!important; }
.table-xxl-responsive tbody tr td.hidden { display: none; }
.table-xxl-responsive tbody tr td label.th { font-weight:bold; }
.table-xxl-responsive tbody tr td label.th.inline-block { display:inline-block; }
.table-xxl-responsive tbody tr td label.th.block { display:block; }
.table-xxl-responsive tbody tr td.commande-actions { padding:10px 0; }

table.dataManagement thead tr th { color:#ffffff; background-color: #004466;}
table.dataManagement tbody tr.btn-addRow { border-left-color: #ffffff; border-right-color: #ffffff; }
table.dataManagement tbody tr.btn-addRow td { border-bottom: 2px solid #ffffff; background-color: transparent;}
table.dataManagement tbody tr.btn-addRow td div { width: fit-content; margin: auto; }
table.dataManagement tbody td *:is(input, select) { width: 100%; }

@media (min-width:1400px) {
	.table-xl-responsive tbody tr td label.th,
	.table-lg-responsive tbody tr td label.th,
	.table-md-responsive tbody tr td label.th,
	.table-sm-responsive tbody tr td label.th,
	.table-responsive tbody tr td label.th { display:none; }
}

@media (max-width:1399px) {
	.table-xl-responsive,
	.table-xl-responsive tbody,
	.table-xl-responsive tr,
	.table-xl-responsive td { border:none; }
	.table-xl-responsive tr + tr { border-top:1px solid; }
	.table-xl-responsive thead { display:none; }
	.table-xl-responsive tbody tr { display:block; position: relative; }
	.table-xl-responsive tbody tr td:first-child { padding-top:20px; }
	.table-xl-responsive tbody tr td:last-child { padding-bottom:20px; }
	.table-xl-responsive tbody tr td { display:block; padding:5px; width: 100%!important; text-align:left!important; }
	.table-xl-responsive tbody tr td.hidden { display: none; }
	.table-xl-responsive tbody tr td label.th { font-weight:bold; }
	.table-xl-responsive tbody tr td label.th.inline-block { display:inline-block; }
	.table-xl-responsive tbody tr td label.th.block { display:block; }
	.table-xl-responsive tbody tr td.commande-actions { padding:10px 0; }
}

@media (min-width:1200px) {
	.table-lg-responsive tbody tr td label.th,
	.table-md-responsive tbody tr td label.th,
	.table-sm-responsive tbody tr td label.th,
	.table-responsive tbody tr td label.th { display:none; }
}

@media (max-width:1199px) {
	.table-lg-responsive,
	.table-lg-responsive tbody,
	.table-lg-responsive tr,
	.table-lg-responsive td { border:none; }
	.table-lg-responsive tr + tr { border-top:1px solid; }
	.table-lg-responsive thead { display:none; }
	.table-lg-responsive tbody tr { display:block; position: relative; }
	.table-lg-responsive tbody tr td:first-child { padding-top:20px; }
	.table-lg-responsive tbody tr td:last-child { padding-bottom:20px; }
	.table-lg-responsive tbody tr td { display:block; padding:5px; width: 100%!important; text-align:left!important; }
	.table-lg-responsive tbody tr td.hidden { display: none; }
	.table-lg-responsive tbody tr td label.th { font-weight:bold; }
	.table-lg-responsive tbody tr td label.th.inline-block { display:inline-block; }
	.table-lg-responsive tbody tr td label.th.block { display:block; }
	.table-lg-responsive tbody tr td.commande-actions { padding:10px 0; }
}

@media (min-width:992px) {
	.table-md-responsive tbody tr td label.th,
	.table-sm-responsive tbody tr td label.th,
	.table-responsive tbody tr td label.th { display:none; }
}

@media (max-width:991px) {
	.table-md-responsive,
	.table-md-responsive tbody,
	.table-md-responsive tr,
	.table-md-responsive td { border:none; }
	.table-md-responsive tr + tr { border-top:1px solid; }
	.table-md-responsive thead { display:none; }
	.table-md-responsive tbody tr { display:block; position: relative; }
	.table-md-responsive tbody tr td:first-child { padding-top:20px; }
	.table-md-responsive tbody tr td:last-child { padding-bottom:20px; }
	.table-md-responsive tbody tr td { display:block; padding:5px; width: 100%!important; text-align:left!important; }
	.table-md-responsive tbody tr td.hidden { display: none; }
	.table-md-responsive tbody tr td label.th { font-weight:bold; }
	.table-md-responsive tbody tr td label.th.inline-block { display:inline-block; }
	.table-md-responsive tbody tr td label.th.block { display:block; }
	.table-md-responsive tbody tr td.commande-actions { padding:10px 0; }
}

@media (min-width:768px) {
	.table-sm-responsive tbody tr td label.th,
	.table-responsive tbody tr td label.th { display:none; }
}

@media (max-width:767px) {
	.table-sm-responsive,
	.table-sm-responsive tbody,
	.table-sm-responsive tr,
	.table-sm-responsive td { border:none; }
	.table-sm-responsive tr + tr { border-top:1px solid; }
	.table-sm-responsive thead { display:none; }
	.table-sm-responsive tbody tr { display:block; position: relative; }
	.table-sm-responsive tbody tr td:first-child { padding-top:20px; }
	.table-sm-responsive tbody tr td:last-child { padding-bottom:20px; }
	.table-sm-responsive tbody tr td { display:block; padding:5px; width: 100%!important; text-align:left!important; }
	.table-sm-responsive tbody tr td.hidden { display: none; }
	.table-sm-responsive tbody tr td label.th { font-weight:bold; }
	.table-sm-responsive tbody tr td label.th.inline-block { display:inline-block; }
	.table-sm-responsive tbody tr td label.th.block { display:block; }
	.table-sm-responsive tbody tr td.commande-actions { padding:10px 0; }
}

@media (min-width:576px) {
	.table-responsive tbody tr td label.th { display:none; }
}

@media (max-width:575px) {
	.table-responsive tbody,
	.table-responsive tr,
	.table-responsive td { border:none; }
	.table-responsive tr + tr { border-top:1px solid; }
	.table-responsive thead { display:none; }
	.table-responsive tbody tr { display:block; position: relative; }
	.table-responsive tbody tr td:first-child { padding-top:20px; }
	.table-responsive tbody tr td:last-child { padding-bottom:20px; }
	.table-responsive tbody tr td { display:block; padding:5px; width: 100%!important; text-align:left!important; }
	.table-responsive tbody tr td.hidden { display: none; }
	.table-responsive tbody tr td label.th { font-weight:bold; }
	.table-responsive tbody tr td label.th.inline-block { display:inline-block; }
	.table-responsive tbody tr td label.th.block { display:block; }
	.table-responsive tbody tr td.commande-actions { padding:10px 0; }
}