html{
  font-size: 14px;
  height:100%;
  font-size:14px;
}

body{
  height:100%;
  overflow:auto;
  font-family: 'Lato', sans-serif;
  font-size:14px;
}

header{
  position:absolute;
  top:0;
  left:0;
  right:0;
}

.page-content{
  height:100%;
  overflow:auto;
  /*padding: 5px;*/
}

table.filters .select2-container {
    min-width: 200px;
}

input[type='checkbox'] {
    cursor:pointer;
}

div.img-thumbnail {
    display: inline-block;
    width: 150px;
}

div.img-thumbnail a.thumbnail,
a.thumbnail  {
    margin-bottom: 0px;
}

.btn-group-xs > .btn, .btn-xs {
    font-size: 12px;
    padding:1px 5px;
}
.btn-group-sm > .btn, .btn-sm {
    font-size: 12px;
    padding:5px 10px;
}

.card.border-primary {
    box-shadow: none;
    border-width: 0px;
    margin-bottom: 5px;
}
.card-header.bg-dark {
    background-color: #333 !important;
    border-color: #fff;
    color: #fff;
}
.card-header.bg-dark .card-title,
.card-title {
    font-size:1.2rem;
    font-weight:bold;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border: 1px solid #ccc;
}
.btn-default:hover,
.btn-default:focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.text-primary {
    color: #333!important;
}

.navbar {
    border-radius: 0px;
    margin-bottom: 0px;
}

div.select2-container {
    width:100%;
}

div.list_editable div.select2-container {
    width:100%!important
}

table.list_editable span.help-block:empty {
    margin-left: 0px;
    margin-right: 0px;
}

input.select-item {
    width: 20px;
    height: 20px;
    cursor:pointer;
}

th.selected-items-total {
    width: 200px;
}

table.footer-table td.value {
    padding-left: 20px;
    line-height: 35px;
}

table.footer-table td.label-col,
table.list_editable td.label-col {
    line-height: 35px;
}

.editable-col.item_id {
    min-width: 200px;
}

/* SLIM UI */
div.card-body {
    /*padding: 10px;*/
}

div.card-header {
    /*padding: 5px 5px 5px 5px;*/
}

div.accordion {
    margin-bottom: 10px;
}

div.card-body.p-2 {
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: .25rem;
}

.table>thead:first-child>tr:first-child>th {
    border-top:1px solid rgb(221,221,221);
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th {
    padding: 2px 4px 2px 4px;
}


.table {
    margin-bottom: 5px;
}

table.footer-table td.label-col, table.list_editable td.label-col {
    line-height: 30px;
    font-weight: bold;
}

select.my_select2.form-control {
    /*width:-webkit-fill-available!important;*/
}

.pagination + .btn-group{
  margin-left:0.5rem;
}
.pagination {
    margin: 0px;
    float: left;
}

.pagination-sm .page-link {
    color: #333;
    border-color: #ccc;
    padding: 0.375rem 0.65rem;
    font-size: 12px;
    line-height: 1.5;
}
.pagination-sm .page-item.active .page-link {
    background-color: #4e73df;
    border-color: #4e73df;
    color: #fff;
}
.pagination-sm .page-link:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

/*
 * LOGIN
 *
 * */

.page-content.login {
  background-color:#ef7306;
}
.login-container{
  display:flex;
  align-items: center;
  justify-content: center;
  height:100%;
}
.login-box{
  width: 340px;
  max-width: 100%;
  padding:20px;
  border-radius: 2px;
  background-color:#fff;
  box-shadow:0 0 8px 2px #cf5306;
}
.login-box .title{
  color:#ef7306;
  font-size:3rem;
  font-weight:bold;
  margin-bottom:3rem;
  text-align:center;
}

.page-content .alert{
  margin: 0px;
}

.table th a:hover,
.table th a:active {
  outline: none;
  text-decoration:none;
}

/*
*
* DASHBOARD
*
*/
.grid-stack-item {
    border: 3px solid #ddd;
    border-radius: 5px;
}

.grid-stack > .grid-stack-item > .grid-stack-item-content{
  left: 0px !important;
  right: 0px !important;
    background-color: #ffffff;
  box-shadow: 8px 8px 5px #777;
 }

.grid-stack > .grid-stack-item > .grid-stack-item-content {
    padding: 10px;
}

/*td.quantity.editable-col{
    display:flex;
}*/

td.quantity.editable-col a{
    width: 16px;
}

div.select2-container[id$='_unit'] {
  width:100%!important;
  min-width: 50px;
  /*max-width: 110px;*/
}

div.table-responsive div.btn-group {
  display: inline-block!important;
}

/*table.table th:first-child {
  width: auto;
}*/

a.accordion-toggle {
  margin-left: 10px;
}

input.omnibox {
  width: 50%;
  max-width: 300px;
  display: inline;
}

a.clear-omnibox {
  margin-right: 10px;
}

input.my_select2_ajax_slave {
  display: none;
}

.card-header h6 {
  line-height: 2rem;
}
.card-header h6 + a{
  margin-left: 0.5rem;
}

.card-content {
  padding: 1rem;
}
.select2-container{
  width:100%!important;
}
/* Vise le <a class="select2-choice"> d'un select simple. Sans l'exclusion,
   la règle attrapait aussi le bouton × de chaque étiquette d'un
   multi-select: étiré à toute la largeur de l'étiquette, il laissait voir
   des morceaux voisins du sprite select2.png (60x40, collé à droite) et
   rendait toute l'étiquette cliquable pour la supprimer. */
.select2-container a:not(.select2-search-choice-close){
  width:100%!important;
}

/* Nav pills: scrollable when tabs overflow */
.nav-pills {
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  max-width: 100%;
}
.nav-pills .nav-link {
  white-space: nowrap;
}
.nav-pills .nav-link.active {
  background-color: #333;
}
.nav-pills::-webkit-scrollbar {
  height: 4px;
}
.nav-pills::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 2px;
}

/*
 * MOBILE
 *
 * */
@media (max-width: 767.98px) {
  /* Modals: full-width on mobile */
  .modal-xl .modal-dialog,
  .modal-dialog.modal-xl {
    max-width: 100%;
    margin: 0.5rem;
  }

  /* Omnibox: full width on mobile */
  input.omnibox {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0.5rem;
  }

  /* Login box padding */
  .login-box {
    margin: 0 10px;
  }
}