/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */

@import "compass" ;

.clr {
	clear: both ;
}

.nav-header {
    @include box-shadow(0px 0px 5px black) ;
    .retour-site {
        //color: #9d9d9d ;
        border-left : solid 1px #9d9d9d ;
        //@include border-radius(5px) ;
        padding: 10px 15px ;
    }
}

.nom-boulange {
    margin-bottom: 15px ;
    text-align: center ;
    span {
        position: relative ;
        top: -12px ;
        background-color: #337ab7 ;
        color: white ;
        @include border-radius(0px 0px 5px 5px) ;
        font-size: 20px ;
        padding: 8px 15px ;
        margin-bottom: 20px ;
    }
}

.table {
    thead {
        th.actions {
            width: 220px ;
        }
        th.order {
            width: 58px ;
        }
        th.actif {
            width: 75px ;
            text-align: center;
        }
    }
    tbody {
        td.center {
            text-align: center ;
        }
    }
}

#page-commande {
	h1 {
		.btn-group {
			float: right ;
		}
	}
	
	#jours-production {
		display: none ;
	}
	
	#calendar {
		.fc-header-title {
			margin-left: 10px ;
		}
		
		$back-day-with-event: lighten(#FDD44B,13) ; 
		//$back-day-with-event: #FDD44B ;
		.dayWithEvent { 
			background-color: $back-day-with-event ; 
			cursor: pointer;
		}
		.fc-event-container {display: none;}
		.fc-today {
			border-bottom: solid 1px #C9302C ;
			background-color: white ;
			
			&.dayWithEvent {
				background-color: $back-day-with-event ;	
			}
		}
		
		.fc-day {
			cursor: pointer ;
			text-align: center ;
			&:hover {
				@include box-shadow(0px 0px 2px black inset) ;
			}
		}
		
		.current-date {
			@include box-shadow(0px 0px 2px black inset) ;
		}
		
		.fc-day-number {
			float: none ;
			padding-top: 2px ;
		}
	}
	
	#produits-production {
		input.quantite-max {
			background-color: white;
		    border: 1px solid #e0e0e0;
		    text-align: center;
		    width: 50px;
		}
	}
	
	.form-commandes-point-vente {
	
		margin-top: 20px ;
	
		.title-point-vente {
			background-color: lighten(#fdd44b, 30) ;
			border-left: solid 3px #fdd44b ;
			font-weight: bold ; 
		}
	
		input.quantite {
			width: 50px ;
			background-color: white ;
			border: solid 1px #e0e0e0 ;
			text-align: center ;
		}
		
		.td-produit {
			text-align: center ;
		}	
	
		.submit-pv {
			float: right ;
		}
		
		.select-user {
			background-color: #F9F9F9 ;
			border: solid 1px #e0e0e0 ;
		}
		
		.date-commande {
			font-size: 12px ;
		}
		
		.datepicker, .text {
			background-color: white ;
			border: solid 1px #e0e0e0 ;
			margin-top: 3px ;
			width: 100px ;
		}
		
		
		td.center {
			text-align: center ;
		}
	
		.depasse {
			color: #b32815 ;
		}
	
		.total strong span {
			font-weight: normal ;
			font-size: 13px ;
		}
		
		.vrac {
			display: none ;
		}
	
	}
	
	
	
}


#email-masse-form {
    #ids-users {
        line-height: 30px ;
        .label {
            text-transform: capitalize ;
        }
    }
}