/*!

 * Bootstrap Modal

 *

 * Copyright Jordan Schroter

 * Licensed under the Apache License v2.0

 * http://www.apache.org/licenses/LICENSE-2.0

 *

 */



.modal-open {

	overflow: hidden;

}





/* add a scroll bar to stop page from jerking around */

.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; /* allow content to popup out (i.e tooltips) */

}



.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-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;

}



/* Responsive */



@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;

}



/*

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;

}