body {overflow-x: hidden;}

.index_big_button {
    width: 32%;
    float: left;
    text-align: center;
    margin: 5px;
}

@media (max-width: 767px) {
    .index_big_button {
        width: 98%;
    }
    footer {
        display: none;
    }
}
@media (max-width: 1024px) {
    .index_big_button {
        width: 48%;
    }
    footer {
        display: none;
    }
}

.index_big_button_ipad {
    width: 50%;
    float: left;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
}

.index_big_button_ipad_small {
    width: 30%;
    float: left;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
}
.index_big_button_ipad_small h2 {
    font-size: 22px;
}
.nav-pills-ipad > li {
    float: none;
}
.hero_user_name {
    width: 50%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
    color: white;
    font-size: 26px;
}

.float_right{float:right}
.float_left{float:left}
.clear_both{clear:both}
.display_block{display:bock}
.display_none{display:none}
.champ span{width:20%}
.select_fournisseur{width:280px !important}
.date_day{width:60px;}
.date_month{width:110px;}
.date_year{width:80px;}
.contain_entree{margin:5px}
.tab_entree{width:100%}
.tab_entree .type1, #tab_orders .type1{width:120px !important}
.tab_entree .type2, #tab_orders .type2{width:70px !important}
.tab_entree .type3, #tab_orders .type3{width:250px !important}
#tab_model .type1, #tab_orders .type1{width:120px !important}
#tab_model .type2, #tab_orders .type2{width:70px !important}
#tab_model .type3, #tab_orders .type3{width:200px !important}

.type1{width:120px !important}
.type2{width:70px !important}
.type3{width:200px !important}

