/* 
    Created on : Feb 2, 2019, 8:00:46 PM
    Author     : PGRJDS
*/

html,
body {
  height: 100%;
}

body {
    background-color: white;
}

.page {
    position: relative;
    min-height: 100%;
}

.bg-dark {
    background-color: #343a40 !important;
}

.cBlue {
    color: blue;
}
.cRed {
    color: red;
}

.cWhite {
    color: white;
}

.cBlack {
    color: black;
}


.carreColor {
    border: #000 solid thin;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-right: 6px;
}

.fs10 {
    font-size: 10px;
}

.fs12 {
    font-size: 12px;
}

.fs14 {
    font-size: 14px;
}


.fs18 {
    font-size: 18px;
}

.fs24 {
    font-size: 24px;
}
.fs30{
	font-size:30px;
}
.headiconpos1{
    font-size: 35px;
    margin-left: -30px;
}
.fwBold {
    font-weight: bold;
}
.mb0 {
    margin-bottom: 0px;
}
.mr10 {
    margin-right: 10px;
}

.mt10 {
    margin-top: 10px;
}
.mt20 {
    margin-top: 20px;
}
.mt60 {
    margin-top: 60px;
}
.mt80 {
    margin-top: 80px;
}
.mt150 {
    margin-top: 150px;
}

.mw90 {
    max-width: 90px;
}

.mw240 {
    max-width: 240px;
}

.mw385 {
    max-width: 385px;
}


/* menu dropdown langue */
.dropdown-menu{
	min-width:7rem;
	border-radius:0.5rem;
}

#dropdownMenu2:focus{
	outline:none;
}


.pb60 {
    padding-bottom: 60px;
}

.pt5 {
    padding-top : 5px;
}

.w32 {
    width: 32px;
}
.w90{
	width:90px;
}
.imagePanier {
    max-height: 60px;
}

.borderNone {
    border: none;   
}

.color-kami {
    color: rgb(222, 203, 175);
}

.btn-kami:hover {
    color: white;
    background-color: black;
    border-color: rgb(222, 203, 175);
    border-width: 1px;
}

.btn-kami, .btn-kami:focus {
    color: black;
    background-color: rgb(222, 203, 175);
    border-color: rgb(251, 251, 251);
    border-width: 1px;
    box-shadow: none;
}

.bg-kami {
    color: black;
    background-color: rgb(222, 203, 175);
}

.noDecorationWhite, .noDecorationWhite:hover, .noDecorationWhite:link, .noDecorationWhite:active, .noDecorationWhite:visited {
    text-decoration: none;
    color: white;
}

#logoKAMI {
    width: 150px;
}

footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.pAbs {
    position: absolute;
}


.bg-dark2 {
    background-color: black;
}

.titleNewCde {
    padding: 10px;
    border-radius: 10px 10px 0px 0px;
}


#idx_drapUS, #idx_drapFR, #idx_drapDE, #idx_drapES, #idx_drapCN, #idx_drapSE, #idx_drapTW, #idx_drapKR, #idx_drapJP {
    float: left;
    margin-top: 5px;
    width: 32px;
    height: 32px;
    margin-left: 10px;
    margin-bottom: 5px;
}


.idx_drap_Noselec {
    float: left;
    margin-top: 3px;
    width: 32px;
    height: 3px;
    display: block;
}

.idx_drap_selec {
    float: left;
    margin-top: 3px;
    background-color: #F26522;
    width: 32px;
    height: 3px;
    display: block;
}

#idx_draps {
    float: right;
}

.logoClient {
    max-height: 50px;   
}
/*debut fix header icon */
.fzicon35{
	font-size:35px;
	margin-right:55px; 
}
.fzicon35-2{
	font-size:35px;
	margin-right:150px;
}
.fzicon36{
	font-size:35px;
	margin-right: 66px;
}
.fzicon36nm{
	font-size:35px;
	
}
.fzicon35nm{
	font-size:35px;
	margin-right: 35px;
	
}
.btn:focus, .btn:active:focus, .btn.active:focus{
    outline:none;
    box-shadow:none;
}

.fixpanier{

}
.fixCloseB{
	position: relative;
    left: -3px;
    top:8px;
}
.fzicon35:before{
	position:relative;
	left:-15px;
}
.fzicon35nm:before{
	position:relative;
	left:-15px;
}
.fixLangB{
	position: relative;
    left: -5px;
}
.dropdown-menu-fix{
	left:-12px!important;
}
.dropdown-toggle::after {
    left: -5px;
    position: relative;
    }
