html {
  height: auto !important;
  margin-bottom: 1rem !important;
}

#kintpv_content {padding-left: 2%; padding-right: 2%; margin: 0; text-align: center;}
#kintpv_content h1 {margin: 10px 0;}
#kintpv_content .groupe_btn_accueil {margin: 20px 0;}
.btn-accueil {border-radius: 0; background-color: #FFF; border: 1px solid #428bca; padding: 15px 0; margin: 15px 0;}
.btn-accueil i {font-size: 2.5em;}
.btn-accueil p {margin-top: 10px; font-size: 12px;}

.bold {font-weight: bold;}

img.img_responsive {max-width: 100%;}

.btn-black {background-image: linear-gradient(to bottom,#3c3c3c 0,#222 100%);  border: 1px solid #404040; color: #FFF;}
.btn-black:hover {background-image: linear-gradient(to bottom,#222 0,#222 100%);  border: 1px solid #404040;}

.bt-nav-kintpv .btn span.hidden-xs {font-size: 20px; line-height: 20px; padding: 5px !important;}

.nav-kintpv {display: table-cell; vertical-align: middle;}
@media (max-width: 768px) {
.nav-kintpv .navbar-form{margin-top: 0px; margin-bottom: 0;}
}
#navbar-principale .nav-kintpv {margin-left: -15px; }
.navbar-inverse .nav-kintpv span.glyphicon {color: #FFF;}
.navbar-inverse .nav-kintpv .btn-default span.glyphicon {color: #333; font-size: 14px;}
.navbar-inverse .nav-kintpv .btn-default {padding-top: 4px;}

.nav-kintpv .bt-nav-kintpv {color: #FFF; padding: 0 5px; margin-top: 0px;}
.nav-kintpv .bt-nav-kintpv h1 {color: #333; font-size: 18px; margin: 0; line-height: 34px;}
.bt-nav-kintpv .alert {height: 37px; line-height: 33px;}
.navbar-inverse .nav-kintpv .input-group-btn	span.glyphicon{color: #080808;}
.nav-kintpv span.glyphicon {font-size: 18px; }
/*.nav-kintpv .bt-nav-kintpv {margin-top: 10px; }*/
.nav-kintpv .input-group-btn	span.glyphicon{font-size: 14px; }

.navbar-header .h3 {margin: 5px 0 0 0;}


.card {
  border: solid 2px #999!important;

  box-shadow: 0px 0px 20px 2px lightgray !important;
  font-style: normal !important;
}

.card a {
  text-decoration: none!important;
  font-weight: 600 !important;
  font-size: 1.15em !important;
  color: black;
}

.card i {
  font-size: 2.45em !important;
}

.card:hover i {
  color: red;
}

.btn-light:hover > i,
.btn-light:hover > span {
  color: red !important;
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus {
  box-shadow: 0px 0px 2px 2px red !important;
  border-color: red !important;
}

.border {
  border: 1px solid #ced4da !important;
}

.border-end-0 {
  border-right: none !important;
}

.border-start-0 {
  border-left: none !important;
}

.btn:focus {
  box-shadow: none !important;
}

.btn-light {
  border: 2px solid transparent !important;
}

.btn-light:hover {
  border: 2px solid red !important;
}

.card:hover {
  box-shadow: 0px 0px 10px 7px lightgray !important;
  cursor: pointer !important;
  
  border: solid 2px red!important;
}

.nav-kintpv .alert{padding: 2px 0; text-align: center;}
#bt_close_recherche .btn {margin: 0 10px 0 0; padding: 2px 5px;}
#bt_close_recherche .glyphicon {color: #d2322d;}

.nav-bas-kintpv .case-nav { margin: 0; padding: 0;}
.nav-bas-kintpv .alert {padding: 4px 0 3px 0;}

.row-border-top {border-top: 1px solid #A0A0A0;}

.description {color: #000; font-weight: bold;}
.ref					{color: #333; font-size: 10px;}

.nav-status-kintpv {min-height: 20px;}
.status-kintpv {padding: 5px; font-size: 8px; height: 20px;}
.status-kintpv img {position: absolute; left: 5px;}
.status-kintpv .center {width: 100%; float: left; text-align: center;}

.info-nav-kintpv {font-size: 18px; font-weight: bold;}

.ecran_rech_article {position: absolute; top: 50px; left: 0px; width: 100%; padding: 0; margin: 0;}
/*.ecran_inventaire {position: absolute; top: 100px; left: 0px; width: 100%; padding: 0; margin: 0;}*/

.navbar-fixed-top .container-fluid {padding-right: 0;}
.navbar-fixed-top .nav-kintpv {padding-right: 0;}

#table_detail_ticket tr td {font-size: 16px;}

/*#liste_article_rech {display: none; top: 100px; border: 1px solid #CCC; background-color: #FFF;}*/
#grille_article_rech {top: 55px; border: 1px solid #CCC; background-color: #ECECEC;}
#grille_article_rech #onglets-grille {margin: 0; padding: 0;}
#grille_article_rech #boutons-grille {margin: 10px 0 0 0; padding: 0; /*border: 3px solid #3276b1; background-color: #3276b1;*/}
#grille_article_rech .boutons-grille {display: none;}
#grille_article_rech button p {clear: both;}
#grille_article_rech button img {padding: 0;}
#grille_article_rech button.btn-default {background: none; background-color: #FFF; border-radius: 0px;}
#grille_article_rech button.btn-default:hover {border-color: #357ebd;}


#onglets-grille button { font-size: 8px; overflow: hidden; border-radius: 0px /*5px 5px 0 0*/; outline: none; border-bottom: none;}
#onglets-grille .btn-default { /*background-color: #D9EDF7; border-color: #BCE8F1;*/ border: none; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC;   border-radius: 0px; padding: 1px;}
#onglets-grille .btn-primary { padding: 1px; }

#boutons-grille {border-top: 2px solid #357ebd;}
#boutons-grille button {font-size: 8px; overflow: hidden; padding: 1px;}

#table_recherche tbody td {padding: 2px;}

#ticket #table_recherche .col-desc-article {width: 70%; text-align: left;}
#ticket #table_recherche .col-prix-article {width: 15%; text-align: right;}
#ticket #table_recherche .col-panier-article {width: 15%; text-align: right;}
#ticket #total_ticket {text-align: right; padding-right: 5px;}
#ticket #nb_articles_ticket {margin-left: 5px;}
/*#ticket #liste_article_ticket {margin-top: 60px; margin-bottom: 70px;}*/
#ticket #button_choix_client { padding-left: 0px; padding-right: 0px; height: 38px; line-height: 11px;}
#ticket #infos_client_button { display: none; font-size: 12px; line-height: 8px; }

#grille_tickets a.btn {border: none;}
#grille_tickets a.btn span {line-height: 40px;}

#contenu_selection { overflow-y: hidden; overflow-x: auto; background-color: #FFF; border: 1px solid #CCC; border-radius: 5px; height: 37px; position: relative;}
#articles_sels {height: 35px; line-height: 35px; overflow-y: hidden; position: absolute; }
.vignette_sel {margin: 0 2px; float: left; width: 35px; height: 35px; overflow: hidden; text-align: center; position: relative;}
.vignette_sel img{height: 23px;}
.vignette_sel p {font-size: 8px; margin: 0; padding: 0;}
.qte_article {position: absolute; top: 0; right: 0; background: #F00; padding: 2px 5px; border-radius: 50%; font-size: 8px; line-height: 8px; color: #FFF;}

button.btn-list {width: 100%; text-align: left; border: none; background-color: transparent;}

#dialogue_detail_ticket {font-size: 18px; line-height: 35px;}
#dialogue_detail_ticket .col-xs-12 {padding: 0;}
#dialogue_detail_ticket .ligne_detail {margin: 5px 0;}

#input_detail_quantite {text-align: center; }

.modal-body .col-xs-12 {padding: 0;}
.modal .modal-footer {margin-top: 0;}
.modal table.table thead th {padding-top: 0; padding-bottom: 0; }
.modal table.table {margin: 0;}

.bt-search-append > i {
  cursor: default !important;
  color: gray !important;
}

.bt-search-append:hover {
  cursor: default !important;
}

.bt-search-append:focus {

  box-shadow: none !important;
}
  

  
.icon {
  padding: 10px;
  min-width: 40px;
}
  
.input-field {
  padding: 10px;
  text-align: center;
}

.table_liste_tickets {display: none;}
.table_liste_tickets th {text-align: center;}
.table_liste_tickets tbody tr {cursor: pointer;}
.table_liste_tickets td {vertical-align: middle;}
.table_liste_tickets.table-striped > tbody > tr:nth-child(2n+1) > td, .table_liste_tickets.table-striped > tbody > tr:nth-child(2n+1) > th {background-color: #CCE6FF;}

#recherche_liste #table_recherche td {min-height: 40px; vertical-align: middle;}
#recherche_liste #table_recherche td .description {min-height: 40px;}
#recherche_liste tbody tr {cursor: pointer;}

#article_declinaisons {padding: 5px; background-color: transparent; margin-bottom: 0; overflow: hidden;}

#dialogue_article #ico_image_article {height: 25px; float: left;}
#dialogue_article #dia_article_title {font-size: 16px;}
#dialogue_article #ico_image_article {margin-right: 10px;}
#dialogue_article .modal-header .container-fluid {margin: 0; padding: 0;}
#zoom_article {width: 100%;}

#dialogue_rech_client #zone_rech_client {float: right; margin-right: 10px;}
#dialogue_rech_client h4.modal-title {padding: 0;}
#dialogue_rech_client .modal-header .container-fluid {padding-left: 0;}
#dialogue_rech_client #liste_clients {display: none;}

#infos_client_button {font-size: 50%; white-space: pre-line; line-height: 50%;}

#infos_inventaire {margin-top: 20px; padding: 10px; border: 1px solid #DDD; border-radius: 4px;}
#infos_inventaire p {margin-bottom: 0;}
#infos_inventaire #btns_stocks {padding-top: 20px;}
#btn_comptage {padding: 15px 0;}
#infos_inventaire label {padding-left: 0;}
#infos_inventaire .panel {color: #AAA; padding: 0; max-height: 120px;}
#infos_inventaire .panel-body {padding: 15px 5px;}
#infos_inventaire #btn_comptage {white-space: normal; max-height: 120px;}


/* Customize the nav-justified links to be fill the entire space of the .navbar */

.nav-justified {
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 5px;
  
}
.nav-justified {
  width: auto;
  
}
.nav-justified > li > a {
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 0;
  font-weight: bold;
  color: #777;
  text-align: center;
  background-color: #e5e5e5; /* Old browsers */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e5e5e5));
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%);
  background-image:      -o-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(top), color-stop(0%, #f5f5f5), to(#e5e5e5));
  background-image:         linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
  background-repeat: repeat-x; /* Repeat the gradient */
  border-bottom: 1px solid #d5d5d5;
  
}
.nav-justified > .active > a,
.nav-justified > .active > a:hover,
.nav-justified > .active > a:focus {
  background-color: #ddd;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
          box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
}
.nav-justified > li:first-child > a {
  border-radius: 5px 5px 0 0;
}
.nav-justified > li:last-child > a {
  border-bottom: 0;
  border-radius: 0 0 5px 5px;
}



.popover {background-color: #8f8; border:none; text-align: center !important;}
.popover.right .arrow::after {border-right-color: #8f8;}
.popover-content{background-color: #8f8 !important; font-weight: 550; font-size: 1.00em}
.popover-title{background-color: #8f8; font-weight: 900; font-size: 1.10em;}
.popover.blue-popover{background-color: black !important;}

@media (min-width: 300px) {
  .nav-justified > li {
    display: table-cell;
    /*width: 1%;*/
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}

h1 i {
  font-size: 1.25em !important;
}

#liste_articles_commande {padding-bottom: 20px;}

#location {padding-top: 0;}
#location #recherche_location {min-width: 300px;}
#location #recherche_client {min-width: 300px;}
#location #header_location {background-color: #4B789F; color : #FFF; padding: 5px; position: fixed; top: 0; width: 100% !important;}
#location #header_location .col-entete-location label {padding-top: 7px;}
#location #header_location .col-entete-location {border-bottom: 1px solid #FFF; padding-top: 7px;}
#location #header_location .col-entete-location:last-child {border-bottom: none;}
#location #header_location .form-group {margin-bottom: 7px;}

#location #liste-cli-accueil {margin-top: 30px;}
#location #liste-cli-accueil td {cursor: pointer;}

#location #header_location label {color: #FFF;}
@media (min-width: 768px) {
	#location #header_location .col-entete-location {border-right: 1px solid #FFF; border-bottom: none; padding-top: 0px;}
	#location #header_location .col-entete-location:last-child {border-right: none;}
}
#location #table-liste-client {margin-top: 60px;}

#location #table-loc {margin-bottom: 60px;}
#location #table-loc tr td {border-top: 5px solid #FFF;}
#location #table-loc tr.detail-pack{background-color: #F5F5F5;}
#location #table-loc tr.detail-pack td{border-top: none;}
#location #table-loc tr.detail-pack td:nth-child(2){padding-left: 30px;}

#location #table-loc tr.active td {background-color: #e0e0e0;}
#location #table-loc tr td.success {background-color: #5cb85c;}
#location #table-loc tr td.danger {background-color: #d43f3a;}
#location #table-loc tr td:nth-child(11){text-align: center; color: #fff; font-weight: bold; cursor: pointer;}
#location #table-loc tr td:nth-child(12){text-align: center; color: #fff; font-weight: bold; cursor: pointer;}
#location #table-loc tfoot td{font-size: 1.2em; font-weight: bold;}

#mvmt_stock {padding-top: 0px;}
#mvmt_stock #recherche_mvmt{min-width: 300px;}

.footer {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0.25em;
  background-color: #223 !important;
  text-align: center !important;
  color: #CCF !important;
}

.bg-kintpv,
.table-kintpv {
  background-color: #223 !important;
  color: white !important;
}

.table-bordered th{
  border: 0px !important;
}

@keyframes monanimation {
  0% {
    background-color: transparent;
  }
  5% {
  	background-color: #F5B949;
  }
  30% {
  	background-color: #F5B949;
  }
  100%{
    background-color: transparent;
  }
}
       
table tr.active_line td {animation: monanimation 1s ease-in-out;}

.kintpv-form-group {
  position: fixed; bottom: 2.35em;
  padding-left: 25% !important;
}
