Souke/frontend/web/sass/_systeme_commandes.scss

h1.title-systeme-commande {
	color: black ;
	padding-bottom: 35px ;
	font-size: 25px ;
	line-height: 35px ;
	font-family: 'myriadpro-regular' ;	
	text-transform: uppercase ;
	text-align: center ;
	position: relative ;
	margin-top: 30px ;
	
	img {
		width: 35px ;
		margin-right: 7px ;
	}
}

h2 {
    font-size: 20px ;
    //color: black ;
    text-transform: uppercase ;
}


#index-commande {
	position: relative ;
	
	#logout {
		position: absolute ;
		/*top: 45px ;
		right: 93px ;*/
		top: 0 ;
		right: 0 ;
		z-index: 10 ;
	}
	
	.accueil {
		text-align: center ;
		padding-bottom: 20px; 
	}
	
	#historique-commandes {
		.statut, .montant {
			width: 175px ;
		}
		.montant {
			//text-align: center ;
			width: 100px ;
		}
		
		.nom-point-vente {
		}
		.localite {
			font-size: 11px ;
			lin-height: 11px ;
		}
		
		a {
			text-decoration: none ;
		}
		
	}
}
		
.commande-form {
	
        min-height: 600px ;
    
	h2 {
		font-family: "myriadpro-regular" ;
	}
	
	#infos-importantes.alert-warning {
		float: right ;
	}
	
	#datepicker-production {
	
		.ui-datepicker {
			float: left ;
			margin-right: 20px ;
		}
	
		.ui-helper-clearfix:after {
			clear: none ;
		}
	
		.alert-info {
			float: left ;
		}
	}
	
	#has-commande-en-cours {
		margin-top: 15px ;
		
		a {
			color: #a94442 ;
			text-decoration: none ;
			font-weight: bold ;
		}
	}
	
	.field-commande-id_point_vente {
		margin-top: 30px ;
	}
	
	.field-commande-id_production {
		margin-bottom: 0px ;
		label {
			margin-bottom: 0px ;
		}
		
		.help-block {
			margin-bottom: 0px ;
		}
	}
	
	ul#points-vente {
		list-style-type: none ;
		margin: 0px ;
		padding: 0px ;
		
		.point-vente {
			width: 268px ;
			height: 130px ;
			float: left ;
			padding: 20px ;
			margin-right: 20px ;
			margin-bottom: 8px ;
			cursor: pointer ;
			float: left ;
			background-color: #f9f9f9 ;
			
			border: 1px solid #d8d8d8 ;
			
			.nom {
				//text-align: center ;
				font-family: "comfortaalight" ;
				font-size: 20px ;
			}
			
			.adresse {
				color: gray ;
				font-size: 13px ;
				line-height: 16px ;
			}
			
			.horaires {
				margin-top: 7px ;
				.jour {
					font-weight: bold ;
					display: none ;
				}
			}
			
			&.selected {
				border-left: solid 5px black ;
				@include box-shadow(0px 0px 5px #d8d8d8) ;
				
				.contenu {
					position: relative ;
					left: -4px ;
				}
			}
			
			&:hover {
				@include box-shadow(0px 0px 5px #d8d8d8) ;
				//@include box-shadow(none) ;
			}
			
			&.disabled {
				display: none ;
				//color: gray ;
			}
		}
	}
	
	#produits {
		margin-top: 15px ;
		
		#label-produits {
			display: block ;
			margin-bottom: 5px ;
		}
		
		.table {
			margin-top: 7px ;
			
			.illu {
				float: left ;
				height: auto ;
				width: 70px ;
				margin-right: 15px ;
			}
			
			.photo {
				float: right ;
				margin-left: 10px ;
				width: 200px ;
			}
			
			.nom  {
				font-family: "comfortaalight" ;
				font-weight: bold ;
				text-transform: uppercase ;
				font-size: 18px ;
			}
			
			.description {
				font-style: italic;
			}	
			
			.recette {
				font-size: 12px ;
			}
			
			.input-group {
				width: 133px ;
				.quantity {
					text-align: center ;	
				}
			}
			
			.colonne-quantite, .prix-unit, .total {
				width: 150px ;
				text-align: center ;
			}
			
			td#total-commande, td#total-commande-vrac, td.total {
				text-align: center ;
			}	
			
			.epuise {
				display: none ;
				text-transform: uppercase ;
				color: #B32815 ;
				font-weight: bold ;
				font-size: 16px ;
				text-align: center ;
			}
			
			.quantite-restante {
				font-size: 12px ;
				margin-top: 8px ;
				
				.nb {
					font-weight: bold ;
				}
			}
			
			td.produit, th.produit {
				width: 70% ;
			} 
			
			td.prix-unit, th.prix-unit {
				width: 10% ;
			}
			
			td.colonne-quantite, th.colonne-quantite {
				width: 10% ;
			}
			
			td.total, th.total {
				width: 10% ;
			}
		}
	}

	#bar-fixed {
                position: fixed ;
                bottom: 0px ;
                left: 0px ;
                z-index: 100 ;
                width: 100% ;
                background-color: white ;
                padding: 15px ;
                margin-bottom: 0px ;
                @include box-shadow(0 0 5px #e0e0e0) ;
                border-top: solid 1px #e0e0e0 ;
                background-color: #F9F9F9 ;
                text-align: center ;
                
                #total-commande-bottom {
                    background-color: white ;
                    @include border-radius(20px) ;
                    padding: 5px 25px ;
                    border: solid 1px #e0e0e0 ;
                }
                
		.valider-commande, .btn-commentaire {
			float: right ;
		}
                
                .btn-commentaire {
                    margin-right: 10px ;
                }
                
                .btn-retour, .annuler-commande {
                    float: left ;
                    margin-right: 5px ;
                }
                
                .annuler-commande {
                    color: #b92c28 ;
                    background-color: white ;
                }
                
                #total-commande-bottom {
                    display: none ;
                    font-weight: bold ;
                    font-family: "comfortaalight" ;
                    font-size: 24px ;
                }
                
                .field-commande-commentaire {
                    display: none ;
                }
	}
}

.ui-datepicker {
	//@include border-radius(0px) ;
	.ui-widget-header {
		background: none ;
		background-color: gray ;
		border: 0px none ;
		color: black ;
		font-weight: normal ;
	}
	
	.ui-datepicker-current-day a,
	a.ui-state-hover {
		background: none ;
		//background-color: #fdd44b ;
                background-color: gray ;
                border-color: black ;
		color: black ;
	}
	
	
}