.modal{background-color:#000;background-color:rgba(0,0,0,.4);display:none;height:100%;right:0;overflow:auto;position:fixed;top:0;width:100%;z-index:9999}.modal-content{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-name:animatetop;animation-name:animatetop;background-color:#fefefe;border:1px solid #888;border-radius:8px!important;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);margin:auto;padding:20px;position:relative;width:80%}@keyframes animatetop{0%{opacity:0;top:-300px}to{opacity:1;top:0}}.close{color:#bcbcbc;cursor:pointer;font-size:12px;line-height:12px;position:absolute;left:15px;top:15px}.modal-content .close:focus,.modal-content .close:hover{color:#e4002b;cursor:pointer;text-decoration:none}.modal-header{align-items:center;background-color:#fff;display:flex;flex-direction:column;justify-content:center;margin-top:10px;padding:0;text-align:center}.modal-body{margin:20px 0 0!important;padding:0}.modal-footer{background-color:#fff;color:#000;margin:0 20px;padding:2px 16px}.modal-content.modal-small{min-width:350px;width:25%}.modal-content.modal-medium{min-width:450px;width:35%}.modal-title{color:var(--main-text-color);font-family:var(--font-bold);font-size:var(--sub-title-size);text-align:center;text-transform:capitalize}.modal.active-modal{align-items:center;display:flex!important;justify-content:center}.modal [class*=col-]{flex:0 0 100%;min-width:100%}