﻿/*!
 * Bootstrap Modal
 *
 * Copyright Jordan Schroter
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */

.modal-open {
	overflow: hidden;
}

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

@media (max-width:979px) {
	.modal-open.page-overflow .page-container .navbar-fixed-bottom, .modal-open.page-overflow .page-container .navbar-fixed-top {
		overflow-y: visible;
	}
}

.modal-scrollable {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: auto;
}

.modal {
	outline: 0;
	position: absolute;
	margin-top: 0;
	top: 50%;
	overflow: visible;
}

	.modal.fade {
		top: -100%;
		-webkit-transition: opacity .3s linear,top .3s ease-out,bottom .3s ease-out,margin-top .3s ease-out;
		-moz-transition: opacity .3s linear,top .3s ease-out,bottom .3s ease-out,margin-top .3s ease-out;
		-o-transition: opacity .3s linear,top .3s ease-out,bottom .3s ease-out,margin-top .3s ease-out;
		transition: opacity .3s linear,top .3s ease-out,bottom .3s ease-out,margin-top .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: .7;
	filter: alpha(opacity=70);
	background: #fff;
}

.modal.container {
	width: 940px;
	margin-left: -470px;
}

.modal-overflow.modal {
	top: 0;
}

	.modal-overflow.modal.fade {
		top: -100%;
	}

		.modal-overflow.modal.fade.in {
			top: 0;
		}

.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.container.fade.in, .modal.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;
}
