*{ font-family: 'Arial', sans-serif; }

body {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    overflow : hidden;
}

h6 { font-size: 1em }

ul { list-style-type: none; }

img { max-width: 100% }

#header_top {}

.navbar-nav .dropdown-menu {   position: absolute;}

.color_info, .size_info {padding-left: 30px }

.glyphicon-log-out:before {
    font-family: "Font Awesome 5 Pro";
    font-size:1em;
    font-weight: bold;
    margin-right: 5px;
    content: "\f2f5";
}




#footer_msg {
    margin: 0;
    padding-left: 5px;
    color: #fff;
}

.display_content { overflow-y: scroll;}
.display_coloris {
    overflow-y: scroll;
    height:800px;
    padding-bottom: 10px;
}

.display_img {
    overflow-y: scroll;
    height:800px;
    padding-bottom: 10px;
}

.display_img > img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.hidden { visibility:hidden}

#cart_footer_bottom #info_cart_change {   position: relative; }

.row-background { background-color: #eee}


#list_ref {
    height: 100%;
    overflow-y: auto;
}

#list_ref .row {
    align-items:center;
}

#listreference a {
    line-height: 35px;
    height: 35px;
    padding-top:0;
}

/* login form */

.form-signin {
    width: 100%;
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
    top: 10%;
}


/* color list */
input[name="search"] {  width: 122px;}


.view_date_delivery {
    display: none;
    font-size: 13px;

}

.qty_cart_color { width: 57px;}


@media( max-width:800px) {

    body { font-size: 13px }

    .qty_cart_color { width: 40px;}

    .view_date_delivery { display: inline }

    .date_delivery { display: none }

}

@media( max-width:400px) {
    input[name="search"] {  width: 100px;}
}

/* customer */


#customer_info {
    position:absolute;
    left: 65px;
    top: 25px;
    font-weight:bold;
}

.customer-infos a, .cart-infos a {
    color: #fff;
    background: #007fff;
    display: inline-block;
    padding: 0 6px;
    border-radius: 8px;
    font-weight: bold;
}

.customer-infos span:before, .cart-infos span:before {
    font-family: "Font Awesome 5 Pro";
    font-size:1.5em;
    font-weight: bold;
    margin-right: 5px
}

.customer-infos span:before { content: "\f007"; }

.cart-infos {
    position: absolute;
    top: -5px;
    left: 50px;
}

.cart-infos span:before { content: "\f07a"; }

.customer-infos #unload_customer:before {
    font-family: "Font Awesome 5 Pro";
    font-size:1.5em;
    font-weight: bold;
    margin-right: 5px;
    content: "\f235";
}

/* product list */
.header-column {
    font-weight: bold;
    text-transform: capitalize;
}


#add_all_btn span:before {
   font-family: "Font Awesome 5 Pro";
    font-size:1.05em;
    font-weight: bold;
    margin: 0 5px;
    content: "\f218";
}

.btn-pos {
  margin: 0;
  top: 50%;
    -ms-transform: translateY(5%);
  transform: translateY(5%);
}

.img_ref {
white-space: initial;
bottom : 0%;	
}

.list_img{
	visibility:hidden;
	overflow-y:hidden;
}

.saisie{
	position: fixed;
	z-index: 9000;
	overflow-y:hidden;
	border: solid 1px #ddd;
	background-color : white;	
}

#prdt_left, #prdt_left_norm, #prdt_right {
    right: -4000px;
}


.show_product .row {
    align-items:center
}

.img_content{
    display: none;
}

.disabled {
  pointer-events: none;
  cursor: default;
}

.numpad{
 z-index: 10000;
 position: absolute;
 background-color:white;
 display:none;
 right : 1em;
 bottom : 13em;
}

.numpad-keys {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 grid-gap: 10px;
 padding: 5px;      
}

.action_buttons{
 padding: 20px;
}
.ref > div{
min-height:517px;
}

.title {
font-weight : bold;
}

.qty_input{
margin-top: 15px;
}

#price_display{
	position: absolute;
	right: 15px;
	top: 0px;
}
#ref_display{
	position: absolute;
	top:0%;
}


#prdt_left .GrpBtn{
    margin-left: 5px;
    margin-right: 5px;
}

.current_btn{
    background-color: #6c757d;
    color: white;
    border-color: #6c757d;
}

.detail_qty{
    display: none;
}
#cnd{
    display: none;
}

.qty_product{
    display: inline;
    width:25%;
    text-align:center
}

.qty_product_large{
    display: inline;
    width:40%;
    text-align:center
}

.highlight{
    outline: solid ;
    outline-color: lightblue;
}

.action_buttons{
    margin: auto;
    width: fit-content;
}

#listgencode{
    position: relative;
}
#scan{
    position: absolute;
    z-index: 1000;
    height: 70%;
    width: 50%;
    background: white;
    top: 15%;
    left: 23%;
    border-radius: 0.3rem;

}

#background_shadow{
    opacity: .5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 500;
    width: 100vw;
    height: 100vh;
    background-color: #000;

}

#scan_header{

    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
    font-size: 1.5rem;
}

.view_date_delivery {
    display: none;
    font-size: 13px;

}

input[name="gencode"] {  width: 170px;}

@media( max-width:400px) {
    input[name="gencode"] {  width: 140px;}
}

#gencode_type{
    align-items: center;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: 5px;
}

#display_gencode{
    overflow-y: scroll;
    height: 400px;
}

@media( max-width:800px) {
    #display_gencode{
    overflow-y: scroll;
    height: 200px;
}
}

#scan_footer{
    bottom: 0;
    position: absolute;
    right: 0;
    margin: 5px;
}

#scan_click{
    position: absolute;
    z-index: 1000;
    height: 70%;
    width: 50%;
    background: white;
    top: 15%;
    left: 23%;
    border-radius: 0.3rem;
    text-align: center;
    border:solid 1px;
    cursor: pointer;

}
#scan_click span{

   position: absolute;
    top: 45%;
    left: 35%;
}

#category_list{
	border: 1px solid #ced4da;
	display: none;
	user-select: none;
}

.cat_child
{
	margin-left: 65px;
}

#category-filter{

    background-color: #f8f9fa!important;
    border: none;
    color: white;
    padding: 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    border-radius: 50%;
    height: 70px;
    z-index: 100;
    width: 80px;
    position: fixed;
    top: 50px;
    right: 20px;
    color: #000 ;
}



.list-category-search
{
    width: 400px;
    z-index: 100;
     position: fixed;
    top: 120px;
    right: 0px;
    background-color: white;
}

.category-space
{
 margin-bottom: 15px;
 transition: margin-left 150ms;
}

#parent-category
{
    border-bottom: solid 1px;
    border-bottom-color: black;
    background-color: #f8f9fa!important;
}

#child-list
{
    overflow-y: scroll;
    height: 500px;
}


.right {
    margin-left: 20px;
}

.catalog-thumb{
    margin-top: 10px;
    min-height: 400px;
    text-align: center;
}

.catalog-name{
    font-size: 20px;

}
.catalog-name a{
    text-decoration: none;
    color: #777;
}