.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 {position: static;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;} .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;}