::-webkit-input-placeholder{color:#787878!important;font-weight:300}
:-moz-placeholder{color:#787878!important;opacity:1;font-weight:300}
::-moz-placeholder{color:#787878!important;opacity:1;font-weight:300}
:-ms-input-placeholder{color:#787878!important;font-weight:300}
.textBoxControlError{color:red;display:inline-block}


.textBoxControl .nonPopupInformation{display:inline-block;background:0;vertical-align:middle}
.textBoxControl .tomanTextPopup{position:absolute;background:#444;color:#FFF;padding:5px 7px;min-width:150px;text-align:center;font-weight:200;border-radius:5px;display:none;bottom:120%}
.textBoxControl .tomanTextPopup::after{content:'';position:absolute;top:100%;right:47%;border-width:5px;border-style:solid;border-color:#444 transparent transparent}
.textBoxControl{display:inline-block;position:relative}
.textBoxControl.invalid input.textBoxControlInput,.textBoxControl input.textBoxControlInput:invalid[isrequired="True"]{background-color:#fff;border:1px solid #ff4848!important}
.textBoxControl.valid input.textBoxControlInput{border:solid 1px #3cbf3c}
.invalidImage input.textBoxControlInput:before { content: "\f136"; color: #ffb0b0;}
.validImage input.textBoxControlInput:before { content: "\f14d";color: #a4dea4;}
.invalidImage input.textBoxControlInput:before, .validImage input.textBoxControlInput:before {left: 4px;}
.textBoxControl.invalidImage input.textBoxControlInput, .textBoxControl.invalidImage input.textBoxControlInput:invalid[isrequired="True"] {background-image: url(images/ErrorText.png);}
.textBoxControl.validImage input.textBoxControlInput, .textBoxControl.validImage input.textBoxControlInput:invalid[isrequired="True"] {   background-image: url(images/textTick.png);}