.fade-out.ng-leave {
	transition: .5s linear all;
	-o-transition: .5s linear all;
	-moz-transition: .5s linear all;
	-webkit-transition: .5s linear all;
	opacity: 1;
}

.fade-out.ng-leave.ng-leave-active {
	opacity: 0;	
}

.fade-in.ng-enter {
	transition: .5s linear all;
	-o-transition: .5s linear all;
	-moz-transition: .5s linear all;
	-webkit-transition: .5s linear all;
	opacity: 0;
}

.fade-in.ng-enter.ng-enter-active {
	opacity: 1;
}

.was-validated mdr-select2.ng-invalid ~ .invalid-feedback {
	display: block;
}

.was-validated input[type="hidden"].form-control.ng-invalid ~ .invalid-feedback {
	display: block;
}

.dropdown-menu-right {
	right: 0;
	left: auto;
}

.profile-dropdown {
	z-index: 1050 !important;
}

.stat-box {
	border-top: 3px solid #000000;
}

.form-check > label > .icheckbox_square-blue {
	margin-right: 0.25rem;
}

#announcements-dropdown.dropdown-toggle::after {
	display: none;
}

.highlightedText {
	background: yellow;
}

.hide-caret.dropdown-toggle::after {
	display: none;
}

table.bulk-student-survey-table th.name-col {
	width: 165px !important;
}

table.bulk-student-survey-table th.scale-col {
	width: 400px !important;
}

.was-validated .ng-invalid ~ .invalid-feedback,
.was-validated .ng-invalid ~ .invalid-tooltip {
	display: block;
}

.was-validated .form-control.ng-invalid {
	border-color: #dc3545;
	padding-right: calc(1.5em + 0.75rem);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right calc(0.375em + 0.1875rem) center;
	background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

	.was-validated .form-control.ng-invalid:focus {
		border-color: #dc3545;
		box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
	}

/* Chrome, Safari, Edge, Opera */
input.no-arrows::-webkit-outer-spin-button,
input.no-arrows::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number].no-arrows {
	-moz-appearance: textfield;
}

@media (max-width: 869px) {
	.header-announcements .dropdown-menu {
		position: fixed;
		left: 0;
		top: 128px;
		right: 0;
		margin: auto;
	}

	.news-feed-posts .mobile-hide {
		display: none;
	}
}