.modal-open { overflow: hidden; }
.modal-open.page-overflow .page-container,
.modal-open.page-overflow .page-container .navbar-fixed-top,
.modal-open.page-overflow .page-container .navbar-fixed-bottom,
.modal-open.page-overflow .modal-scrollable { overflow-y: scroll; }

@media (max-width: 979px) {
    .modal-open.page-overflow .page-container .navbar-fixed-top,
    .modal-open.page-overflow .page-container .navbar-fixed-bottom { overflow-y: visible; }
}
.modal-scrollable { position: fixed; top: 0; bottom: 0; left: 0; right: 0; overflow: auto; }
.modal { outline: none; position: absolute; margin-top: 0; top: 50%; overflow: visible; }
.modal.fade { top: -100%; -webkit-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out; -moz-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out; -o-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out; transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out; }
.modal.fade.in { top: 50%; }
.modal-body { max-height: none; overflow: visible; }
.modal.modal-absolute { position: absolute; z-index: 950; }
.modal .loading-mask { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #fff; border-radius: 6px; }
.modal-backdrop.modal-absolute { position: absolute; z-index: 940; }
.modal-backdrop, .modal-backdrop.fade.in { opacity: 0.7; filter: alpha(opacity=70); background: #fff; }
.modal.container { width: 940px; margin-left: -470px; }

.modal-overflow.modal { top: 1%; }
.modal-overflow.modal.fade { top: -100%; }
.modal-overflow.modal.fade.in { top: 1%; }
.modal-overflow .modal-body { overflow: auto; -webkit-overflow-scrolling: touch; }


@media (min-width: 1200px) {
    .modal.container { width: 1170px; margin-left: -585px; }
}

@media (max-width: 979px) {
    .modal,
    .modal.container,
    .modal.modal-overflow { top: 1%; right: 1%; left: 1%; bottom: auto; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; }

    .modal.fade.in,
    .modal.container.fade.in,
    .modal.modal-overflow.fade.in { top: 1%; bottom: auto; }

    .modal-body,
    .modal-overflow .modal-body { margin: 0; /*height: auto !important;*/ max-height: none !important; overflow: visible !important; }

    .modal-footer,
    .modal-overflow .modal-footer { position: static; }
}

.loading-spinner { position: absolute; top: 50%; left: 50%; margin: -12px 0 0 -12px; }

/*
Animate.css - http://daneden.me/animate
Licensed under the ☺ license (http://licence.visualidiot.com/)

Copyright (c) 2012 Dan Eden*/

.animated { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; }

@-webkit-keyframes shake {
    0%, 100% { -webkit-transform: translateX(0); }
    10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); }
    20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); }
}

@-moz-keyframes shake {
    0%, 100% { -moz-transform: translateX(0); }
    10%, 30%, 50%, 70%, 90% { -moz-transform: translateX(-10px); }
    20%, 40%, 60%, 80% { -moz-transform: translateX(10px); }
}

@-o-keyframes shake {
    0%, 100% { -o-transform: translateX(0); }
    10%, 30%, 50%, 70%, 90% { -o-transform: translateX(-10px); }
    20%, 40%, 60%, 80% { -o-transform: translateX(10px); }
}

@keyframes shake {
    0%, 100% { transform: translateX(0); }
    10%, 30%, 50%, 70%, 90% { transform: translateX(-10px); }
    20%, 40%, 60%, 80% { transform: translateX(10px); }
}

.shake { -webkit-animation-name: shake; -moz-animation-name: shake; -o-animation-name: shake; animation-name: shake; }