html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,
center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,
summary,time,mark,audio,video { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; font-family:Arial,sans-serif; outline:none; }
td { vertical-align:top; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
body { line-height:1.2 }
blockquote,q { quotes:none }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none }
table { border-collapse:collapse; }
html, body { background:#fff; font-size:14px; font-family:Arial,sans-serif; color:#404040; width:100%;
	-webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%;
}

h1,h2,h3,h4,h5,h6 { line-height:30px; font-weight:normal; font-size:18px; font-family:Arial; }
.error {
	margin: 22px 0;
	height: 22px;
	color: red;
	text-align: center;
}
#center h2 { padding-left:5px; border-bottom:2px solid #008e70; margin-bottom:10px; }
#center h3 { padding-left:5px; border-bottom:2px solid #dbdbdb; margin-bottom:10px; font-size:16px; }
#center h4 { font-size:14px; font-weight:bold; }


pre { font-size: 12px; width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; }

a { text-decoration:underline; color:#008e70; }
a:hover { text-decoration:none; }

hr { margin:20px auto; height:1px; overflow:hidden; background:#bbbdc8/*008e70*/; border:0; }

label { cursor:pointer; }

.clear { clear:both; height:1px; overflow:hidden; }

.container { width:1000px; margin:0 auto; padding:0; }

.shadow { box-shadow:0 0 10px 5px #ccc; }

.red { color:red; }

#header { height:65px; background:#008e70; margin-bottom:30px; }
#header .container { height:65px; }

#header a { color:#fff; }

#logo { float:left; padding-top:8px; }

#account { float:right; padding:16px 10px 0 0; }
#account * { display:block; float:right; height:32px; line-height:32px;  }
#account a { opacity:0.8; text-decoration:none; }
#account a:hover { opacity:1; }
#account > a { padding-right:35px; background:url(/img/ico_account.png) right top no-repeat; }
#account .login { background-position: right top; }
#account .exit { background-position: right bottom; }
#account .user_name { margin-right:50px; color:#fff; }

#languages { margin-right: 10px; }
#languages a,
#languages span
{ margin-right:10px; font-weight: bold; }

.block { border-radius:10px; background:#fff; overflow:hidden; }


#content { min-height:300px; position:relative; }
#content > .wrap {}
#content .header { background:#404040; min-height:30px; line-height:30px; padding:10px 0; }
#content .header h1 { float:left; color:#fff; padding:0 20px; }
#content .header .menu { float:right; }
#content .header .menu a { float:right; display:block; height:30px; line-height:30px; opacity:0.8; 
padding-right:33px; margin-right:20px; text-decoration:none; color:#fff; background:url(/img/ico.png) right -10px no-repeat; }
#content .header .menu a:hover { opacity:1; }
#content .header .menu .projects { background-position: right -10px; }
#content .header .menu .settings { background-position: right -60px; }

#content > div { position:relative; z-index:2; }
#content .right_bg { position:absolute; z-index:1; right:0; top:0; width:250px; height:9000px; background:#ededed; }

#center { float:left; width:700px; margin:30px 20px; background:none; line-height:1.5; }
#right { float:right; width:250px; }

#right .menu { margin-bottom:30px; padding:30px; }
#right .menu ul,
#right .menu li { list-style:none; padding:0; margin:0; }
#right .menu li {  margin:0 0 15px; }
#right .menu li a,
#right .menu li span { display:block; background:#dedede; padding:10px; border:1px solid #b9b9b9; border-radius:3px; font-size:12px; color:#404040; 
text-decoration:none; text-transform:uppercase; }
#right .menu li span { background:#EDEDED; color:#999; }
#right .menu li a:hover { background:#cfcfcf; }
#right .menu li a.active { background:#6790c2; border-color:#6790c2; color:#fff; }

#footer a { text-decoration:none; color:#404040; }

.button { line-height:20px; padding:8px 18px 6px; border:2px solid #008e70; font-size:12px; width:auto; color:#fff; background:#008e70; border-radius:5px; 
text-transform:uppercase; display:inline-block; cursor:pointer; opacity:0.9; text-decoration:none; -moz-box-sizing: border-box; box-sizing: border-box; }
.button:hover { opacity:1; }
.button.white { background:#fff; color:#008e70; }
.button.small { padding: 4px 18px; }

input, select, textarea { width:200px; border:2px solid #777; border-radius:5px; padding:6px 2px; background:#fff; 
-moz-box-sizing: border-box; box-sizing: border-box; font-family:Arial,sans-serif; font-size:14px; }
input[type="radio"], input[type="checkbox"] { width:auto; }
input.error, select.error, textarea.error { border-color: red; }
textarea { height:100px; }
select { padding:0 2px; }
select option { padding:6px 2px; }
input[type="text"]:focus, select:focus, textarea:focus { /*box-shadow: 0 0 5px #3dabc4;*/ border-color:#008e70; background:#fff; }

input.date { width:130px; }

form { position:relative; padding:20px 0; }
form > span:last-of-type {display: block; margin-bottom: 1px;}
form > label,
form > .tarif_zone> label { clear:both; float:left; width:140px; margin-bottom:10px; padding:8px 0 6px; }
#step1_form > label {width:180px;}
#step1_form select {margin-top: 8px;}
form > label span,
form > .tarif_zone > label span { color:#ff6704; }
form small { font-size:10px; }
form .field { float:left; margin-bottom:20px; width:250px; }
form .field.left { text-align:left; }
form .field.left label { text-align:left; }
form .field input,
form .field select,
form .field textarea { width:100%; }
form .field input[type="radio"],
form .field input[type="checkbox"] { width:auto; }
form .field textarea { height:100px; }
form .field .active { border-color:red; }
form .bottom { clear:both; text-align:right; margin-bottom:20px; width:390px; }

table.list, table.list td, table.list th { border-collapse:collapse; border:1px solid #dbdbdb; }
table.list { width:100%; }
table.list th { background:#ececec; font-weight:bold; color:#202020; font-size:14px; }
table.list .small th { font-size:12px; }
table.list td { color:#444; font-size:13px; }
table.list th,
table.list td { padding:10px; }

table.list .delete { display:inline-block; height:13px; width:13px; background:url(/img/delete.png) center center no-repeat; }

table .v_middle,
table .v_middle td { vertical-align:middle; }
table .left,
table .left td { text-align:left; }
table .left td.center { text-align:center; }
table .center,
table .center td { text-align:center; }
table .center td.left { text-align:left; }


table.list.tarif td { padding:0; height:40px; text-align:center; vertical-align:middle; }
table.list.tarif td:first-child,
table.list.tarif th:first-child { text-align:left; padding-left:5px; vertical-align:middle; }
table.list.tarif th { padding:5px; text-align:center; font-size:13px; }
table.list.tarif td input { padding:5px 0; border-width:2px; width:45px; font-size:12px; border-radius:0; text-align:center; }

#login_form,
#registration_form,
#password_recovery_form { width:400px; margin:0 auto; }


i.icon-question {
display: inline-block;
width: 16px;
height: 16px;
line-height: 16px;
vertical-align: middle;
background: url(/img/question.png) center center no-repeat;
cursor:pointer;
position:relative;
z-index:101;
}
#tooltip {
	display:none;
	position:absolute;
	z-index:100;
	left:0;
	top:0;
	max-width:400px;
	background: #404040;
	border-radius: 10px;
	padding: 20px;
	color: #fff;
	-webkit-box-shadow: 0 0 10px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 10px 3px rgba(0,0,0,0.3); 
	box-shadow: 0 0 10px 3px rgba(0,0,0,0.3);
	line-height:18px; 
	font-size:14px;
}
#tooltip::after {
	content: ''; 
	position: absolute;
	left: 20px; top:100%;
	border: 10px solid transparent;
	border-top: 10px solid #404040;
}
.user-note textarea {
	width: 100%;
  min-height: 300px;
}

#big_image img { max-width:320px; }

#step3 input  { text-align:center; }

#step3 .slide { padding-bottom:20px; }
#step3 .items { padding-top:20px; }
#step3 .items .item { clear:both; }
#step3 .items .item span { clear:both; float:left; height:34px; line-height:34px; width:100px; font-weight:bold; margin-bottom:10px; }
#step3 .items .item div { float:left; margin-bottom:10px; }
#step3 .items .item div small { padding-left:20px; font-size:12px; font-weight:bold; }
#step3 .slide { display:none; }

#step4 .items .item { clear:both; font-size:12px; display:none; }
#step4 .items .item.active { display:block; }
#step4 .items .item .image { width:180px; }
#step4 .items .item .image img { max-width:180px; }
#step4 .items .item .grafik { width:500px; }
#step4 .items .item .grafik img { max-width:500px; }
#step4 table.list tr.active td,
#step4 table.list tr:hover td { background:#eee; cursor:pointer; }

#step41 form {
	min-height: 621px;
}
#step41 form>div {
	display: flex;
	justify-content: flex-end;
}
#step41 .filter {
	width: 60%;
}
#step41 .scheme-type {
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px;
}
#step41 .radio {
	width: 75%;
}
#step41 .radio label {
	margin-right: 30px;
}
#step41 .options {
	margin-top: 5px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}