.fixbadge{
	max-width: 45px;
    min-width: 45px;
    position: absolute !important;
    top: 44px !important;
    left: 4px;
}

.radiusFlag{
	border-radius:17px;
	border : 1px solid grey ;
	outline:none;
}
/*fix header icon */
#msgInventaire {
    border: #FF0000 dashed 2px;
    background-color: white;
    color: black;
    padding-top: 10px;
    padding-bottom: 10px;
}

#navBarClient {
    background-color: #f5f5f5;
    padding-bottom: 5px;
}

.zone1 {
    background-color: #fff;
    border-radius: 10px;
    margin-top: 20px;
    box-shadow: 5px 5px 2px #656565;
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#6565', Direction=135, Strength=5); 
}
.zone2 {
    background-color: #fff;
    margin-top: 20px;
    padding: 12px 12px 12px 12px;
    box-shadow: 5px 5px 2px #656565;
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#6565', Direction=135, Strength=5); 
}
.sectionBody {
    background-color: rgba(250,250,250,0.9);
    box-shadow: 10px 10px 5px #000;
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#000', Direction=135, Strength=5); 
    border-radius: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.btn-WhiteBlack {
    border: 1px solid black;
    background-color: white;
    color: black;
    border-radius: 0px;
    box-shadow: none;
}
.btn-WhiteBlack:focus {
    box-shadow: none;
}
.badgeArticleNew {
    position: absolute;
    top: 20px;
    left: -5px;
    font-size: 14px;
    border-radius: 0px;
    font-weight: 400;
}
.ribbon3 {
    width: 150px;
    height: 26px;
    line-height: 24px;
    padding-left: 15px;
    position: absolute;
    left: -10px;
    top: 20px;
    color: black;
}
.ribbon3:before, .ribbon3:after {
    content: "";
    position: absolute;
}
.ribbon3:before {
    height: 0;
    width: 0;
    top: -8.5px;
    left: 0.1px;
    border-bottom: 9px solid black;
    border-left: 9px solid transparent;
}
.ribbon3:after {
    height: 0;
    width: 0;
    right: -7.0px;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-left: 7px solid #decbaf;
}


#bandeauMsg {
    /*width: 100%;*/
    height: 40px;
    line-height: 40px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    border: 1px solid black;
    display: none;
    z-index: 1000;
}

.colorCloseSite {
    color: black;
}
.car_indicator:hover {
    cursor: pointer;
}

.divCarIndicator {
    opacity: 0.5;
}

.active {
    opacity: 1;
}

.carousel-indicators {
    position: relative;
    margin: 0;
}

.upperCase {
    text-transform: uppercase;
}


#searchItem, #searchItem:active, #searchItem:focus {
    background-color: #fff;
    border: none;
    box-shadow: none;
    color: black;
    border-radius: 0px;
    max-width: 220px;
    width: 220px;
}

#searchItem::placeholder {
    color: #999;
    font-size: 12px;
}

.searchLoupe:hover {
    cursor: pointer;
}

.searchLoupe {
    -webkit-appearance: none;
    appearance: none;
}

.champ_obligatoire {
    font-size: 12px;
    color: red;
    vertical-align: super;
}
.fline{
	white-space: nowrap;
}
.fs11 {
    font-size: 13px;
}

.fs16 {
    font-size: 18px;
}


.w80 {
    width: 80px;
}



#msgInventaire {
    border: #FF0000 dashed 2px;
    background-color: white;
    color: black;
    padding-top: 10px;
    padding-bottom: 10px;
}

#navBarClient {
    background-color: #f5f5f5;
    padding-bottom: 5px;
}

.zone1 {
    background-color: #fff;
    border-radius: 10px;
    margin-top: 20px;
    box-shadow: 5px 5px 2px #656565;
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#6565', Direction=135, Strength=5); 
}

.sectionBody {
    background-color: rgba(250,250,250,0.9);
    box-shadow: 10px 10px 5px #000;
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#000', Direction=135, Strength=5); 
    border-radius: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.btn-WhiteBlack {
    border: 1px solid black;
    background-color: white;
    color: black;
    border-radius: 0px;
    box-shadow: none;
}

.btn-WhiteBlack:hover {
    border: 1px solid black;
    background-color: black;
    color: white;
}
.cardImgWidth:hover {
    cursor: pointer;
}

.cardImgWidth {
    min-height: 100%;
    min-width: 0;
}
.divCarIndicator:hover {
    opacity: 1;
}
/* réglage de la position du drapeaux */
.selec_fix{
	
}

/*bouton menu dropdown */
#dropdownMenu2{
	background-color:transparent;
	border:#f5f5f5;
	text-align:center;
	width:4em;
	height:4em;
    border-radius: 0.5em;
}
/* menu burger */

