@CHARSET "UTF-8";

html {
  position: relative;
 
}

body {
 margin: 0px auto;
 
}

div.oxygeno-map {
	
  /* position: relative; */
  /* border: 1px solid black; */
  /* border-radius: 8px; */
  height: 400px;  
  
  z-index: 10000,
  /* width: 620px;
 /* width: 100%;  */
}

table.no-border>tbody>tr>td, 
table.no-border>tbody>tr>th {
	border: none !important;
}

  					  
.help-block.with-errors ul,
.help-block.with-errors {
	 margin: 0px !important; 
	 padding: 0px !important;
}
.form-control-feedback.ext {
	padding-left: 1.75em;
}
   
/* espaces ********************************************* */
.espace {
	cursor: pointer;
}

.cross-background {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M100 0 L0 100 ' stroke='red' stroke-width='3'/><path d='M0 0 L100 100 ' stroke='red' stroke-width='3'/></svg>");
    background-repeat:no-repeat;
    background-position:center center;
    background-size: 100% 100%, auto;
    
}

/* reCaptach ******************************************* */
.g-recaptcha {
    display: inline-block;
}
    
    
    .updLibSlot .dropdown-menu.open ul.dropdown-menu.inner li {
    	border-bottom: 1px solid #cccccc;
    	cursor: pointer;
    }
    
 
    .updLibSlot .dropdown-menu.open {
    	border: none;
    	margin: 0;
    	padding: 0;
    }


	.table-recap th,
	.table-recap td,
	.table-tarif th,
	.table-tarif td
	{
		_padding-left: 0px !important;
		_margin-left: 0px !important;
	}
	
	.table-recap {
		margin-top: .5em;
	}
	.table-recap td
	{
		border: none !important;
		padding-bottom: 0 !important;
	}
	.table-recap tr td:first-child {
		padding-right: 0 !important;
		width: 24px;
		padding-top: 0.625em;
	}
	.table-recap tr td:last-child {
		padding-left: 0.125em !important;
	}
				
	
	.table-tarif tfoot .alert {
		padding: .6em 0em;
		margin-bottom: 0px !important;
	}
	.table-tarif tr th:last-child,
	.table-tarif tr td:last-child{
		padding-right: 0px !important;
	}

/* Helper ********************************************** */

.datepicker-center {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 2px;
  padding-top: 6px;
}

.datepicker-center td.day {
	height: 40px;
	
}

.x-img-article {
	padding-bottom: .5em
}

.input-group-addon.glyphicon {
	top: 0px;
}
.cart-notify{
   background-color:red !important;;
}
 	
.btn-spinner {
	background-color: #f5f5f5;
}
	