#step41 .select-scheme {
	width: 40%;
}
#step41 .select-scheme select {
	width: 100%;
	height: 177px;
}
#step41 .select-scheme input[name="attachment"] {
	width: 100%;
	height: 177px;
	margin-bottom: 3px; 
}
#step41 form .button {
	margin: 20px 0 0 0;
}

#step51 table select, #step51 table input {
	border: 1px solid #777;
	width: 100%;
}
#step51 input[type="radio"], #step51 input[type="checkbox"] {
  width: auto;
}
#step51 input[name$="[price]"] {
  width: 68%;
}
#step51 .currency {
	border: 0;
	width: 36px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-o-appearance: none;
}
#step51 .products-select {
	height: 30px;
	border-left: 0;
	border-radius: 0 5px 5px 0;
}
#step51 .new-product {
	border-right: 0;
	border-radius: 5px 0 0 5px;
	width: 92%;
}
#step51 .note {
	margin-top: 20px;
}
#step51 .note textarea{
	width: 100%;
}
#step51 button[type="submit"] {
	width: 30px;
	height: 30px;
	border-radius: 5px;
	border: 1px solid #777;
}

#step6  .section { clear:both }
#step6 .section .tabs,
#step6 .section .tabs li { margin:0; padding:0; list-style:none; }
#step6 .section .tabs { width:100%; height:40px; }
#step6 .section .tabs li { float:left; display:table; cursor:pointer; padding:0 10px; margin-left:10px; font-size:12px; color:#404040; line-height:1.3; height:40px; 
background:#dedede; border:1px solid #b9b9b9; border-radius:3px; text-transform: uppercase; text-align:center; }
#step6 .section .tabs li:first-child { margin-left:5px; }
#step6 .section .tabs li span { display:table-cell; vertical-align:middle; }
#step6 .section .tabs li:hover { background:#cfcfcf; }
#step6 .section .tabs li.current { color:#fff; background:#008E70; border-color:#008E70; }
#step6 .section .boxes  { clear:both; position:relative; width:100%; padding:20px; box-sizing:border-box; }
#step6 .section .box { display:none; padding:0; }
#step6 .section .box.visible { display:block; }
/*
#step7 label { clear:none; float:none; display:inline-block; width:auto; margin:10px 50px 10px 0; padding:0; }
*/
#step7 label img { vertical-align:middle; margin-top:-5px; }
#step7 td { padding-top:10px; padding-bottom:10px; }
#step7 .pdfdoc {
	margin-bottom: 30px;
  display: flex;
  flex-direction: column;
}

