CSS File

1.tn-atom .t-input-error{position:absolute;color:red;background-color:#fff;padding:8px 10px;border-radius:2px;z-index:1;margin-top:5px;left:0;box-shadow:0 1px 20px 0 rgba(0,0,0,.2)}

2.tn-atom .t-input-error:after{content:'';position:absolute;width:0;height:0;top:-12px;left:15%;border:6px solid transparent;border-bottom-color:#fff}

3.tn-form__errorbox-close{height:14px;position:absolute;right:8px;top:8px;width:14px;cursor:pointer}

4.tn-form__errorbox-close-line{background:#fff 0 0;height:1px;left:0;margin-top:-1px;position:absolute;top:50%;width:100%}

5.tn-form__errorbox-close-line-left{transform:rotate(45deg)}

6.tn-form__errorbox-close-line-right{transform:rotate(-45deg)}

7.tn-atom .t-form__errorbox-wrapper,.tn-form__errorbox-popup{position:fixed;bottom:20px;right:20px;z-index:10000;max-width:400px;min-width:260px;width:auto;box-shadow:0 0 3px 1px rgba(0,0,0,.2);border-radius:3px;text-align:left;font-family:Arial,sans-serif;background:#f95d51;padding:10px}

8.tn-atom .js-error-control-box .t-checkbox__control,.tn-atom .js-error-control-box .t-radio__wrapper{padding:3px;margin-top:-3px}

9@media screen and (max-width:480px){.tn-atom .t-form__errorbox-wrapper,.tn-form__errorbox-popup{max-width:280px}

10}