.center-block {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.inv-header {
	font-weight: bold;
	font-size: 150%;
	text-align: center;
	padding: .5em;
	border-radius: 3px;	
	margin-bottom: 1vh;
}

@media (max-width: 767px) {

  .xs-center {
    	text-align: center !important;
  } 
}

.pu-nr {
	text-decoration: line-through; 
	text-decoration-color: black; 
	color: darkgray;
	font-size: 85%;
}




.promo-row {
	font-weight: bold;	
	color: #3c763d;
}
.promo-span {

  border: 1px solid #d6e9c6;
  border-radius: 5px;
  padding: 2px 4px;
  background-color: #dff0d8;
  position: relative;
  left: -4px
  
}

.promo,
.promo-success,
.tad-success {
  padding: 0.25em 0.5em;
  font-size: 85%;
  border: 1px solid #d6e9c6;
  border-radius: 4px;
  background-color: #dff0d8;
  color: #3c763d;
  font-weight: bold;
  margin-left: 0px;
}

.promo-span {
	white-space: nowrap;
}

.promo-span *.tad-success,
.promo-span *.promo-success {
	margin-right: 1em;
}



/* Detail du painer **************************************/


.detail-panier tr.row-total td:not(:first-child) {	
	
	font-weight: bold; 
}


.detail-panier tr.row-pad td:not(:first-child) {	
	background-color: #dff0d8; 
	color: #3c763d; 
	font-weight: bold; 
}

.detail-panier tr.row-total-xs td.cell-btn,
.detail-panier tr.row-total td.cell-btn,
.detail-panier tr.row-pad td.cell-btn {
	border-top-color: white !important;
	border-bottom-color: white !important;
	border-left-color: white !important;
}

.detail-panier tr.row-total {
	
}

.popover {
	color: black;
}



.detail-panier tr.no-bottom td {
	border-bottom: none !important;
}
.detail-panier tr.no-top td {
	border-top: none !important;
}

.detail-panier td.nom-seance {
	padding-left:3em !important;
}

.detail-panier td.nom-seance:before {
    content: "\e039";
    font-family: 'Glyphicons Halflings';
    float: left;
    margin-left: -2em;
}


.detail-panier td.nom-tarif {
	padding-left:3em !important;
}



.detail-panier td.nom-tarif:before {
    content: "\e008";
    font-family: 'Glyphicons Halflings';
    float: left;
    margin-left: -2em;
}
.detail-panier .incell-tarif {
	color: #999;
	font-style: italic;
}

.detail-panier .prix-unitaire,
.detail-panier .prix-total
{ 
	
	text-align: right;
	width: 7em;
	
}
.detail-panier .qte {
	padding-left:1em;
	padding-right:1em;
	text-align: center;	
}

.detail-panier .cell-btn {
	width: 1%;
}

@media (min-width: 640px) {
	.detail-panier .incell-tarif {
		display:none;
	}
	
	.detail-panier .row-total-xs {
		display: none;
	}
}

@media (max-width: 639px) {
	.detail-panier .prix-unitaire,
	.detail-panier .prix-total,
	.detail-panier .qte,
	.detail-panier .row-total,
	.detail-panier .header
	 {
		display: none;
	}
	.detail-panier .incell-tarif {
		display:block;
	}
	
	.detail-panier tr td:nth-child(3),  tr th:nth-child(3){
	background-color: red;
	}
}

/* Select avec premiere option place holder **************/

select:invalid {
    color: #999 !important ;
}
option[disabled]{
    color: #999;
}
option {
	color: black;
}

/* Jumbotron *********************************************/
						
#jumbotron {
	  height: 250px;
	  color: white;
	  text-shadow: black 0 6px 6px;
	  background:transparent; 
	  text-align: center;
}

#bg_jumbotron {
	  position: fixed;
	  width: 100%;
	  height: 250px; 
	  top:0;
	  left:0;
	  z-index: -1;
}

#toast-container > div {
	opacity: 100 !important;
	padding: 15px !important;;
  	width: 320px !important;;
	-moz-box-shadow: 0 0 18px #000000;
	-webkit-box-shadow: 0 0 18px #000000;
	box-shadow: 0 0 18px #000000;
	opacity: 1;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter: alpha(opacity=100);
	cursor: pointer;
}
#toast-container > .toast-success,
#toast-container > .toast-info
{
  background-image: none !important;
  background-color: white !important;
  color: black !important;
}
.toast-top-center {
	top: 54px;
}

#toast-container > .toast-error
{
	 background-image: none !important;
}



#visiteDateComponent .day {
	width:3em !important;
}
.maintenance {
	padding:3em;
}
.maintenance * {
	font-size:125% !important;
}
.removePanel {
    padding: 0px !important;
    margin: 0px !important;
 }
 
 .removePanelSide {
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
 }
 
 
 /* Extensions de saisies */
 
 .infotar-tarif {
 	font-size: 80%;
 	font-weight: normal;
 	
 	
 }
 
 .infotar-grid {
	padding-left:1em; 
	padding-right:1em;
	margin-bottom: 1em;
 }
 
  
 .infotar-grid-header {
	padding-left:1em; 
	padding-right:1em;	
	margin-bottom: 1em;
 }
 
 .infotar-grid-header div {
    padding-left: 0.25em;
    padding-bottom: .5em;
    border-bottom: 1px solid #cccccc;
 }
 
 .infotar-grid-header div:first-child {
  padding-left: 0.75em;
 }
 
  .infotar-grid {
  
  	padding: 0 1.75em !important;
  	
  
  }
 .infotar-grid div {
 	padding-left: 0em !important;
 	padding-right: 0em !important;
 }
 
