/************ Include HTML Elements***************/
/************ basic elements css *****************/
/************************************************/

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}

img {
  border: 0;
  max-width: 100%;
  height: auto;
}
hr {
height: 0;
color: #fff;
border: 1px dashed #ccc;
margin: 1em 0;
overflow: hidden;
}
footer hr{
border: 1px solid #fff;
}
header hr{
margin-top:0;
margin-bottom:1em;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
small {
  font-size: 0.8em;
}
sub,
sup {
  font-size: 0.75em;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}

pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

select {
  text-transform: none;
}

input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}
html input[disabled] {
  cursor: default;
}
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  box-sizing: content-box; /* 2 */
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
input {
    -webkit-border-radius:0;
    border-radius:0;
	-moz-box-shadow: none;
    box-shadow: none;
}
input.error
	{
	background-color:#fae1e1;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"]
	{
	display: block;
  	background-color: #fafafa;
    border: 1px solid #b4b4b4;
    box-shadow: none;
  	color: rgba(0, 0, 0, 0.87);
	outline: none;
  	height:40px;
  	width: 100%;
  	padding: 10px;
  	border-radius: 15px;
  	background-image: none;
	}
textarea
	{
	height:120px;
	}
select,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus
	{
	background-color:#fafafa;
	}
input[type=radio]:after {
        content:' ';
        position: absolute;
        display:none;
        top:-2px;
        left:-2px;
        width:15px;
        height:15px;
        background-color:silver;
        border-radius:20px;
        border:gray solid 4px;
}
input[type=radio]:checked:after {
        background-color:#222;
}
input[type=radio]:focus{
	   outline: none;
}
label{
    font-weight:600;
    clear: both;
    display: inline-block;
}
fieldset
    {
    border:0;
    padding:0;
    margin:0;
}



.file-upload-field-wrapper{
padding:15px;
border:1px dashed #eee;
background-color:#fafafa;
margin-bottom:15px;
}

.file-upload-field-wrapper .js-form-type-checkbox {
padding:5px;
border:1px dashed #ddd;
margin-bottom:4px;
background-color: #fff;
}

.file-upload-field-wrapper .js-form-type-checkbox:last-child {
border-bottom:1px dashed #ddd;
}

.file-upload-field-wrapper .js-form-type-checkbox label {
color: #2d3e50;
font-size: 0.75em;
}
input.error, select.error, fieldset.error{
background-color: #fae1e1;
border: 2px dashed red;
}
fieldset.error{
 background-color: transparent;
padding:20px;border: 2px dashed red;
}

.js-form-item label.error {
    background-color: red;
    color: #fff;
    font-size: small;
    font-weight: bold;
    padding: 0px 10px;
    border-radius: 15px;
    /* position: absolute; */
    top: 0;
    right: 0;
    margin: 3px;
}

.error, .js-form-item label.error {
  animation-name: FadeIn;
  animation-duration: 3s;
  transition-timing-function: linear;
}

@keyframes FadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-moz-keyframes FadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes FadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-o-keyframes FadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-ms-keyframes FadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}