#instrument-name {
	display: none;
}

/****************************
 ******* Fiche CS ***********
 ****************************/
.partner-name-container{
    display:inline-block;
}

.cours_speciaux_container { 
	overflow-x: scroll; 
}


/****************************
 ******* Tableau CS *********
 ****************************/

 /* embarqué dans la fiche produit */
 #cours-speciaux-fiche-produit{
    clear: right;
 }

.nb_personnes_error {
    display: none;
    padding-left: 5px;
}

div.nice-select.quantite_cs_select{
    float: none !important;
    display: inline-block !important;
}

table.cours_speciaux{
/*	table-layout: fixed; */
	width: 1000px;
}


th{
	padding:20px 7px; 
	font-size:15px; 
	color:#444; 
	background:#66C2E0;
}

td{
	padding:5px 10px; 
	height:35px;
}

.cours_speciaux_container { 
	overflow-x: auto; 
}

/*th, td { 
	min-width: 200px; 
}*/

table.cours_speciaux th {
    padding: 5px 0px;
    text-align: center;
    vertical-align: middle;
}

td.titre_cours_speciaux {
	
}

th.horaire-col {
  column-width: 50px;
  -webkit-column-width: 50px;
  -moz-column-width: 50px;
  width: 50px;
}

/* The container */
.cs-chk-container {
    display: block;
    position: relative;
   /* padding-left: 35px;*/
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 25px;
    width: 25px;
}

/* Hide the browser's default checkbox */
.cs-chk-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #ccc;
    border: 1px solid #333;
}

/* On mouse-over, add a grey background color */
.cs-chk-container:hover input ~ .checkmark {
    background-color: #ccc;
    border: 1px solid #333;
}

/* When the checkbox is checked, add a blue background */
.cs-chk-container input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.cs-chk-container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.cs-chk-container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cs-chk-container .checkmark.disabled_chk{
	background-color: #fff;
	cursor: not-allowed;
}

.cs-chk-container .checkmark.disabled_chk:hover{
	    background-color: #fff;
}

.cs-chk-container:hover input:disabled ~ .checkmark {
	    background-color: #fff;
}

.cs-chk-container input:disabled ~ .checkmark {
	background-color: #fff;
}

.cs-chk-container .checkmark.disabled_chk:before,
.cs-chk-container .checkmark.disabled_chk:after,
.cs-chk-container input:disabled ~ .checkmark:before,
.cs-chk-container input:disabled ~ .checkmark:after,
.cs-chk-container:hover input:disabled ~ .checkmark:before,
.cs-chk-container:hover input:disabled ~ .checkmark:after {
	content: "";
	position: absolute;
	display: block;
	top: 11px;
	left: 3px;
	width: 17px;
	height: 3px;
	background-color: #d40000;
	border: 0;
	transform-origin: center;
}

.cs-chk-container .checkmark.disabled_chk:before,
.cs-chk-container input:disabled ~ .checkmark:before,
.cs-chk-container:hover input:disabled ~ .checkmark:before {
	transform: rotate(45deg);
}

.cs-chk-container .checkmark.disabled_chk:after,
.cs-chk-container input:disabled ~ .checkmark:after,
.cs-chk-container:hover input:disabled ~ .checkmark:after {
	transform: rotate(-45deg);
}

.disabled_cs{
    color: #6d6d6d;
}

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
}


.horaire-complet {
    background-color: #f00;
    color: #fff;
    padding-left : 5px;
    padding-right: 5px;
}


/****************************
 ******* Checkout   *********
 ****************************/
 .woocommerce-checkout #newsletter-optin-field .optional{
    display: none;
 }