.rpv01{
	background-color:#e5e5e5;
}
.rpv02{
	background-color:black;
	border-radius:0.5rem;	
}
#burger-button:focus{
	outline:none;
}

/*
agrandissement des champs page stat-manager avec surcharge bootstrap
*/

#choix_clients{
	width:17em;
	
}

#choix_cat{
	width:17em;
}


/* agrandissement des champs page historique des commandes */

#yearCde{
	width:10em;
}


@media only screen and (max-width: 800px) {
	
	/* Force table to not be like tables anymore */
	.no-more-tables table, 
	.no-more-tables thead, 
	.no-more-tables tbody, 
	.no-more-tables th, 
	.no-more-tables td, 
	.no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	.no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	.no-more-tables tr { border: 1px solid #ccc; }
 
	.no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
	.no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: normal;
		text-align:left;
		font-weight: bold;
		overflow:auto;
	}
 
	/*
	Label the data
	*/
	.no-more-tables td:before { content: attr(data-title); }
}

/* réglage taille bouton menu */
.fix-button2{
	min-width:90px;
}
.fix-button{
	min-width: min-content;
    
}
/* réglage margin bouton menu burger */
.fix-burger{
	margin-bottom:6px;
	
}

/* gestion des inputs dans la vue en grille */

.wGrille{
	min-width:188px;
	
	max-width:188px;
}
.winputsGrille{
	min-width:max-content;
	max-width:max-content;
}
.minGR{
	min-width:60px;
	max-width:60px;
	max-height:0px;
	padding-bottom:8px;
	padding-right:10px;
	font-weight:700;
}
.tableline{
 
 margin-top:2px;
 background:#e3e1e1;
}
#panierTab_wrapper{
	overflow:auto;
}
.overflowPanier{
	overflow:auto;
}
.w15{
	width:15%;
}
.w25{
	width:25%;
}
.bg-valt{
	background-color: #BBB !important;
}
.imagePanierGrille{
	max-height:200px;
}

.padl2{ 
	padding-left:1.5px !important;
}
.padr2{
	padding-right:1.5px !important;
}
.ValidCmeVueRecap{
	
}

#detail-recap-develivery{
    
   
}
.separ{
	

	padding-top:1px;
	background:grey;


	
}  
.padt10{
	padding-top:10px;
}
.seprecap{
	
	
	width:100%;
	padding-top:1px;
	background:black;
	margin-top:10px;
	margin-bottom:5px;
	
}
/*
début retour boutique colisage
*/
.btn-kami2:hover {
    color: white;
    background-color: black;
    border-color: black;
    border-width: 1px;
    border-radius: 0;
}
.unselect-border{
	color: black;
    border-color: black;
    border-width: 1px;
    box-shadow: none;
    border-radius: 0;
}
.btn-kami2, .btn-kami2:focus {
    color: black;
    background-color: rgb(222, 203, 175);
    border-color: black;
    border-width: 1px;
    box-shadow: none;
    border-radius: 0;
}
.btn-WhiteBlack2 {
    border: 1px solid transparent;
    background-color: white;
    color: black;
    border-radius: 0px;
    box-shadow: none;
}

/*
 fin retour boutique colisage
*/
/*
debut legend puce de couleurs
*/
#legendContainer{
	border:1px solid black;
}
/*
fin legend puce de couleurs
*/


/* début CSS le bon marché*/



.cardImgWidthLBM{
    width: 250px;
    height: 272px;
	
}


.btn-clignoter{
	
   animation-duration: 1.2s;
   animation-name: clignoter;
   animation-iteration-count: infinite;
   transition: none;
}

@keyframes clignoter {
  0%   { opacity:1; }
  40%   {opacity:0; }
  100% { opacity:1; }
}

/*
Visuel iphone 6-7-8
*/
@media (max-width: 375px) {
	
  .fzicon35nm {
    font-size: 35px;
    margin-right: 70px;
	}
  .fixbadge {
    max-width: 45px;
    min-width: 45px;
    position: absolute !important;
    top: 44px !important;
    left: 4px;
	}
}

/* fin CSS le bon marché*/