CSS File

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

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

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

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

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

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

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

8.tn-atom .js-error-control-box .t-checkbox__control,.tn-atom .js-error-control-box .t-checkboxes__wrapper .t-checkbox__control,.tn-atom .js-error-control-box .t-radio__wrapper{border:none!important;padding:0 3px;position:relative}

9#allrecords .tn-atom .t-form .js-error-control-box .t-checkboxes__wrapper{border:none!important;padding:0}

10.tn-atom .js-error-control-box .t-checkbox__control:before,.tn-atom .js-error-control-box .t-radio__wrapper:before{border:1px solid red;content:"";height:calc(100% + 6px);left:0;pointer-events:none;position:absolute;top:-3px;width:100%}

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

12}