/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

@keyframes glowing{0%{box-shadow:0 0 -10px green}40%{box-shadow:0 0 20px green}60%{box-shadow:0 0 20px green}100%{box-shadow:0 0 -10px green}}
@keyframes glowingInside{0%{box-shadow:inset 0 0 -5px green}40%{box-shadow:inset 0 0 10px green}60%{box-shadow:inset 0 0 10px green}100%{box-shadow:inset 0 0 -5px green}}
@keyframes glowingRedInside{0%{box-shadow:inset 0 0 -5px red}40%{box-shadow:inset 0 0 10px red}60%{box-shadow:inset 0 0 10px red}100%{box-shadow:inset 0 0 -5px red}}

#wc_realex_redirect_iframe_cancel{
	
}

@-webkit-keyframes neon1 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FF1177, 0 0 70px #FF1177, 0 0 80px #FF1177, 0 0 100px #FF1177, 0 0 150px #FF1177;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FF1177, 0 0 35px #FF1177, 0 0 40px #FF1177, 0 0 50px #FF1177, 0 0 75px #FF1177;
  }
}

@-webkit-keyframes neon2 {
  from {
    box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FF1177, 0 0 70px #FF1177, 0 0 80px #FF1177, 0 0 100px #FF1177, 0 0 150px #FF1177;
  }
  to {
    box-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FF1177, 0 0 35px #FF1177, 0 0 40px #FF1177, 0 0 50px #FF1177, 0 0 75px #FF1177;
  }
}


#field_10_4 .ginput_container{
	display: flex;
	gap:1em;
}

.overlay{
	top: -1.5%;
left: -1.5%;
display: none;
width: 103%;
height: 103%;
background: rgba(255,255,355,0.35);
box-shadow: inset 0 0 5px #ddd;
}

.spinner {
	position: absolute;
	display: none;
	top:calc(50vh - 11px);
	left:calc(50% - 35px);
  /*margin: 100px auto 0;*/
  width: 70px;
  height: 22px;
  text-align: center;
}

form.cart > div.spinner{
	top:calc(50% - 11px);
}

.loading .spinner,
.loading .overlay{
	display:block;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #0067A6;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}


#erp_update_interface .input_container{
	padding:30px 0;
	position: relative;
}

#erp_update_interface .input_container > label{
	position: absolute;
	top:0;
	left: 0;
}

#erp_update_interface .input_container > select{
	max-width:calc(100% - 161px);
}






body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html:not(.nostyle):not(:empty){
    padding: 2%;
	border:1px solid #339846;
    background: honeydew;
	width: calc(100% - 16px);
    color: #333333;
}

body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html > p:last-child{
	margin-bottom: 0;
}

.summary.entry-summary form.cart{
	text-align: center;
}



div.form_field.with_table,
div.form_field.with_table > table{
	width: auto !important;
}
/* Defines a class for manual page breaks via inserted .page-break element */
div.page-break {
	page-break-after: always;
}


.centered_button .gform_footer{
	text-align: center;
}

#print-button{
    position: absolute;
    right: calc(50% - 47px);
    z-index: 2;
    top: 11in;
}
/*
@page {
	size: letter portrait;
	margin-left: 1.27cm;
	margin-top: 1.27cm;
	margin-right: 1.27cm;
	margin-bottom: 1.27cm;
}
*/

.readonly,
.readonly *{
	pointer-events: none;
	opacity: 0.75;
}


.hidden_content_wrapper{
	position: relative;
	display: inline-block;
}

.show_hidden_content{
border-radius: 100%;
background: rgba(56, 127, 187, 1);
color: #ffffff;
display: inline-block;
padding: 0px 4px;
position: absolute;
top: 13px;
right: 4px;
opacity: 0.5;
line-height: 17px;
	cursor: pointer;
}

.show_hidden_content:hover{
	opacity: 1;
}



.hidden_content{
	display: none;
	position: absolute;
	top: 25px;
	right: 25px;
	box-shadow: 1px 1px 12px #000;
	z-index: 999;
	background: #ffffff;
	padding: 5px;
}



.show_hidden_content:hover + .hidden_content{
	display: block !important;
}

.hidden_content_wrapper:hover > .hidden_content{
	display: block !important;
}

.hidden_content_wrapper:hover > .hidden_content > img{
	max-width: none !important;
}

#gform_wrapper_5:not([data-distributeur='8']) option.septicpro,
#gform_wrapper_5:not([data-distributeur='8']) optgroup.septicpro:not(.dbo){
	display: none;
}

#gform_wrapper_5[data-distributeur='8'] option.dbo,
#gform_wrapper_5[data-distributeur='8'] optgroup.dbo:not(.septicpro){
	display: none;
}

