/* This file came into existence since the award modal was required in the test-prep code-base,
	which does not utilize bootstrap. Au lieu of trying to make the entirety of bootstrap work 
	in test-prep, this file can be included as a stylesheet in the template-file to make the award 
	modal functional. It includes the minimal amount of bootstrap CSS necessary for the modal. 

	This file also includes one-off CSS also necessary to make the modal format properly in a non-
	bootstrap environment. I fully realize this is messy and should be avoided in the future. If anyone
	wants to consolidate and improve the CSS at a later date, they have my blessing.

	Note: bootstrap.min.js will also need to be included as a script in order for the modal to
		work properly. In my opinion, this should not be an issue for test-prep (so long as 
		bootstrap.min.css is not included as a stylesheet).

	For more information please see:
		- /assets/css/awardModal.css
		- /assets/js/users/awardDialog.js
		- /code/views/elements/users/awardDialog.php
		- /code/views/templates/testprep/#/review-drillV2.php

	Author:
		Grant Sheldon, 10/3/14
*/

/* Necessary to make the modal function properly. */
.modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; display: none; overflow: auto; overflow-y: scroll; }
.modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; }
.modal.fade.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
.modal-dialog { z-index: 1050; width: auto; padding: 10px; margin-right: auto; margin-left: auto; }
.modal-content { position: relative; background-color: #ffffff; border: 1px solid #999999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; outline: none; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; }
.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1030; background-color: #000000; }
.modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); }
.modal-backdrop.fade.in { opacity: 0.5; filter: alpha(opacity=50); }
.modal-header { min-height: 16.428571429px; padding: 15px; border-bottom: 1px solid #e5e5e5; }
.modal-header .close { margin-top: -2px; }
.modal-title { margin: 0; line-height: 1.428571429; }
.modal-body { position: relative; padding: 20px; }
.modal-footer { padding: 19px 20px 20px; margin-top: 15px; text-align: right; border-top: 1px solid #e5e5e5; }
.modal-footer:before, .modal-footer:after { display: table; content: " "; }
.modal-footer:after { clear: both; }
.modal-footer:before, .modal-footer:after { display: table; content: " "; }
.modal-footer:after { clear: both; }
.modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; }
.modal-footer .btn-group .btn + .btn { margin-left: -1px; }
.modal-footer .btn-block + .btn-block { margin-left: 0; }
@media screen and (min-width: 768px) { .modal-dialog { right: auto; left: 50%; width: 600px; padding-top: 30px; padding-bottom: 30px; }
.modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
}
.fade{opacity:0;-webkit-transition:opacity 0.15s linear;-moz-transition:opacity 0.15s linear;-o-transition:opacity 0.15s linear;transition:opacity 0.15s linear;}.fade.in{opacity:1;}
.close{float:right;font-size:20px;font-weight:bold;line-height:20px;color:#000000;text-shadow:0 1px 0 #ffffff;opacity:0.2;filter:alpha(opacity=20);}.close:hover,.close:focus{color:#000000;text-decoration:none;cursor:pointer;opacity:0.4;filter:alpha(opacity=40);}
button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;}
.modal{position:fixed;top:20px;left:20px;right:20px;width:auto;margin:0;}.modal.fade{top:-100px;} .modal.fade.in{top:20px;}@media (max-width:480px){.nav-collapse{-webkit-transform:translate3d(0, 0, 0);} .modal{top:10px;left:10px;right:10px;} .modal-header .close{padding:10px;margin:-10px;}}

/* Necessary for button formatting. */
.am-modal .btn {
	text-decoration: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
	cursor: pointer;
	color: #fff;
	background: #a3b0bb;
	border: 1px solid #a3b0bb;
	display: inline-block;
	margin-bottom: 0;
	line-height: 20px;
	text-align: center;
	vertical-align: middle;
}

.am-modal .btn-primary {
	color: #fff;
	background: #fa9d48;
	border-color: #fa9d48;
}

.am-modal .btn-large {
	padding: 11px 19px;
	font-size: 17.5px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}