@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;900&family=Roboto:wght@200;400;700;900&display=swap');

body{padding:50px 10px; background:#f9f9f9; color: #555; font: 400 12px/1.42857 'Roboto',Helvetica,Arial,sans-serif; max-width: 1800px; width: 100%; margin: auto; min-width: 370px;}
.header {  position: fixed; top: 0; width: 100%;  left: 0px;  z-index: 1000;     }
.header .bootstrap {max-width: 1850px; margin: auto;}
.navbar-default {  background-color: #111;  border-color: none !important;border-radius: 0px !important;   border: none !important;  }
.navbar-default .navbar-nav > li > a { color: #fff;  font-weight: 500;  font-size: 13px;  letter-spacing: -0.1px;}
.navbar-default .navbar-nav > li > a:hover {   color: #50c773;   }
.navbar-brand {padding: 10px 15px;}
.logo_home {transition: 0.2s all ease; width: 30px;}  .logo_home:hover {transform: scale(0.95); opacity: 0.958;}
 .navbar-nav > li { float: left;    margin: 0px 4px;  }
a {color: #444;transition: 0.5s all ease} a:hover {color:#50c773; text-decoration: none;}
table, th, td {font-family: 'Roboto';  border: 0px solid black;}
table {width:100%}
th {font-weight: bold;text-transform: uppercase;font-size: 12px;background: #f2f2f2;margin: 0px;padding: 10px;}
td {border-bottom: 1px solid #f2f2f2;padding: 7px;font-size: 12px;margin: 0;color:#666}
.tr {transition:1s all ease} .tr:hover {transform:scale(1.005)}
table.dataTable thead .sorting {background-size:0px ;}
thead th {background: #666; color:#fff!important;text-transform:uppercase; border-color:#666!important; text-align:center;line-height: 0.9 !important;line-height: 1.1;font-size: 11px;}
thead th .form-control {background: #666; color:#fff!important;text-transform:uppercase; border-color:#666!important; text-align:center;line-height: 0.9 !important;padding: 0;    font-size: 11px;}
tfoot th {text-align:right; font-size:105%}
tfoot th:first-child {text-align:center}
tfoot th {border:none !important}
thead th .th-inner {  max-width: 150px;  word-wrap: break-word;  margin: auto;}
.dataTables_filter {font-size: 0px;}
.dropdown-menu > li > a {font-size: 12px;}
.navbar-nav > li > .dropdown-menu   {border: none; box-shadow: 0px 0px 10px #f2f2f2;}
.dataTables_filter input {  background-image: url('https://www.w3schools.com/css/searchicon.png');background-color: #fff !important; background-position: 10px 10px; background-repeat: no-repeat; width: 100%!important;  font-size: 16px;  padding: 12px 20px 12px 40px !important;  border: 1px solid #ddd;  margin-bottom: 12px!important; height:40px}
.bootstrap .btn-default {    background-color: #111;    border-color: #111;    color: #fff;    text-transform: capitalize;    font-weight: bold;font-size: 12px;border-radius: 0px !important;font-family: 'Roboto'; transition:0.5s all ease}
.bootstrap .btn-default:hover {background-color: #50c773;border-color: #50c773;box-shadow: none;color: #fff !important;}
.navbar-default .navbar-nav > li.active > a {color: #50c773 !important;border-color: #111;box-shadow: none; background: none !important;}
.navbar-default .navbar-toggle { border-color: transparent; }
.navbar-default .navbar-toggle:hover {    background-color: #50c773;  }
.btn-right {position: fixed!important; right: 10px; background-color: #50c773!important;border-color: #50c773!important;box-shadow: none;color: #fff;}
.btn-right:hover {position: fixed!important; right: 10px; background-color: #111!important;border-color: #111!important;box-shadow: none;color: #50c773;}
.fa-exclamation-triangle {color: #e1e11c;}
.none {display: none !important;} .center {text-align:center} .right{text-align:center} .left{text-align:left} .bold {font-weight:bold} .green {color:#315d3d} .red {color:rgb(170, 0, 43)}
.form-horizontal  {  padding: 10px;    background: #f2f2f2;}
.table > tbody > tr > td {padding:4px; border:none;border-bottom: 1px solid #f2f2f2;}
.pull-right {width:100%!important}
.h2 {color:#888; font-family:'raleway';font-size:14px;text-transform:uppercase;font-weight:bold; margin-top:0px}
input[type="date"].form-control, input[type="text"].form-control {border-radius: 0px;box-shadow: none;padding: 0px 8px;font-family: 'Roboto';}
.bootstrap-table .fixed-table-container .fixed-table-body {height:auto!important}
.form-control:focus {    border-color: #93e8ab;}
.btn-danger {font-family:'raleway';text-transform:uppercase;font-weight:bold;border:none;border-radius:0px;transition:0.5s all ease; width:100px}
.btn-primary {font-family:'raleway';text-transform:uppercase;font-weight:bold;background:#222;border:none;border-radius:0px;transition:0.5s all ease; width:100px}
.btn-primary:hover {background:#50c773}
.sortable-table thead th::after {padding-right: 7px;position: relative;float: right;margin-top: -20px;opacity: 0.5;}
#referencesTable_info, #orderTable_info, #stockTable_info {display: none;}
.btn-export {float: right;  background: #fff !important;  border: 1px solid #999;  color: #999 !important;
font-family: 'raleway'; text-transform: uppercase;  font-weight: bold;background: #222;  border: none;  border-radius: 0px;  transition: 0.5s all ease;  width: 70px;
margin-left: 10px !important; height: 39px;  margin-top: 0px;}
.btn-export:hover {  background: #50c773 !important;  color: #fff !important;  border-color: #50c773 !important;}
.label-info { background-color: #50c773;}
.alert_stock {display:none; margin-top: 0px;position: fixed;    bottom: 0;  width: 100%;  text-align: center;  left: 0;  font-weight: bold;  text-transform: uppercase;  font-size: 19px; z-index: 1000; padding: 10px;}
.success {background-color: #d4eddabd;  color: #155724;}
.error {background-color: #9f0808bd;  color: #571515;}
.title {   color: #111;  margin-bottom: 0px;  font-size: 35px;  font-family: 'Roboto';  text-transform: none;  letter-spacing: 0px;  margin-top: 20px;  font-weight: 600;}
.margin40 {margin-bottom: -40px;}
h3 { font-size: 18px; font-weight: 700;   color: #222;  font-family: 'Raleway';  }
.table > thead > tr > th, .table > tbody > tr > td {  vertical-align: middle;}
div.dt-buttons {float: none;}
.zr {position: relative; z-index: 1;width: 210px;}
.btn-plus {  opacity: 0.5;  font-size: 13px;  margin-left: 10px;  margin-top: 6px;  position: absolute;  border: 1px solid #848484;  border-radius: 50%;  padding: 6px 8px;}
.btn-plus:hover {opacity: 0.8; border-color: #50c773;}
.stock-inventaire {text-align: center; font-size: 20px;padding: 10px;}
.stock-inventaire small {font-size: 12px; font-weight: 500;}
#new_stock{ display: block; font-weight: bold; font-size: 70px; line-height: 1; color: #111;}
.receipt_order #new_stock{ font-size: 40px; line-height: 1; color: #111}
.receipt_order #label_receipt{ display: block; font-weight: bold; font-size: 40px; line-height: 1; color: #111}
.receipt_order #qty_display{ display: block; font-weight: bold; font-size: 40px; line-height: 1; color: #111}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {color: #262626 !important;  text-decoration: none;  background-color: #e8e8e8;}
.dropdown-menu li {  padding: 10px 0px;}
.dataTables_info {opacity: 0;}
.list-group-item {  border: none;  padding: 10px;}
.btn-select {  width: 100%;  font-weight: 700;  padding: 20px;  border-radius: 10px;  transition: 0.5s all ease;background: #e5e5e5;    overflow: hidden;  text-overflow: ellipsis;  white-space: collapse;}
.btn-select:hover {  background: #50c773; color:#111}
.alert.alert-danger { position: fixed;  width: 100%;  left: 0;  text-align: center;  font-weight: 800;  font-size: 18px;  z-index: 2;}
.alert.alert-success { position: fixed;  width: 100%;  left: 0;  text-align: center;  font-weight: 800;  font-size: 18px;  z-index: 2;}
.btn-fixed {  position: fixed;  width: 100%;  left: 0;  bottom: 0;  margin-bottom: 0px !important;background: #50d577;}
.mt-70 {margin-top: 70px !important;}
.btn-bottom  { border:none;  position: fixed;  top: 50px;  width: 100%;  background: #50c773;  color: #fff;  text-transform: uppercase;  font-weight: bold;  text-align: center;  left: 0%;  padding: 10px;font-size: 13px;  z-index: 1;}
.btn-bottom:hover {  background: #424242;  color: #50c773;  text-decoration: none;  transition: 0.5s all ease;}
.pad40 {padding-top: 70px;}
.modal-body {overflow-x: auto;}
.white-bg {background: #fff;}
.img-thumbnail {max-height: 150px; margin: auto; border: none;}
.product-details{margin-top: 10px;}
.product-details .list-group-item {padding: 5px 0px;  font-size: 139%;}
.product-details .list-group {padding-top: 30px;}
.place {  text-align: center;  font-size: 24px;  background: #50c773;  color: #111;  padding: 5px;  margin-bottom: -10px;  margin-top: 10px;}
.place .small{  font-size: 15px;}
.stock_block .place {  margin-top: 0;  margin-bottom: 10px;}
.btn-group .btn {padding: 19px 29px;  font-weight: bold;}
.nav > li > a {padding: 14px 10px;}
.btn-reception {background: #f2f2f2;  font-size: 12px;  font-weight: bold;  padding: 5px 13px 3px;transition: 0.2s all ease;}
.btn-reception:hover {background: #cacaca}
.option .white-bg {padding: 20px;  border-radius: 8px;  box-shadow: 0px 0px 20px #f7f7f7; overflow: scroll;  width: 100%;}
.option .btn-add {margin-top: -30px;}
.radio-inline {font-size: 16px;}
.uppercase {text-transform: uppercase;} 
.mt40 {margin-top: 40px;}
.overx {overflow: scroll; width: 100%;border: 1px solid #e5e5e5;}
#labelTable_wrapper {overflow: auto;}

/**** LOGIN ****/
.login {background: #111;}
.login.container  {width: 350px !important;}
.login form{  background: #fff;  padding: 20px 15px;  border-radius: 7px;}
.login h2 {  text-align: center;  margin-top: 120px; color: #fff;  font-weight: bold;  text-transform: uppercase;  font-size: 25px;  letter-spacing: 2px;}
.btn-login {width: 100%;}
.login .mb-3 {margin-top: 10px;}
.pswlink {  text-align: right;  display: block;  font-size: 10px;  margin-top: 7px; opacity: 0.8;}
.login .text-success {  background: #e1f2e1;  text-align: center;  padding: 10px;  border-radius: 7px;  font-weight: bold;}
.login .text-danger {  background: #ffb3b3;  text-align: center; padding: 10px;  border-radius: 7px;  font-weight: bold;}


/**** ACCOUNT ****/
.dropdown.account_menu {  right: 0; position: absolute;  background: #333;}
.account_menu .dropdown-menu {right: 0; left: auto !important;}
.dropdown.account_menu .caret {display: none;}
.dropdown.account_menu .dropdown-toggle {font-size: 17px; padding: 15px;}



/**** FORM LABEL ****/
.stock-input, .stock-alert, .stock-ideal,  .place-input {  width: 65px;  text-align: center; }
.min-max-group {display: inline-flex;}
.min-max-group .btn {padding: 1px 5px;font-size: 11px;  line-height: 1;  border-radius: 3px;  height: 24px;}
.qty-input {width: 80px;  text-align: center;  border: none;      font-size: 16px;  font-weight: 700;  box-shadow: none;  border-radius: 0px;  padding: 0px;  font-family: 'Roboto';  height: 24px; }
.order_label  {font-weight: bold; font-size: 16px; color: #50c773; }
.order_mvt  {font-weight: bold; font-size: 16px; color: #1a1a1a; }
.width150 {width: 80px !important;}
.consommation { font-size: 10px;  white-space: nowrap;}
.consommation span span{font-weight: bold;font-size: 12px;}
/* table.dataTable tbody td { padding: 5px 10px; white-space: nowrap; } */
.namelist {white-space: nowrap;}
table.dataTable tbody td { padding: 5px 4px;  line-height: 1.1;}
.prod_code {font-size: 9px;}
.dataTable a i {color: #50c773;}
.dataTable a i:hover {color: #666;}
.dataTable a.gray {font-size: 10px; color: #999;}
.leftth th {text-align: left;padding: 10px 7px !important;}

/**** MODAL ****/
#percent_reception_bar  {position: fixed;  left: 0px; top: 0px;width: 100%; height: 5px; font-size: 0px; background-image: none;  z-index: 1000;background-color: #50c773;}
.progress {background: #fff; box-shadow: none;}
.modal-title {color: #111;font-weight: 800;}
.modal-dialog {min-width: 90%;} .modal-dialog #labelTable_length {display: none;}
.quantity, .received_quantity {margin: auto;width: 80px;}
#labelTable {width: 100% !important;}
#exportExcel, .exportExcelShopBtn {background: transparent; margin-right: 5px;padding: 3px 10px;  font-size: 11px;float: right;}
#exportExcelShopBtns {float:left}
#scanModal .modal-content {  max-width: 780px;  margin: auto;    margin-top: auto;  margin-top: 100px;  border-radius: 0px;}
#scanModal .modal-header {   padding: 15px; text-align: center;  border: none;  text-transform: uppercase;  font-weight: 900;  font-family: 'Raleway';}
#scanModal .modal-body  {text-align: center; padding: 0px 20px;}
#scanModal #barcode_input{  padding: 30px 20px;border-color: #50c773;  box-shadow: 0px 0px 5px #50c7736e;font-weight: bold;  font-size: 20px;}
#barcode_error  {  background: #fdb6b6;  padding: 10px;  font-weight: bold;}
#scanModal .modal-footer {border-top: 0px solid #fff ;}

.btn-add {float: right; background-color: #50c773!important; color: #fff; border: none !important; color: #fff !important;}
.width100 {width: 100%; padding: 20px; margin-bottom: 20px; font-size: 20px;}
.big {  border: none;  border-bottom: 1px solid #e5e5e5;  font-size: 30px;  font-weight: 700;  box-shadow: none; border-radius: 0;  padding: 0;  font-family: 'Roboto';  width: 100%;  line-height: 1.2em;  overflow-y: hidden;           resize: none;                }
.ref {font-family: 'Roboto'; font-size: 120%; margin-right: 30px;}
.bigtext {font-size: 120%;}
h1 {font-size: 30px; font-weight: bold; margin-bottom: 50px;}
input {font-family: 'Roboto';}
.back_btn {font-size: 20px;  border: 1px solid #cacaca; padding: 5px 7px; color: #cacaca;  border-radius: 50%;margin-top: 30px; display: block;  width: 40px; text-align: center;}
.back_btn:hover {background:#50c773; color: #222;}
.well {border:none}
.fixed {position: absolute; top: -60px; right: 10px;;}
.btn-secondary { border: 1px solid #999;  color: #999;  font-weight: bold;  border-radius: 0;transition: 0.2s all ease;}
.btn-secondary:hover  { border: 1px solid #50c773;  color: #50c773;  font-weight: bold;  border-radius: 0;transition: 0.2s all ease;}
.sign {background:#155724; color: #fff; border-radius: 50%;  width: 23px;  font-size: 16px; display: block; margin: auto;}
#submitSendOrder.btn {font-weight: 900; text-transform: uppercase; background: #50c773 ; border: none; border-radius: 0px;transition: 0.2 all ease;}
#submitSendOrder.btn:hover {background: #666 ; color: #fff; border: none; border-radius: 0px;}
.labels { white-space: nowrap;}
.label- {background:#571515}
.labelBrouillon {background:#ac7c1f; color: #fff !important; padding: 3px 10px; border-radius: 10px;}
.labelRéception, .labelActive {background:#50c773; color: #fff !important; padding: 3px 10px; border-radius: 10px;}
.labelEn  {background:#154157; color: #fff !important; padding: 3px 10px; border-radius: 10px;}
.labelEnvoyé  {background:#3d8fb8; color: #fff !important; padding: 3px 10px; border-radius: 10px;}
.labelAnnulé  {background:#707070; color: #fff !important; padding: 3px 10px; border-radius: 10px;}
.labelTerminé {background:#32CD32; color: #fff !important; padding: 3px 10px; border-radius: 10px;}
.labelInactive {background:#571515; color: #fff !important; padding: 3px 10px; border-radius: 10px;}
.labelProduction {background:#571515; color: #fff !important; padding: 3px 10px; border-radius: 10px;}
.labelCréation  {background:#155724; color: #fff !important; padding: 3px 10px; border-radius: 10px;}
.labelCommande  {background:#154157; color: #fff !important; padding: 3px 10px; border-radius: 10px;}
.labelInventaire{background:#ac7c1f; color: #fff !important; padding: 3px 10px; border-radius: 10px;}
.labelstart{background:#ac7c1f; color: #fff !important; padding: 3px 10px; border-radius: 10px;text-transform: capitalize; }

.form_upt {background: #fff;  margin-top: 20px;    padding-top: 20px; margin-bottom: 50px; padding-bottom: 10px;box-shadow: 0px 0px 20px #f7f7f7;  border-radius: 3px;}
#order_status {color: #fff; font-weight: bold;}
option.StatusBrouillon { background-color: #ac7c1f; color: #fff; padding:10px ;} 
option.StatusEnvoyee { background-color: #3d8fb8;color: #fff; padding:10px  }  
option.StatusAttente { background-color: #154157;color: #fff; padding:10px  }  
option.StatusReception {background-color: #50c773;color: #fff; padding:10px  } 
option.StatusTermine { background-color: #32CD32;color: #fff; padding:10px  }  
option.StatusAnnule { background-color: #DC143C;color: #fff; padding:10px  } 
#orderForm .form-control[readonly], #orderForm .form-control[disabled] {background: #fff; border: none; box-shadow: none;}
#productsTable {margin-bottom: 0px;}
.btn-order{ background: #fff;  margin-bottom: 20px; font-size: 12px; color: #50c773;font-weight: bold;  background: #e9ffef;  border-radius: 0; transition: 0.8s all ease; }
.btn-order:hover{color: #258a43; transform: scale(0.98); }
.alert-info {  color: #222; background-color: #50c773; border-color: #50c773;}
.alert-info h2 {font-weight: 900;}

.removeProductBtn {border-radius: 50%;   padding: 7px 11px;   text-align: center;background: #fff;    color: #d9534f;    border: none; transition: 0.8s all ease; width:35px}
.removeProductBtn:hover{color: #6b1816; transform: scale(0.98); }
.fileico i {color: #50c773;}
#supplier_details {padding: 9px;  font-size: 13px;}
#supplier_details p {margin-bottom: 0px;}
label.center {display: block;}
#total_quantity_display, #total_reception_display {background: #fff;    border: none;    font-weight: bold;    font-size: 20px; text-align: center;}
#total_quantity, #total_reception {background: #fff;    border: none;    font-weight: bold;    font-size: 20px; text-align: center;}
.reception {text-align: center;} 
.btn-copy {display: inline-block;     background: #effdf0;  border: 1px solid #cacaca; border-radius: 0px 50% 50% 0; margin-top: -3px; margin-left: -4px;}  
.btn-reful {display: inline-block;     background: #f2f2f2;  border: 0px solid #cacaca; border-radius: 10px; margin-top: -3px; margin-left: -4px;}  
.reception .received_quantity {display: inline-block;}
.linkco {font-weight: bold; display: block; font-size: 10px;  color: #999 !important;}
.linkco:hover {color: #32CD32 !important;}
#referencesTable  thead th, #orderTable thead th, #stockTable thead th {padding: 4px !important; }
.alert.odd {background: #ff00001a;}
.alert.even {background: #ff00001a;}

.alert .stock_order {font-weight: 900; color: #795a5a; font-weight: 115%;}
td.reception {min-width: 140px;}
.width200 {max-width: 200px !important;}
.stock-info {display: block;  font-size: 90%;  min-width: 140px;  text-align: center;}
h3.center {font-family: 'Roboto';}
.receipt-card .hover-card {border-color:#666 ;}
.receipt-card .hover-card:hover {box-shadow: 0px 0px 20px #666; transform: scale(1.02); transition: 0.5s all ease;}
.receipt-card .panel-heading{  font-size: 19px;  line-height: 1.2;  padding: 5px 10px;}
.receipt-card .panel-heading  b{ display: block}
.receipt-card .panel-body {  padding: 0px ;}
.receipt-card .list-group-item {  border: none;  padding: 2px 10px;  font-size: 17px;}
.receipt-card .btn-primary {width: 100%;}
.receipt-card .list-group {  padding-left: 0;  margin-bottom: 0px;}

#add_mandrin, .add_mandrin{transition: 0.2s all ease;  background: #ccc;  border: none; width: 100%;  padding: 6px;  font-size: 13px;  font-weight: bold;  margin-top: -7px;  margin-bottom: 20px;}
#add_mandrin:hover, .add_mandrin:hover {background: #afafaf; color: #fff; transform: scale(0.98);}
.mandrin-group {margin-bottom: 10px;}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control::before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control::before {display: none; }
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control {padding-left: 0px !important;}
.modal-dialog .btn-primary {width: auto}
.modal.fade.in {background:#000000b5}
#editWeightModal .modal-dialog {max-width: 400px; margin-top: 150px;}
#editWeightModal .modal-content {max-width: 600px;  margin: auto;}
.modal-dialog .btn-default {font-family: 'raleway';font-weight: bold; text-transform: uppercase;}
.inventaire_btn {margin-bottom: 30px !important;
  background: #f2f2f2;
  padding: 20px;
  border-radius: 4px;}
.inventaire_btn .btn {font-family: 'Raleway';  width: 33%;  text-transform: uppercase;  font-weight: bold;  border: none;  border-radius: 0;  padding: 18px;  transition: 0.3s all ease; opacity: 0.6; filter: grayscale(0.7);}
.inventaire_btn .btn.active {opacity: 1;filter: grayscale(0);}
.inventaire_btn .alert {margin-bottom: 0px !important; margin-top: 5px; border-radius: 0px; background: #f2f2f2 !important; border: none;}


@media (max-width:1300px) {
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control::before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control::before {display: block;}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control {padding-left: 30px !important;}
table.dataTable tbody td {  padding: 7px 4px;}
.dtr-details {  width: 100%;  padding: 3px 5px 30px;}
table.dataTable > tbody > tr.child span.dtr-title {  display: inline-block;  min-width: 135px;}
.stock-info { display: inline-block;}


}


@media (max-width:767px) {
.product-details {text-align: center;}
.navbar-right .btn-right  { width: 100%;  right: 0; }
.navbar-nav > li > a {   color: #fff;  font-weight: 800; font-size: 18px !important; letter-spacing: 0.2px; line-height: 2.5;   padding: 10px 40px !important;  }
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #222; }
.margin40 { margin-bottom: 30px;  }
.dataTables_filter label {float: left;}
.labels {font-size: 10px; line-height: 1; display: block;}
#exportExcel {  float: right;  margin-top: -8px;background: transparent; margin-bottom: 0px; font-size: 12px;  padding: 3px 15px;   margin-right: 17px; }
.navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #fff;font-weight: 700;padding: 10px 70px;font-size: 16px;}
.titlesection h4 {margin-bottom: 20px;}
.dropdown.account_menu {  right: 0;  position: relative;  background: #333;  width: 100%;  text-align: center;}
.dropdown.open  {  background: #222;}
.navbar-nav > li { margin: 0px;  width: 100%; float: none;}
.uplabel .fixed {  position: relative;  top: 0px;  right: 0;}
.big {font-size: 20px;}
.uplabel .ref {  display: block;}
.zr {margin-bottom: 20px !important;}
#referencesTable_wrapper {  width: 100%;  overflow: scroll;}
.namelist {white-space: normal;}
table.dataTable tbody td { padding: 15px 4px;  }
table.dataTable > tbody > tr.child ul.dtr-details > li {  border-bottom: 1px solid #efefef;  padding: .85em 0;}
.stock-input, .stock-alert, .stock-ideal, .place-input {  width: 85px;}
.sign {height: 23px;  padding: 3px;}
}


@media (max-width:700px) {
.inventaire_btn .btn {width: 100%; margin-bottom: 5px;}
}

@media (max-width:400px) {
.inventaire_btn .btn
.well {  padding: 5px;}
title {font-size: 25px;}
.h4, h4 {  font-size: 15px;}
}
/* Styles pour iPad Mini en portrait */


@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: portrait) 
and (-webkit-min-device-pixel-ratio: 1) {
.navbar-default .navbar-brand {padding: 10px 0px;}
.form-control {height: auto;  padding: 10px 12px !important;  font-size: 18px; font-weight: 800;}
.col-sm-6.col-prod {width: 100% !important;}
.col-sm-3.col-prods {width: 50% !important;}
.col-sm-6.col-prods {width: 100% !important;}
}



/* Styles pour iPad Mini en paysage */

@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: landscape) 
and (-webkit-min-device-pixel-ratio: 1) {
.navbar-default .navbar-brand {padding: 10px 0px;}
.form-control {height: auto;  padding: 10px 12px !important;  font-size: 15px; font-weight: 800;}
}