.Zebra_Form_Placeholder { font-weight: normal; color:#155149 ! important }
::-webkit-input-placeholder { font-weight: normal; color:#999  !important }
::-moz-placeholder { color:#155149 !important }
input:-moz-placeholder { color:#155149 !important }

input[type="text"],
input[type="password"],
textarea,
select,
.Zebra_Form input[type="text"],
.Zebra_Form input[type="password"],
.Zebra_Form input[type="range"],
.Zebra_Form input.text,
.Zebra_Form textarea,
.Zebra_Form select {
	padding: 6px;
	display: block;
	color: #555;
	width: calc(100% - 12px);
	border: 1px solid #C8DCE4; 
	font-family: "Calibri";
	margin: 2% 0 2% 0;
	font-size: 1.1rem;
	border-radius: 5px;
}

textarea { min-height: 100px; overflow:hidden; resize: none; }
select { width: calc(100%); margin: 0 !important;}
/* Range slider */
.rangeslider--horizontal {
	width: calc(100% - 18px); 
}

.Zebra_Form select {
	width: calc(100% - 18px);
}

input:focus,
textarea:focus,
select:focus,
.Zebra_Form input:focus,
.Zebra_Form textarea:focus,
.Zebra_Form select:focus {
  border: 1px solid #F17503;
  outline: none !important;
  border-color: #F17503;	
}

.Zebra_Form label { font-weight: 400; margin-bottom:.5rem; font-size: 14px; font-family: "Calibri", sans-serif; padding:0; margin: 0;}

.Zebra_Form ul.checkbox {
	list-style-type: none;
	padding:0; 
	margin:0;
	display: flex;
	flex-flow: row wrap;
}

.Zebra_Form ul.checkbox li {
	flex:1;
	width: 160px;
	border:1px solid;
	text-align: center;
	margin: 5px 10px 5px 0;
	padding: 3px;
	background-color: #FFF;

}

.Zebra_Form ul.checkbox li input[type=checkbox] { display:none; }
.Zebra_Form ul.checkbox li label { display: inline-block; width: calc(100% - 6px); margin:0; white-space: nowrap; padding: 3px;}

.input-checkbox:checked + label { background-color: #ED7D31; color: #FFF; }

.Zebra_Form input[type="submit"] { 
	border: 1px solid #000; 
	margin-left: 10px; 
	margin-top: 20px;
	font-weight: normal; 
	font-size: 14px; 
	padding: 10px;
	min-width: 220px;
	transition: all 0.7s;
} 
.Zebra_Form input[type="submit"]:hover { background-color: #000; }
.Zebra_Form .submit { background-color: #135148; }

input[type="password"] {
	width: 285px;
	/*background-image: url(../../../assets/images/login-lock.png);*/
	background-position: calc(100% - 10px) 50%; 
	background-repeat: no-repeat;
}

/*input:read-only { background-color: #FCFCFC; color: #888; }*/

.Zebra_Form input[type="text"]:disabled { background-color: #EEEEEE; color: #CCC; }
.Zebra_Form input[type="text"]:disabled::-webkit-input-placeholder { font-weight: normal; color:#AAA  !important }
input[type="text"]:disabled,
select:disabled { background-color: #EFEFEF; color: #555; }

/* Base for label styling */
input[type="radio"]:not(:checked),
input[type="radio"]:checked,
input[type="checkbox"]:not(:checked),
input[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}

input[type="radio"]:not(:checked) + label,
input[type="radio"]:checked + label,
input[type="checkbox"]:not(:checked) + label,
input[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 2.55em;
  padding-top: 0.35em;
  cursor: pointer;
  font-size: 16px;
  line-height: 16px;
}

/* checkbox aspect */
input[type="radio"]:not(:checked) + label:before,
input[type="radio"]:checked + label:before,
input[type="checkbox"]:not(:checked) + label:before,
input[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 1.20em; height: 1.20em;
  border: 2px solid #ccc;
  background: #fff;
  border-radius: 0px;
  padding: 3px;
  line-height: 1.30em;
}

/* checked mark aspect */
input[type="radio"]:not(:checked) + label:after,
input[type="radio"]:checked + label:after,
input[type="checkbox"]:not(:checked) + label:after,
input[type="checkbox"]:checked + label:after {
  content: '✔';
  position: absolute;
  top: .3em; left: .35em;
  font-size: 1.4em;
  line-height: 0.8;
  color: #09ad7e;
  transition: all .2s;
  font-family: Helvetica, Arial, sans-serif;
}
/* checked mark aspect changes */
input[type="radio"]:not(:checked) + label:after,
input[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}

input[type="radio"]:checked + label:after,
input[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
input[type="checkbox"]:disabled:not(:checked) + label:before,
input[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
input[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
input[type="checkbox"]:disabled + label {
  color: #aaa;
}
/* accessibility */
input[type="checkbox"]:checked:focus + label:before,
input[type="checkbox"]:not(:checked):focus + label:before {
  border: 2px solid #ED7D31;
}


.bloc  { display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap; flex-wrap:wrap; margin-right:-15px; margin-left:-15px; padding:15px; padding-right:15px;}
/*.bloc:hover { background-color: #EFEFEF; }*/
.colonne { position:relative; width: 100%; min-height: 1px; padding-right: 0px; padding-left: 0px; }
.colonne { -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; }

.row { text-align: left; padding: 10px; position: relative; margin: 0; }
.cell { display:inline-block; padding: 10px 0 10px 0; width: calc(100%); }
.column { display:inline-block; position: relative; padding: 0px 0 10px 0; width: calc(100% - 10px); }
.column-2 { display:inline-block; position: relative; width: calc(50% - 12px); padding: 0px 10px 10px 0; vertical-align: top}
.column-3 { display:inline-block; position: relative; width: calc(33% - 15px); padding: 10px 15px 10px 0; }
.column-4 { display:inline-block; position: relative; width: calc(25% - 15px); padding: 10px 15px 10px 0; }
.column-5 { display:inline-block; position: relative; width: calc(20% - 15px); padding: 10px 15px 10px 0; }
.column-10 { display:inline-block; position: relative; width: calc(10% - 2px); padding: 10px 15px 10px 0; }

.row:hover { background-color: #EEE; }



@media all and (max-width: 1024px) {

  input[type="text"],
  textarea,
  select,
  .Zebra_Form input[type="text"],
  .Zebra_Form input[type="password"],
  .Zebra_Form input[type="range"],
  .Zebra_Form input.text,
  .Zebra_Form textarea,
  .Zebra_Form select {
    padding: 4px;
    margin: 2% 0 2% 0;
    font-size: 1rem;
  }

  input[type="radio"]:not(:checked) + label,
  input[type="radio"]:checked + label,
  input[type="checkbox"]:not(:checked) + label,
  input[type="checkbox"]:checked + label {
    padding-left: 2.0em;
    padding-top: 0.35em;
  }

  /* checkbox aspect */
  input[type="radio"]:not(:checked) + label:before,
  input[type="radio"]:checked + label:before,
  input[type="checkbox"]:not(:checked) + label:before,
  input[type="checkbox"]:checked + label:before {
    left: 0; top: 0;
    width: 1.0em; height: 1.0em;
    line-height: 1.0em;
  }

  /* checked mark aspect */
  input[type="radio"]:not(:checked) + label:after,
  input[type="radio"]:checked + label:after,
  input[type="checkbox"]:not(:checked) + label:after,
  input[type="checkbox"]:checked + label:after {
    top: .3em; 
    left: .3em;
    font-size: 1.2em;
  }

}