.infotar-form-group {
 	margin-bottom:	0px !important; 
 	padding-left:	1em !important; 
 	padding-right:	1em !important;
 }
 
 .infotar-grid-label {
 	font-weight: bold;
 }
 .infotar-validator-message {
 	padding: 0px !important;
 	margin: 0px !important;;
 }
.infotar-validator-message ul {
  	padding:0.25em 1em;
  	border: 1px solid;
  	border-radius: 4px;
  	border-top: none;
  	margin-bottom: 0px !important;
}

.stripped {
	background-image: linear-gradient(135deg, #dddddd 16.67%, #ffffff 16.67%, #ffffff 50%, #dddddd 50%, #dddddd 66.67%, #ffffff 66.67%, #ffffff 100%);
	background-size: 4.24px 4.24px;
	
}
 

@media (max-width: 767px) {
	
	.infotar-col-label label {
		padding: 0px !important;
		margin: 0px !important;
	}
	
	.infotar-grid {
		margin-bottom: .5em !important;
	}
	
    .infotar-col-label label {
		color: dime;
		font-weight: normal !important;
		font-size: 85%;
	}
	
	.infotar-tarif {
	  	margin-left: .125em;
	}
	
	.infotar-col-label.label-input {
		padding-top: 1vh !important
	}
	
}

@media (min-width: 767px) {
	.infotar-col-form.first-input {
		padding-right: .5em !important
	}
	.infotar-col-form.last-input {
		padding-left: .5em !important
	}
	

	
	
}











h2.lead {
	font-size: 180% !important;
	letter-spacing: +1px;
}



	
.icon-space-right {
	padding-right:0.6em;
}

h2 .fa { font-size: 150% !important }


/* RADIO BOUTON */


.funkyradio label {
    width: 100%;
    border-top: 1px solid #D1D3D4;
    border-left: 1px solid #D1D3D4;
    border-right: 1px solid #D1D3D4;
    font-weight: normal;
    
    margin-bottom:0px !important;
    margin-top:0px !important;
    
    
}


div.funkyradio > div:first-child label {
    border-radius: 4px 4px 0px 0px !important;
}
div.funkyradio > div:last-child label {
    border-radius: 0px 0px 4px 4px  !important;
    border-bottom: 1px solid #D1D3D4;
}

.funkyradio input[type="radio"]:empty, .funkyradio input[type="checkbox"]:empty {
    display: none;
}
.funkyradio input[type="radio"]:empty ~ label, .funkyradio input[type="checkbox"]:empty ~ label {
    position: relative;
  
    padding-top: 0.75em; 
    padding-bottom: 0.75em;
    
    /* text-indent: 3.25em; */
    padding-left: 3.25em;
    
    
    margin-top: 0em;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
   
}
.funkyradio input[type="radio"]:empty ~ label:before, .funkyradio input[type="checkbox"]:empty ~ label:before {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    content:'';
    width: 2.5em;
    background: #f5f5f5;
    border-radius: 4px 0 0 4px;
}
.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before, .funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
    content:'\2714';
    text-indent: .9em;
    color: #337ab7 !important;
    padding-top: 0.75em;
}
.funkyradio input[type="radio"]:hover:not(:checked) ~ label, .funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {
   color: #337ab7 !important;
}
.funkyradio input[type="radio"]:checked ~ label:before, .funkyradio input[type="checkbox"]:checked ~ label:before {
    content:'\2714';
    text-indent: .9em;
    color: #333;
    background-color: #ccc;
    padding-top: 0.75em;
}



.funkyradio input[type="radio"] ~ label:hover, 
.funkyradio input[type="checkbox"] ~ label:hover {
    color: #337ab7 !important;
    font-weight: bold !important;;

}

.funkyradio input[type="radio"]:checked ~ label, .funkyradio input[type="checkbox"]:checked ~ label {
    color:#fff !important;
    background-color: #337ab7;
    font-weight: bold;
}

.funkyradio input[type="radio"]:focus ~ label:before, .funkyradio input[type="checkbox"]:focus ~ label:before {
    box-shadow: 0 0 0 3px #999;
}

