/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

body.assignments-pro-modal-active {
	width: 100%;
}

#assignments-pro-assignment-container {
	padding: 1rem;
	border: solid 1px #EEE;
	background-color: #FFF;
	margin: 1rem 0;
}

.assignments-pro-show-for-sr, .assignments-pro-hide, .assignments-pro-reveal {
	display: none;
}

#assignments-pro-upload-progress-div {
	height: 1.5rem;
	background-color: #DDD;
	text-align: center;
	margin: 1.5rem 0;
}

#assignments-pro-upload-progress-bar {
	background-color: green;
}

#assignments-pro-upload-progress-text {
	color: #FFF;
}

.assignments-pro-button {
	display: inline-block;
	background: #333;
	padding: 0.5rem 1rem;
	color: #FFF;
	border-radius: .5rem;
	margin: 1rem 0;
	cursor: pointer;
}

.assignments-pro-button:hover {
	background: #777;
	color: #FFF;
}

#assignments-pro-previously-uploaded, #assignments-pro-feedback {
	background-color: #F5F5F5;
	padding: 1rem;
	border: solid 1px #EEE;
	margin: 1rem 0;
}

body label.assignments-pro-uploaded, body label.assignments-pro-button {
	width: inherit!important;
}

#assignments-pro-upload-button, #assignments-pro-ready {
	padding: 1rem;
	font-weight: bold;
}

#assignments-pro-upload-button img, #assignments-pro-ready img {
	height: 1.5em;
	margin-left: 1rem
}


#assignments-pro-reveal-background {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: black;
	opacity: .50;
	-webkit-opacity: .5;
	-moz-opacity: .5;
	filter: alpha(opacity=50);
	z-index: 1000;
}

#assignments-pro-pr-submit {
	background-color: white;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-shadow: 0 0 20px 0 #222;
	-webkit-box-shadow: 0 0 20px 0 #222;
	-moz-box-shadow: 0 0 20px 0 #222;
	display: none;
	height: auto;
	left: 50%;
	margin: -120px 0 0 -160px;
	padding: 1.5rem;
	position: fixed;
	top: 50%;
	width: 320px;
	z-index: 1000;
	text-align: center;
}

#assignments-pro-reveal-background.active, #assignments-pro-pr-submit.active {
	display: block;
}

body.assignments-pro-modal-active { position: fixed; overflow: hidden; }

#assignments-pro-assignment-comments {
	width: 100%;
}

input.assignments-pro-upload-field {
	display: none!important;
	min-height: 10rem;
}

.assignments-pro-alertbox {
	border: solid 1px #C00;
	padding: 1rem 1rem 0;
	background-color: #f2dede;
	color: #C00;
}

#assignments-pro-uploaded-documents, #assignments-pro-feedback-documents {
	list-style: none;
	margin: 0;
}

#assignments-pro-uploaded-documents img, #assignments-pro-feedback-documents img {
	height: 1.5em;
	margin-right: 0.5rem;
	margin-top: -0.25rem
}

#assignments-pro-reopened-submission {
	background-color: #fffca5;
	padding: 1rem;
	border: solid 1px #f4ef61;
	margin: 1rem 0;
}

.assignments-pro-field-notice label {
	border-bottom: dotted 2px #C00;
}

body .learndash label.assignments-pro-inline {
	display: inline;
}