.modal-backdrop{background-color:#000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1040}
.modal-backdrop.fade{opacity:0}
.modal-backdrop,.modal-backdrop.fade.in{opacity:.8}
.modal{background-clip:padding-box;background-color:#fff;border:1px solid rgba(0,0,0,0.3);border-radius:6px;box-shadow:0 3px 7px rgba(0,0,0,0.3);left:50%;margin:-250px 0 0 -280px;overflow:auto;position:fixed;top:50%;width:560px;z-index:1050}
.modal.fade{top:-25%}
.modal.fade.in{top:50%}
.modal-header{border-bottom:1px solid #eee;padding:9px 15px}
.modal-header .close{margin-top:2px}
.close{color:#000;float:right;font-size:20px;font-weight:bold;line-height:20px;opacity:.2;text-shadow:0 1px 0 #fff}
.close:hover,.close:focus{color:#000;cursor:pointer;opacity:.4;text-decoration:none}
button.close{background:none repeat scroll 0 0 rgba(0,0,0,0);border:0 none;cursor:pointer;padding:0}
.modal-header h3{color:#333;line-height:30px;margin:0}
.modal-body{max-height:400px;overflow-y:auto;padding:15px;text-align:center}
@media(max-width:767px){.modal{left:20px;margin:0;position:fixed;right:20px;top:20px;width:auto}
.modal.fade.in{height:98%;left:2%;top:10px;width:96%}
.modal-body{max-height:95%;padding:0}
}
@media(max-width:480px){.modal{left:10px;right:10px;top:10px}
.modal-header .close{margin:-10px;padding:10px}
.modal-body{max-height:85%}
}
.fade{opacity:0}
.fade.in{opacity:1}
.hide{display:none}