/* Forms styles */
.ew_cfad label.field-caption
{
display: block;
width: 100%;
}
.ew_cfad select .stdcfcontrol
{
width: 100%;
padding: 10px;
}
.ew_cfad textarea
{
max-width: 100%;
}
/* error css code */
.ew_cfad label.error {
color: red !important;
}
.ew_cfad input.error, .ew_cfad select.error {
border: 2px solid red !important;
}
.ew_cfad textarea.error {
border: 2px solid red !important;
}
.ew_cfad div.validation-error {
display:none;
margin:5px 0 5px 0;
background: #ffe2e2;
border: 1px solid #ff0000;
color: #C10000;
border-radius: 5px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.ew_cfad div.validation-error > div.validation-text {
padding: 15px;
}
/* end error css code */
.ew_cfad button
{
padding: 6px 12px;
}
.upload_progress{
display:none;
clear:both;
text-align:center;
width:100%;
margin:0px;
padding:0px;
/*background-color:#fff;*/
/* border:1px solid #ccc;*/
}
.progress { position:relative; width:100%; max-width:100%; height:25px; border: 1px solid #54bae2; padding: 0px; margin:20px auto; background:#333333; }
.bar { background-color: #54bae2; width:0%; height:25px; }
.percent { position:absolute; display:inline-block; line-height: 25px; vertical-align: middle;top:0px; color:white; text-align:center; }
.stripes {
animation: animate-stripes 0.6s linear infinite;
animation-direction: reverse;
animation-duration: 1.25s;
background-size: 30px 30px;
background-image: linear-gradient(
135deg,
rgba(255, 255, 255, .15) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, .15) 50%,
rgba(255, 255, 255, .15) 75%,
transparent 75%,
transparent
);
}
@keyframes animate-stripes {
0% {
background-position: 0 0;
}
100% {
background-position: 60px 0;
}
}