.ttfp-shade{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.9);z-index:2010;color:#222;}
.ttfp-shade.ttfp-message-win{z-index:2021;}

.ttfp-shade .ttfp-load-container{position:absolute;left:50%;top:50%;width:50px;height:50px;margin:-25px 0 0 -25px;transform:scale(0.6);}

.ttfp-message{padding:10px 20px;background:#fff;color:#333;border:15px solid #fff;border-left-width:0;border-right-width:0;line-height: 1.3;word-wrap: break-word; position: relative; font-size: 14px;font-weight:400;}
.ttfp-message::after{content:"";display:block;position: absolute;left:0;top:0;bottom:0;width:4px;}

.ttfp-win{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:800px;background:#fff;color:#333;border:0px solid #999;border:0px solid rgba(0,0,0,0.3);border-radius:4px;outline:0;box-shadow:0 3px 7px rgba(0,0,0,0.3);background-clip:padding-box;}

.ttfp-win-close{position:absolute;top:-30px;right:-30px;padding:10px;font-size:20px; color:#fff;text-shadow:0 3px 7px rgba(0,0,0,0.3); cursor:pointer;font-family: verdana;transform: rotate(45deg);}

.ttfp-message.ttfp-type-success::after{background-color:#98c74d;}
.ttfp-message.ttfp-type-error::after{background-color:#da4f49;}
.ttfp-message.ttfp-type-info::after{background-color:#00b9ff;}

.ttfp-win-body{position: relative;max-height: 600px;max-width:600px;padding:20px 25px;overflow-y: auto;line-height: 1.42;color:#333;}
.ttfp-win-body p,
.ttfp-message p{padding:0;margin:0;}
.ttfp-win-body ul,
.ttfp-message ul{margin:0;list-style-type: disc;list-style-position: inside;}
.ttfp-win-body p + p{margin-top:10px;}
.ttfp-win-body b+p,
.ttfp-win-body b+ul,
.ttfp-message b+p,
.ttfp-message b+ul{margin-top:6px;}


.ttfp-load-speeding-wheel{width: 30px; height: 30px;opacity:0.4; margin: 0 auto; border: 3px solid rgb(0,0,0); border-radius: 50%; border-left-color: transparent; border-right-color: transparent; animation: ttfp-load-spin 575ms infinite linear; -o-animation: ttfp-load-spin 575ms infinite linear; -ms-animation: ttfp-load-spin 575ms infinite linear; -webkit-animation: ttfp-load-spin 575ms infinite linear; -moz-animation: ttfp-load-spin 575ms infinite linear; }
.ttfp-load-speeding-wheel.ttfp-small{width: 50px;height: 50px;opacity: 0.7;}
@keyframes ttfp-load-spin {100%{ transform: rotate(360deg); transform: rotate(360deg); }}