/* Design Blocks */
@import url('https://d36ecknnh9g8sb.cloudfront.net/canvas-blocks-mobile.css?v=2.14.9.2');
/* Design Blocks End */

/*login box*/

body.modal #modal-box.login-box {
	background: url(https://s3.amazonaws.com/SSL_Assets/Auckland/Styles/Images/logo.svg) no-repeat 30% 30%;
	background-size: 70%;
	background-color: rgba(255,255,255, .5);
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.headerbreakline {
	width: 100%;
	float: left;
	height: 1px;
	background-color: #fff;
}

#register_link {
	display: none;
}

/*this will remove the extra canvas logo*/
body.modal #modal-box.login-box h1 {
	background: none;
	height: 200px;
}

/*resize the login box to fit my image and change the color of 'stay signed in'*/
body.modal #modal-box.login-box {
	height: 405px;
	width: 623px;
	color: #071135;
}

#modal-box .btn {
	margin-right: 10px !important;
}

/*change the color of the login button*/

body.modal #modal-box .button, body.modal #login-box .button {
	background-color: #8cc63f !important;
	background-image: none !important;
	border-color: #8cc63f;
}


#login_form .btn-primary {
	background-color: #003F7F;
	background-image: none;
	border-color: #003F7F;
	color: #fff;
	-webkit-transition: all 500ms ease-out .5s;
	-moz-transition: all 500ms ease-out .5s;
	-o-transition: all 500ms ease-out .5s;
	transition: all 500ms ease-out .5s;
}



	#login_form .btn-primary:hover {
		background-color: #203C56;
		background-image: none;
		border-color: #203C56;
		color: #fff;
		-webkit-transition: all 500ms ease-out .5s;
		-moz-transition: all 500ms ease-out .5s;
		-o-transition: all 500ms ease-out .5s;
		transition: all 500ms ease-out .5s;
	}

#modal-box.login-box {
	background-color: transparent;
	box-shadow: none;
	-moz-box-shadow: none;
	webkit-box-shadow: none;
}

#login_form .login-options {
	color: gray;
}

/*change the color of 'don't know your password'*/
body.modal #modal-box.login-box a {
	color: gray !important;
}


body.modal.no-headers {
	background: url(https://s3.amazonaws.com/SSL_Assets/Auckland/Styles/Images/login_background.jpg) no-repeat transparent right top;
	background-size: cover;
}


/* Canvas Icons class fontsize inherit vs fixed */
.user_content a[class*=icon-], a[class^=icon-] {
	font-size: inherit;
}

/* Hidden features */
.profile_settings #right-side a.button-sidebar-wide:nth-child(4) {
	display: none;
}


#right-side > div:nth-child(7) > a.btn.button-sidebar-wide[href="/epub_exports"] {
	display: -webkit-box;
}

a.add_email_link.icon-add {
	display: none;
}

a.add_contact_link.icon-add {
	display: none;
}

a.delete_channel_link.no-hover > i {
	display: none;
}

td.email_actions.hidden_for_single > a {
	display: none;
}

#footer-links {
	display: none;
}

span#footer-links.old {
	display: none;
}

#footer-links-new {
	color: #035085;
}

	#footer-links-new a {
		float: right;
		border-right: 1px solid #035085;
		color: #035085 !important;
		padding-left: 5px;
		padding-right: 5px;
		margin-left: 10px;
		text-align: center;
		width: 200px;
	}

#footer .footer-logo {
	float: right;
	margin-right: 50px;
}

/* SpeedGrader Rubric Marking */
button.btn-map {
	margin-right: 4px;
	margin-bottom: 4px;
}

.uoa_grid div {
	width: 175px;
	float: left;
	margin: 15px 10px;
	background-color: #ebebeb;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
	border-radius: 4px;
	position: relative;
	overflow: hidden;
	z-index: 1;
	transition: box-shadow 0.3s;
}

	.uoa_grid div:hover {
		box-shadow: 0 4px 10px rgba(0,0,0,0.35);
	}

.uoa_grid img {
	width: 100%;
}

.uoa_grid p {
	margin: 0px;
	padding: 12px 14px;
	text-align: center;
	line-height: 20px;
}

.uoa_grid a {
	text-decoration: none !important;
}

.uoa_grid_wide div {
	width: 230px;
	margin: 20px 15px;
}

.uoa_grid_smalltext p {
	font-size: 10pt;
}

.uoa_grid_light div {
	background-color: #ffffff;
	border-radius: 0;
	box-shadow: none;
	transition: none;
}

	.uoa_grid_light div:hover {
		box-shadow: none;
	}

.uoa_grid_fade img {
	filter: grayscale(80%);
}

	.uoa_grid_fade img:hover {
		filter: grayscale(0%);
	}

.uoa_grid_over a, .uoa_grid_over a:hover, .uoa_grid_over a:visited {
	color: #ffffff;
}

.uoa_grid_over p {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	word-wrap: break-word;
	background: black; /* fallback for old browsers */
	background: rgba(0,0,0,0.6);
	color: #ffffff;
	margin: 0;
	box-sizing: border-box;
}

.uoa_grid_roomy div {
	margin: 25px 20px;
}

.uoa_shadowbox {
	box-shadow: 0 4px 10px rgba(0,0,0,0.35);
}

.uoa_shadowline {
	box-shadow: 0 10px 5px -5px rgba(0,0,0,0.35);
}

.uoa_table td, .uoa_table th {
	padding: 10px !important;
}

.uoa_table th {
	background-color: #ebebeb;
}

.uoa_img_left {
	float: left;
	margin: 7px 14px 7px 0;
}

.uoa_img_topleft {
	float: left;
	margin: 0 14px 7px 0;
}

.uoa_img_right {
	float: right;
	margin: 7px 0 7px 14px;
}

.uoa_img_topright {
	float: right;
	margin: 0 0 7px 14px;
}

.uoa_corners_4 {
	border-radius: 4px;
	overflow: hidden;
}

.uoa_corners_8 {
	border-radius: 8px;
	overflow: hidden;
}

.uoa_corners_12 {
	border-radius: 12px;
	overflow: hidden;
}

.uoa_opacity_40 {
	opacity: 0.4;
}

.uoa_opacity_60 {
	opacity: 0.6;
}

.uoa_opacity_80 {
	opacity: 0.8;
}