.modal{display:none;position:fixed;z-index:9999;padding-top:2.5rem;padding-bottom:2.5rem;left:0;top:0;width:100%;height:calc(100% - 5rem);overflow:auto;background-color:rgba(0,0,0,.5)}.modal-content{position:relative;margin:auto;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);-webkit-animation-name:animatetop;-webkit-animation-duration:.4s;animation-name:animatetop;animation-duration:.4s;max-width:600px;background-color:#fff;padding:1.5rem}@media screen and (max-width:681px){.modal-content{margin:0 20px}}.modal-xs{max-width:400px}.modal-header{margin-bottom:1rem;font-size:28px}.modal-header:after,.modal-header:before{display:table;content:" "}.modal-header .title-modal{float:left;font-size:21px;width:calc(100% - 38px)}.modal-header .close-modal{float:right;font-family:Arial;font-size:28px;background-color:#ebebeb;width:28px;height:28px;text-align:center;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}.modal-header .close-modal:hover{background-color:#dfdfdf}.modal-header .close-modal:focus,.modal-header .close-modal:hover{text-decoration:none;cursor:pointer}.modal-header:after{clear:both}@-webkit-keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}@keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}