.none{
    display: none;
}
#scheme_link {
  text-decoration: underline;
	color: #008e70;
	border: none;
	text-align: left;
	cursor: pointer;
}
#scheme_link:hover {
	text-decoration: none;
}

.phone-widget{
	position: relative;
}
.phone-widget .w-phone{
	position: relative;
	z-index: 1;
}
.phone-widget .w-phone input{
	padding-left: 65px;
}
.phone-widget .w-country{
	position: absolute;
	left: 5px;
	top: 1px;
	z-index: 9;
	padding: 5px;
	cursor: pointer;
}
.phone-widget .w-country .icon{
	display: block;
	width: 30px;
}
.phone-widget .w-country .icon:before {
  content: "⏷";
  display: block;
  font-family: 'FontAwesome';
  position: absolute;
  right: -12px;
  top: 50%;
  margin: -10px 0 0;
  font-size: 16px;
  line-height: 20px;
  z-index: 9;
  width: 10px;
  text-align: center;
}
.phone-widget .w-country .icon img{
	display: block;
	max-width: 100%;
  height: auto;
}
.phone-widget .w-select{
	display: none;
	position: absolute;
	left: 0;
	top: 45px;
	right: 0;
	padding: 15px 20px;
	background: #eee;
	border: 1px solid #f6f6f7;
	z-index: 9;
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,1);
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,1);
	-ms-box-shadow: 0 3px 5px rgba(0,0,0,1);
	-o-box-shadow: 0 3px 5px rgba(0,0,0,1);
	box-shadow: 0 3px 5px rgba(0,0,0,1);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
}
.phone-widget.open .w-select{
	display: block;
}
.phone-widget .w-select .w-option{
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
	padding: 5px 0;
	position: relative;
	font-size: 15px;
	line-height: 20px;
	font-weight: 600;
	cursor: pointer;
	padding-left: 30px;
}
.phone-widget .w-select .w-option .w-val{


}
.phone-widget .w-select .w-option .w-icon{
	position: absolute;
	left: 0;
	top: 9px;
	display: block;
	width: 21px;
}
.phone-widget .w-select .w-option-other .w-icon{
	top: 4px;
}
.phone-widget .w-select .w-option .w-icon img{
	display: block;
	max-width: 100%;
  height: auto;
}
#btn-la-login-user-reset {
    color: #008e70;
    cursor: pointer;
    text-decoration: underline;
    display: inline-block;
}
#btn-la-login-user-reset:hover {
    text-decoration: none;
}