form input.efoelement:focus,
form textarea.efoelement:focus,
form select.efoelement:focus {
outline: none;
background-color: #f4cbc2;
}
.formError + input.efoelement,
.formError + textarea.efoelement,
.formError + select.efoelement {
outline: none;
background: #f4cbc2;
}
form label{
display: inline-block;
padding: 2px !important;
margin-right: 10px;
}
form label.elmRequired{
background: #f4cbc2;
}
form label.elmError{
background: #f4cbc2;
}
.validateflag.validateok{
position: absolute;
width: 20px;
height: 20px;
line-height: 22px;
text-align: center;
border-radius: 10px;
font-size: 13px;
overflow: hidden;
background: #f4cbc2;
color: #fff;
}
select + .validateflag.validateok{
margin-top: -3px
} .ui-autocomplete.ui-front{
position: absolute;
cursor: default;
list-style: none;
padding: 0;
margin: 0;
display: block;
outline: none;
font-family: inherit;
font-size: 1rem;
z-index: 100;
border: 1px solid #ccc;
background: #fff;
color: #333;
text-align: left;
}
.ui-autocomplete.ui-front .ui-state-focus{
border: none;
background: #eee;
font-weight: normal;
color: #333;
margin: 0;
}
.ui-autocomplete .ui-menu-item{
padding: 4px 15px;
}
.ui-helper-hidden-accessible{
display: none;
} .imeinactive{ ime-mode:inactive; }
.imeactive{ ime-mode:active; } .formError { z-index: 990; }
.formError .formErrorContent { z-index: 991; }
.formError .formErrorArrow { z-index: 996; }
.ui-dialog .formError { z-index: 5000; }
.ui-dialog .formError .formErrorContent { z-index: 5001; }
.ui-dialog .formError .formErrorArrow { z-index: 5006; }
.inputContainer {
position: relative;
float: left;
}
.formError {
position: absolute;
top: 300px;
left: 300px;
display: block;
cursor: pointer;
text-align: left;
}
.formError.inline {
position: relative;
top: 0;
left: 0;
display: inline-block;
}
.ajaxSubmit {
padding: 20px;
background: #55ea55;
border: 1px solid #999;
display: none;
}
.formError .formErrorContent {
width: 100%;
background: #d12c2d;
position: relative;
color: #fff;
min-width: inset;
font-size: 11px;
padding: 4px 10px 4px 10px;
border-radius: 6px;
}
.formError.inline .formErrorContent {
box-shadow: none;
border: none;
border-radius: 0;
}
.greenPopup .formErrorContent {
background: #33be40;
}
.blackPopup .formErrorContent {
background: #393939;
color: #FFF;
}
.formError .formErrorArrow {
width: 15px;
margin: -2px 0 0 13px;
position: relative;
}
body[dir='rtl'] .formError .formErrorArrow, body.rtl .formError .formErrorArrow {
margin: -2px 13px 0 0;
}
.formError .formErrorArrowBottom {
box-shadow: none;
margin: 0px 0 0 12px;
top: 2px;
}
.formError .formErrorArrow {
border: solid transparent;
height: 0;
width: 0;
pointer-events: none;
border-color: rgba(230, 15, 108, 0);
border-top-width: 7px;
border-bottom-width: 7px;
border-left-width: 7px;
border-right-width: 7px;
border-top-color: #e60f6c;
}
@media screen and (max-width: 599px) {
form label.elmError{
background: none;
}
.formError {
position: static !important;
margin: 0 !important;
padding: 4px 0;
float: none !important;
display: block;
cursor: pointer;
text-align: left;
clear: both;
}
.formError .formErrorContent{
width: auto;
}
}