.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);display:table;transition:opacity .3s ease;z-index:9999}
.modal-wrapper{display:table-cell;vertical-align:middle}
.modal-container{background:#fff;width:800px;border-radius:5px;box-shadow:0 2px 8px rgba(0,0,0,0.33);transition:all .3s ease;margin:0 auto;padding:0}
@media(max-width:991px){.modal-container{width:90%}}
.modal-header{padding:.9375rem;display:flex;justify-content:space-between}
.modal-body{font-family:'Spartan-Regular',arial,sans-serif!important; font-size:13px;line-height:23px;overflow-y:auto;max-height:400px;-webkit-overflow-scrolling:touch;padding:.9375rem}
.modal-body::-webkit-scrollbar-track{background-color:#eee;border-radius:6px}.modal-body::-webkit-scrollbar{width:10px;background-color:#eee;border-radius:6px}
.modal-body::-webkit-scrollbar-thumb{background-color:#0e0e0e}
.modal-footer{padding:.9375rem}.modal-enter,.modal-leave{opacity:0}
.modal-enter .modal-container,.modal-leave .modal-container{-webkit-transform:scale(1.1);transform:scale(1.1)}
.modal h3{font-size:17px;}
.modal button{cursor:pointer;}
.modal .modclose{margin: -1rem -1rem -1rem auto;float:left;}
.modal .modclose:before{font-family: 'LineAwesome';content: '\f342';font-size:2.7rem;color:#F20000;}