.img{cursor:pointer;margin-bottom:15px}
.yellow td{background-color:#f7eb8f !important}
.red td{background-color:#f2dede !important}
.pink td{background-color:#e2edbd !important}
.modell td{background-color:#eee !important}

.table{margin-bottom:0px !important}

#tab_action tr .modele img{cursor:pointer}
#tab_action tbody tr{height:55px !important}
#tab_facture thead tr{height:50px !important}
#tab_entree_de_stock thead tr{height:50px !important}

.ss_line{background-color:#eee;height:56px !important;display:none}
.cate_line td{background-color:#eee !important}
.ss_line td div img{cursor:pointer}

.icon-share{cursor:pointer !important;}
.sep{ background-color: #E5E5E5;border-bottom: 1px solid #FFFFFF;height: 1px;margin: 9px 1px;overflow: hidden;}
.select_conditionnement{width:80px}
.select_conditionnement_big{width:80px}
.select_statut_article{width:80px}

#duplic{padding:15px;}

.navbar-inner .sep_head{width:1px;height:61px;background:url(../img/new_design/sep_head.png)}
#ArtEntrep, #article_select_entrepot, #utilisateur_bannette{background-color:#37393c;border:solid 1px #000 !important;border-radius: 5px 0px 0px 5px;color:#d2d2d2;font-style:italic;margin:10px 0px 10px 10px;height:38px;padding:0px 0px 0px 5px !important;font-size:18px}
#go{background:url(../img/new_design/bg_button_go.png);border:solid 1px #000;border-radius: 0px 5px 5px 0px;height:40px;color:#fff;font-weight:bold;width:80px;font-size:20px}
#deconnect{background:url(../img/new_design/deconnect.png);width:37px;height:39px;border:none;margin:10px}
footer p {color:#999}
#email_connect{background-color:#37393c;border:solid 1px #000 !important;border-radius: 5px 0px 0px 5px;color:#d2d2d2;font-style:italic;margin:10px 0px 10px 10px;height:38px;padding:0px 0px 0px 5px !important;font-size:18px}
#mdp_connect{background-color:#37393c;border:solid 1px #000 !important;color:#d2d2d2;font-style:italic;margin:10px 0px 10px 10px;height:38px;padding:0px 0px 0px 5px !important;font-size:18px}
#connect{background:url(../img/new_design/bg_button_go.png);border:solid 1px #000;border-radius: 0px 5px 5px 0px;height:40px;color:#fff;font-weight:bold;width:180px;font-size:20px;margin-top:0 !important}

.container{width:1360px !important}

.picking{width:59%;background-color:#303234;margin-right:5px;min-height:400px;border-radius:6px}
.reserve, .reception{width:40%;background-color:#303234;min-height:400px;border-radius:6px}
.picking .entete{width:100%;height:41px;background:url(../img/new_design/bg_entete.png);border-radius:6px;position:relative;text-align:center;font-weight:bold;color:#fff;font-size:18px;line-height:41px;}
.reserve .entete, .reception .entete{width:100%;height:41px;background:url(../img/new_design/bg_entete.png);border-radius:6px;position:relative;text-align:center;font-weight:bold;color:#fff;font-size:18px;line-height:41px;}

.large{width:100%;background-color:#303234;min-height:200px;border-radius:6px;color:#d5d5d5}
.large .entete{width:100%;height:41px;background:url(../img/new_design/bg_entete.png);border-radius:6px;position:relative;text-align:center;font-weight:bold;color:#fff;font-size:18px;line-height:41px;}
.large #with_sort{width:90%;margin-left:5%;margin-top:10px;border-right:none !important}
.large #with_sort td{text-align:center;font-weight:bold}
.large #with_sort thead{background-color:#767676;border-collapse:collapse;color:#fff}
.large #with_sort thead th{border:solid 1px #fff !important;height:35px;line-height:35px}
.large #with_sort .view_emplacment{background-color:#6f8c56;border:0;border-radius:5px;text-align:center;color:#fff;font-weight:bold}

.large #list_reapro{width:100%;margin-top:10px;border-right:none !important}
.large #list_reapro td{text-align:center;font-weight:bold}
.large #list_reapro thead{background-color:#767676;border-collapse:collapse;color:#fff}
.large #list_reapro thead th{border:solid 1px #fff !important;height:35px;line-height:35px}
.large #list_reapro .view_emplacment{background-color:#6f8c56;border:0;border-radius:5px;text-align:center;color:#fff;font-weight:bold}

.large #list_marketplace{width:100%;margin-top:10px;border-right:none !important}
.large #list_marketplace td{text-align:center;font-weight:bold}
.large #list_marketplace thead{background-color:#767676;border-collapse:collapse;color:#fff}
.large #list_marketplace thead th{border:solid 1px #fff !important;height:35px;line-height:35px}
.large #list_marketplace .view_emplacment{background-color:#6f8c56;border:0;border-radius:5px;text-align:center;color:#fff;font-weight:bold}

.large .content_select{color:#d2d2d2;font-style:italic;font-size:25px}
.large .content_select input{background-color: #37393C;border: 1px solid #000000 !important;color: #D2D2D2;font-size: 28px;font-style: italic;height: 50px;padding: 0 0 0 5px !important;}
.valid_rech_inventaire{background:url(../img/new_design/bg_valid.png);width:44%;min-height:106px;color:#fff;font-size:15px;font-weight:bold;border-radius:6px;position:relative;margin-left:28%;text-align:center;border:0px;}
.valid_rech_inventaire2{background:url(../img/new_design/bg_valid.png);width:300px;height:80px;color:#fff;font-size:15px;font-weight:bold;border-radius:6px;position: absolute;margin-left:28%;text-align:center;border:0px;right:0px;}


.champ{text-align:center}
.large .champ select{background-color:#37393c;border:solid 1px #000 !important;border-radius: 6px;color:#d2d2d2;font-style:italic;margin:10px 0px 10px 10px;height:38px;width:450px !important;height:50px;font-size:25px}
.large .champ select option{background-color:#37393c;}

#content_list_article{margin-top:20px}

.back_picking{width:59%;background-color:#4d4e50;margin-right:1%;min-height:106px;border-radius:6px; color:#d5d5d5;}
.back_picking .already_reap{width:110px;height:75px;background:url(../img/new_design/bg_already_reap.png);float:right;border:solid 1px #2a2c2e;border-radius:6px;color:#fff;font-weight:bold;font-size:16px;position:relative;text-align:center;margin:10px}
.back_picking .already_reap div{position:absolute;top:5px;left:4px}
.back_picking .btn_reap{height:75px;background:url(../img/new_design/bg_btn_reap.png);border:solid 1px #2a2c2e;border-radius: 5px;color:#fff;font-size:20px;font-weight:bold}
.back_reserve{width:40%;min-height:106px;}
.back_reserve .ms{background-color:#4d4e50;width:24%;min-height:106px;color:#fff;font-size:15px;font-weight:bold;border-radius:6px;position:relative;overflow:hidden;margin-right:5px}
.back_reserve .ms img{position:absolute;left:-5px;top:-15px}
.back_reserve .ms .text{position:absolute;right:0px;top:20px;text-align:center;}
.back_reserve .btn_sauv{background:url(../img/new_design/bg_valid.png);width:24%;min-height:106px;color:#fff;font-size:15px;font-weight:bold;border-radius:6px;position:relative;margin-right:5px;text-align:center}
.back_reserve .btn_sauv img{position:relative;top:20px}
.back_reserve .btn_sauv .text{position:absolute;top:80px;text-align:center;width:100%;}
.back_reserve .btn_annul{background:url(../img/new_design/bg_annul.png);width:24%;min-height:106px;color:#fff;font-size:15px;font-weight:bold;border-radius:6px;position:relative;text-align:center;margin-right:5px}
.back_reserve .btn_annul img{position:relative;top:20px}
.back_reserve .btn_annul .text{position:absolute;top:80px;text-align:center;width:100%;}
.back_reserve .btn_incid{background-image: linear-gradient(to bottom, #5f87d7, #3a5984);border:solid 1px #2a2c2e;width:24%;min-height:106px;color:#fff;font-size:15px;font-weight:bold;border-radius:6px;position:relative;text-align:center;margin-right:5px}
.back_reserve .btn_incid .text{position:absolute;top:20px;text-align:center;width:100%;}

.large .view_emplacment{background-color:#6f8c56;border:0;border-radius:5px;text-align:center;color:#fff;font-weight:bold;width:70px;}

#table_picking, #table_reserve, #table_reception{width:100%}
#table_picking thead, #table_reserve thead, #table_reception thead {color:#adadad;font-style:italic}
#table_picking input, #table_reserve input, #table_reception input{background-color:#37393c;border:solid 1px #000 !important;color:#d2d2d2;font-style:italic;height:50px;font-size:28px;padding:0px 0px 0px 5px !important;}

#with_sort_entrepot input{background-color:#37393c;border:solid 1px #000 !important;color:#d2d2d2;font-style:italic;height:50px;font-size:28px;padding:0px 0px 0px 5px !important;}
#content_non_prev input{background-color:#37393c;border:solid 1px #000 !important;color:#d2d2d2;font-style:italic;height:50px;font-size:28px;padding:0px 0px 0px 5px !important;}

#table_picking .readonly, #table_reserve .readonly, #table_reception .readonly{background-color:#1B1D1F;border:solid 1px #000 !important;color:#d2d2d2;font-style:italic;height:50px;font-size:28px;padding:0px 0px 0px 5px !important;}

#slideout {background-color: #fff;border-radius: 5px 0px 0px 0px;border:solid 1px #969696;position: absolute;width: 280px;top: 45%;right:0px;color:#363636;border-right:none;}
#clickme {position: absolute;top: 0px; left: 0;height:45px;width: 280px;cursor:pointer;border-radius: 5px 0px 0px 5px;background-image: linear-gradient(to bottom, #b90000, #ff2c2c);line-height:45px;padding-left: 15px;color:#fff;}

#slidecontent {float:left;margin-top:40px;}
#slidecontent  .line_todo{padding:5px;border-bottom:solid 1px #ccc;width:260px;padding-left:20px;}

#content_recap_prepa{background-color:#DFF0D8;border-color:#D6E9C6;color:#468847;    border-radius: 4px 4px 4px 4px;padding: 8px 35px 8px 14px;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);margin:10px 0px;}

/* --------------------------------------
 Preparation de commande 
 ---------------------------------------*/
/* liseré de message */
.liseree_message {
    background-color: black;
    font-size: 10px;
}

.pc_product_line {
    line-height:none !important;
    height:200px;
    width:100%;
    border-bottom:dashed 1px #d5d5d5;
    font-size:18px;
    position:relative;
    margin-top:15px;
    background-image: linear-gradient(to bottom, #fff, #bfbfbf);
    background: -webkit-linear-gradient(#fff, #bfbfbf);
}

.inputNumber {
    width: 100px !important;
    font-size: 36px !important;
    padding: 2px !important;
    height: 40px !important;
}

.zoneRectangle {
    font-size: 50px;
    width: 60px;
    margin: 30px;
    text-align: center;
    padding: 40px 40px;
    line-height: 54px !important;
}

.logo_transporteur {
    /*border: solid 1px black;*/
    height: 80px;
}

.icon-gift {
    font-size: 26px;
}

.line_reappro_hide {
    display: none;
}

/* --------------------------------------
  Mise en carton
 ---------------------------------------*/
.mec_productremb, .mec_productba {
    text-decoration: line-through;
}
.mec_product {

}

.badge_red {
    position:absolute;
    top:1px;
    right:25px;
    color:#fff;
    font-weight:bold;
    text-align:center;
    line-height:16px;
    width:16px;
    height:16px;
    -webkit-border-radius:9px;
    -moz-border-radius:9px;
    -o-border-radius:9px;
    border-radius:9px;
    border:solid 2px #fff;
    background-image:linear-gradient(240deg,rgb(255,114,114) 0%, rgb(197,0,0) 100%);
    background: -webkit-linear-gradient(#c50000, #ff7272);
}

.ordersWaiting {
    background-color: rgba(255, 0, 0, 0.65) !important;
}
.noOrdersWaiting {
    background-color: transparent;
}

.bacNumber {
    text-align: center;
    width: 200px;
    height: 100px !important;
    font-size: 60px !important;
    padding: 2px !important;
}
.btnchariot {
    height: 100px;
    width: 100px;
    margin-right: 15px;
    font-size: 40px !important;
}
.labelBacNbr {
    display: inline-block;
    font-size: 40px;
    width: 150px;
}

.userDeactivated {
    color: #ccc;
}

/* Barre principale */
#mobile_bottom_menu {
    background-color: blanchedalmond;
    position: fixed;
    bottom: 0;
    right: 0; /* La partie réduite dépasse de 60px */ 
    height: 70px;
    width: 60px; /* Largeur réduite par défaut */
    text-align: center;
    border-top-left-radius: 10px; /* Coins arrondis */
    transition: width 0.3s ease, right 0.3s ease; /* Animation fluide */
    z-index: 1000;
    /*overflow: hidden; */
}

/* Lorsque la barre est en pleine largeur */
#mobile_bottom_menu.expanded {
    right: 0; /* Déployée */
    width: 100%; /* Prend toute la largeur */
    border-top-left-radius: 0;
}

/* Contenu réduit */
#menu_toggle {
    cursor: pointer;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36px;
}

/* Contenu étendu */
#menu_content {
    display: none;
    /*padding: 10px;*/
    text-align: center;
    margin-top: -6px;
}

/* Afficher le contenu seulement si la barre est élargie */
#mobile_bottom_menu.expanded #menu_content {
    display: block;
}

#mobile_bottom_menu.expanded #menu_toggle {
    display: none; /* Cache l'icône de menu lorsque la barre est ouverte */
}

/* Réduction : icône */
#retract_icon {
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 40px; /* Taille de l'icône */
}


.module_button {
    /*border: solid red 1px;*/
    width: 120px;
    height: 68px;
    display: inline;
    margin: 0 30px 0 30px;
}
#viewport_camera {

}
#camera_scan_status {
    margin: 10px 0px;
}
#logging_status_camera {
    display: inline-block;
    width: 32px;
    height: 32px;
    top: -6px;
    position: relative;
}
.logging_status_camera_none {
    background: none;
}
.logging_status_camera_ok {
    background: transparent url(../img/check.png) no-repeat;
}
.logging_status_camera_loading {
    background: transparent url(../img/ajax-loader.gif) no-repeat;
}
.logging_status_camera_error {
    background: transparent url(../img/no_check.png) no-repeat;
}