.funkyradio-default input[type="radio"]:checked ~ label:before, .funkyradio-default input[type="checkbox"]:checked ~ label:before {
    color: #333;
    background-color: #ccc;
}
.funkyradio-primary input[type="radio"]:checked ~ label:before, .funkyradio-primary input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #337ab7;
    border-right: 1px solid white;;
}

div.funkyradio.funkyradio-header.recur {
	margin-top: 1vh;
}

div.funkyradio.funkyradio-header.first {
	margin-top: .25vh;
}

div.funkyradio.funkyradio-header label {
	padding: 0.75em 1em;
	font-weight: bold;
	background-color: #f5f5f5;
}



div.funkyradio div  {
	display:flex;
}

div.pdc-multi-select-recap  div.pdc-multi-select-recap-item:not(:last-child)  {
	padding-bottom: 6px;
	margin-bottom: 6px;
	border-bottom: 1px dotted #cccccc;

}


div.pdc-multi-cart-list div.pdc-multi-cart-list-item {
	margin-bottom: 4px;
	font-size: 90%;
	
}

.w-100 {
	width: 100% !important;
	text-align: left;

}

/* input [type = file]
----------------------------------------------- */
input[type=file] {
  display: block !important;
  right: 1px;
  top: 1px;
  height: 34px;
  opacity: 0;
  width: 100%;
  background: none;
  position: absolute;
  overflow: hidden;
  z-index: 2;
}
.control-fileupload {
  display: block;
  border: 1px solid #d6d7d6;
  background: #FFF;
  border-radius: 4px;
  width: 100%;
  height: 36px;
  line-height: 36px;
  padding: 0px 10px 2px 10px;
  overflow: hidden;
  position: relative;
  
  /* File upload button */
}
.control-fileupload:before,
.control-fileupload input,
.control-fileupload label {
  cursor: pointer !important;
}
.control-fileupload:before {
  /* inherit from boostrap btn styles */
  padding: 4px 12px;
  margin-bottom: 0;
  font-size: 14px;
  color: #333333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  transition: color 0.2s ease;
  /* add more custom styles*/
  content: 'Choisir un fichier';
  display: block;
  position: absolute;
  z-index: 1;
  top: 2px;
  right: 2px;
  line-height: 20px;
  text-align: center;
  
  padding-right: calc( 2em + 2px ) !important;
 
}
.control-fileupload:hover:before,
.control-fileupload:focus:before {
  background-color: #e6e6e6;
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  transition: background-position 0.2s ease-out;
}
.control-fileupload label {
  line-height: 24px;
  /* color: #999999; */
  font-size: 14px;
  font-weight: normal;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  z-index: 1;
  margin-right: 140px;
  margin-bottom: 0px;
  cursor: text;
  padding-top: 4px;
  display: block;
}


/* ADAPTATIVE PLACE HOLDER */

.adaptative-placeholder {  
  width: 100%;
  height: calc(3em);
  margin: 0 0 1em;
  padding: .5em;
  resize: none;
  outline: none;
}
	
.adaptative-placeholder:focus + label:before {
    font-weight: bold;
	font-style: normal;
    color: black;
    background-color: #fff;
}
.adaptative-placeholder:focus + label:before,
.adaptative-placeholder:valid + label:before {
	font-weight: bold;
	font-style: normal;
    color: black;
	-webkit-transition-duration: .2s;
	transition-duration: .2s;
	-webkit-transform: translate(-0.5em, -1.5em) scale(0.9, 0.9);
	transform: translate(-0.5em, -1.5em) scale(0.9, 0.9);
}

.adaptative-placeholder + label {
	display: block;
	pointer-events: none;
	line-height: 1.25em;
	margin-top: calc(-3em - 2px);
	margin-bottom: calc((3em - 1em) + 2px);
}

.adaptative-placeholder + label:before {
	content: attr(data-label);
	display: inline-block;
	margin: 0 calc(.5em + 2px);
	padding: 0 2px;
	color: #898989;
	font-weight: normal;
	font-style: italic;
	white-space: nowrap;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	background-image: -webkit-linear-gradient(top, #fff, #fff);
	background-image: linear-gradient(to bottom, #fff, #fff);
	background-size: 100% 5px;
	background-repeat: no-repeat;
	background-position: center;
}